body{padding-top:64px}#community-top{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:10px;padding:9px 16px;background:#243e38;color:#fff9e9;box-shadow:0 2px 10px #0003;font:14px system-ui}#community-top strong{margin-right:auto}#cloud-status{font-size:12px;max-width:36vw}#community-top button{font:14px system-ui;border:1px solid #e4bd70;border-radius:6px;background:#e4bd70;padding:7px 12px}#community-top button:disabled{opacity:.5}
.community-gate{position:fixed;inset:0;z-index:100;background:#182f2bf5;display:grid;place-items:center;padding:20px;overflow:auto;font:16px/1.5 system-ui;color:#243e38}.community-card{width:min(100%,470px);box-sizing:border-box;padding:30px;background:#fff9ed;border:1px solid #e5d7b9;border-radius:18px;box-shadow:0 18px 90px #0004}.community-card h2{font:700 28px Georgia;margin:0 0 8px}.community-card input,.community-card button{box-sizing:border-box;width:100%;padding:11px;border-radius:7px;font:15px system-ui;margin-top:8px}.community-card input{border:1px solid #baa787;background:white;color:#243e38}.community-card label{display:block;margin-top:12px;font-size:14px}.community-card button{border:0;background:#31594e;color:white}.community-card .secondary{background:#e9dfcd;color:#243e38}.community-card p{font-size:14px}.community-status{white-space:pre-wrap;color:#8c3e26;font:14px/1.5 system-ui;min-height:20px}.community-card a{color:#31594e}
#community-panel{position:fixed;inset:62px 0 0 auto;width:min(100%,470px);z-index:24;background:#fff9ed;color:#243e38;box-shadow:-8px 0 40px #0003;display:flex;flex-direction:column;font:14px/1.45 system-ui}#community-panel header{padding:14px;border-bottom:1px solid #ded1b7;display:flex;gap:8px;align-items:center}#community-panel header strong{flex:1}#community-panel nav{display:flex;padding:8px;gap:4px;flex-wrap:wrap}#community-panel button{font:14px system-ui;border:1px solid #cebc97;border-radius:6px;padding:7px 10px;background:#f2e5c9;color:#243e38}#community-panel button.active{background:#31594e;color:white}#community-content{overflow:auto;flex:1;min-height:0;padding:14px}#community-content input,#community-content textarea,#community-content select{box-sizing:border-box;max-width:100%;font:15px system-ui;border:1px solid #bba98c;border-radius:6px;padding:9px;background:white;color:#243e38}#community-content input[type=checkbox]{margin-right:8px}.community-row{padding:11px 0;border-bottom:1px solid #e5d8bf;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.community-row>span{flex:1;min-width:120px}.community-note{font-size:12px;color:#665e50}.community-message{padding:12px;margin:8px 0;border-radius:10px;background:#eee3ce;overflow-wrap:anywhere}.community-message.mine{background:#dfeae1}.community-message p{white-space:pre-wrap;margin:4px 0}.community-message small{font-size:11px}.community-message button{float:right}.community-compose{display:flex;gap:6px;position:sticky;bottom:0;background:#fff9ed;padding-top:9px}.community-compose textarea{flex:1;resize:vertical;min-height:66px}.community-error{color:#9a3b24;white-space:pre-wrap}#community-notice{padding:0 14px;max-height:90px;overflow:auto}.community-selection label{display:block;padding:8px}.community-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.community-shared{line-height:1.7;overflow-wrap:anywhere}.community-shared img{max-width:100%}.community-card code{overflow-wrap:anywhere}#community-panel [hidden],.community-gate[hidden]{display:none!important}
@media(max-width:600px){#community-top{gap:5px;padding:8px;font-size:12px}#community-top strong{max-width:100px}#community-top button{padding:7px;font-size:12px}#cloud-status{max-width:100px;font-size:10px}.community-card{padding:22px}body{padding-top:75px}}
@media(max-width:600px){#community-top{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:7px 9px}#community-top strong{grid-column:1;grid-row:1;max-width:none;margin:0;font-size:12px}#community-top small{display:none}#cloud-status{grid-column:2;grid-row:1;max-width:min(42vw,170px);font-size:10px;text-align:right}#community-top button{grid-row:2;min-height:36px;padding:6px 8px;font-size:12px;white-space:nowrap}#community-top button:last-child{grid-column:2}body{padding-top:84px}}
#community-panel[hidden]{display:none!important}.community-message .community-author{float:none;background:transparent;border:0;padding:0;font-weight:700;text-decoration:underline}.community-message details{margin:12px 0;border-top:1px solid #cabb9c;padding-top:10px}.community-message summary{cursor:pointer;font-weight:700}.community-shared{padding:12px 0}.community-shared img{max-width:100%}#community-panel nav button{flex:1 0 auto}#community-content label{display:block;margin:8px 0}#community-content form>button{margin:8px 0}#community-content input:not([type=checkbox]){width:100%}
.chat-dock{position:fixed;right:16px;bottom:16px;width:min(380px,calc(100vw - 32px));height:min(440px,64vh);z-index:23;background:#fff9ed;color:#243e38;border:1px solid #cfbd96;border-radius:14px;box-shadow:0 12px 40px #0004;display:flex;flex-direction:column;overflow:hidden;font:13px/1.4 system-ui}.chat-dock>header,.friends-dock>header{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#31594e;color:#fff9ed}.chat-dock header strong,.friends-dock header strong{flex:1}.chat-dock button,.friends-dock button{font:12px system-ui;padding:6px 9px;border-radius:6px;border:1px solid #cabb9c;background:#f2e5c9;color:#243e38;cursor:pointer}.chat-dock nav{display:flex;gap:6px;padding:9px;border-bottom:1px solid #e5d8bf}.chat-dock nav button{flex:1}.chat-dock nav button.active,.chat-picker button.selected{background:#31594e;color:#fff9ed}.chat-picker{display:flex;gap:5px;overflow:auto;padding:6px 9px;flex-shrink:0;max-height:78px}.chat-picker button{white-space:nowrap}.chat-caption{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px}.chat-caption strong{flex:1}.chat-messages{flex:1;min-height:0;overflow:auto;padding:0 12px;overscroll-behavior:contain}.chat-message{padding:9px;border-radius:9px;background:#eee3ce;margin:7px 0;overflow-wrap:anywhere}.chat-message.mine{background:#dfeae1}.chat-message p{white-space:pre-wrap;margin:5px 0}.chat-message time{font-size:10px;color:#665e50}.chat-message>.chat-author{padding:0;border:0;background:transparent;font-weight:700;text-decoration:underline}.chat-message>button:not(.chat-author){float:right;padding:2px 6px;font-size:10px}.chat-typing{min-height:18px;padding:0 12px;font-size:11px;color:#31594e}.chat-notice{color:#9a3b24;font-size:11px;padding:0 12px;max-height:44px;overflow:auto}.chat-compose{display:flex;gap:6px;padding:9px;border-top:1px solid #e5d8bf}.chat-compose textarea{flex:1;min-width:0;resize:none;box-sizing:border-box;border:1px solid #bba98c;background:white;color:#243e38;border-radius:7px;padding:8px;font:13px/1.4 system-ui}.chat-compose>button{background:#31594e;color:white}.chat-empty{margin:7px 0;font-size:12px;color:#665e50}.chat-dock [hidden]{display:none!important}.chat-dock.collapsed{height:auto}.chat-dock.collapsed>:not(header){display:none}.friends-dock{position:fixed;left:16px;top:154px;width:220px;z-index:21;border:1px solid #cfbd96;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px #0002;background:#fff9ed;color:#243e38;font:13px system-ui}.friends-list{padding:8px;max-height:210px;overflow:auto}.friend-row{display:flex;align-items:center;gap:7px;width:100%;text-align:left;margin:4px 0}.friend-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row small{font-size:10px}.friend-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#93968e}.friend-dot.online{background:#38a166;box-shadow:0 0 0 3px #38a1661a}.friends-dock.collapsed .friends-list{display:none}@media(max-width:650px){.chat-dock{right:10px;bottom:10px;width:calc(100vw - 20px);height:48vh;max-height:400px}.friends-dock{left:10px;top:144px;width:180px}.friends-list{max-height:125px}.friends-dock>header{padding:8px;font-size:11px}.chat-dock header{padding:8px}}

/* Reserve the measured account bar height in the page and every library dialog. */
:root{--community-top-height:54px}
html body{box-sizing:border-box;height:auto;min-height:100dvh;padding-top:calc(var(--community-top-height) + 10px)}
#community-top{box-sizing:border-box;flex-wrap:wrap}
html body #community-panel{top:var(--community-top-height)}
html body #modal,html body #sum,html body #bk,html body #cc,html body #srch,html body #hist,html body #ex,html body #tut,html body #acc,html body #rd{inset:var(--community-top-height) 0 0;box-sizing:border-box;z-index:30}
html body #modal,html body #sum,html body #bk,html body #cc,html body #srch,html body #hist,html body #ex,html body #tut,html body #acc{padding:10px;overflow:auto}
html body .win{box-sizing:border-box;flex-shrink:0;width:min(960px,calc((100vw - 20px) / var(--uz,1)));height:min(640px,calc((100dvh - var(--community-top-height) - 20px) / var(--uz,1)));min-height:0}
html body .win>.top{flex-wrap:wrap;flex-shrink:0}
html body .win>.top input{flex:1 1 180px}
html body .win main{min-height:0;overflow:auto}
html body #modal.focus{padding:0}
html body #modal.focus .win{width:calc(100vw / var(--uz,1));height:calc((100dvh - var(--community-top-height)) / var(--uz,1))}
html body #fb{top:calc(var(--community-top-height) + 8px)}
@media(max-width:640px){html body .win .cols>aside{flex-shrink:0;height:110px}html body .win .top input{font-size:12px}}