:root{--acc: #3f5ea8;--acc-soft: rgba(63, 94, 168, .13);--ink: #2b2620;--mute: #8f8475;--line: rgba(70, 50, 30, .12);--paper: rgba(250, 246, 239, .96);--ui: -apple-system, "SF Pro Text", "Helvetica Neue", sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#ece6dc;font:13px var(--ui);color:var(--ink)}#board{position:fixed;inset:0;touch-action:none;outline:none}#board canvas{display:block}body.testing .panel{display:none!important}.panel{position:fixed;z-index:10;background:var(--paper);border-radius:12px;box-shadow:0 0 0 .5px #46321e29,0 4px 14px #3c281421;user-select:none}.row{display:flex;align-items:center;gap:6px}.btn{border:0;background:transparent;font:13px var(--ui);color:var(--ink);padding:6px 9px;border-radius:7px;cursor:pointer}.btn:hover{background:#46321e12}.btn.on{background:var(--acc-soft);color:var(--acc);font-weight:600}.btn.dark{background:var(--ink);color:#fff;font-weight:600}.btn:disabled{opacity:.35;cursor:default}.sep{width:1px;height:20px;background:var(--line)}.hsep{width:28px;height:1px;margin:4px 0;background:var(--line)}kbd{font:11.5px var(--ui);background:#46321e12;border-radius:4px;padding:1px 6px;color:var(--mute)}#file{left:16px;top:16px;height:44px;padding:0 8px}#file .logo{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#c8743e,#8a4a22)}#file .crumb{font-weight:600;margin:0 4px}.dot{width:8px;height:8px;border-radius:50%;background:#c9b8a3;margin-right:4px}.dot.open{background:#5d9b5a}.dot.closed{background:#c0473b}#help{left:16px;top:70px;width:340px;padding:4px 14px 10px;display:none;line-height:1.55}#help h4{margin:10px 0 2px}#help p{margin:0;color:#5b5146}#tools{left:16px;top:50%;transform:translateY(-50%);width:48px;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:2px}#tools .btn{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:16px}body.readonly #tools,body.readonly #undoBtn,body.readonly #redoBtn{display:none}#catalogue{left:72px;top:50%;transform:translateY(-50%);width:210px;padding:6px;display:none}#catalogue .h{color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:8px 8px 4px}#catalogue .item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;cursor:grab}#catalogue .item:hover{background:var(--acc-soft)}#catalogue .sw{width:22px;height:18px;border-radius:3px;display:grid;place-items:center;box-shadow:0 1px 2px #0000002e;font-size:11px}#catalogue .sw.lib{background:#c9a77a center / contain no-repeat}#catalogue .foot{color:var(--mute);font-size:11px;margin:8px}.ghost{position:fixed;z-index:30;pointer-events:none;padding:6px 10px;border-radius:8px;background:var(--paper);box-shadow:0 6px 18px #0003;transform:translate(-50%,-50%)}#share{right:16px;top:16px;height:44px;padding:0 6px}.pop{display:none;width:220px;padding:6px}.pop .r{padding:7px 10px;border-radius:7px;cursor:pointer;display:flex;gap:8px}.pop .r:hover{background:var(--acc-soft)}.pop .r.on{font-weight:600;color:var(--acc)}.pop .note{color:var(--mute);font-size:11.5px;padding:6px 10px}#viewasPop{right:190px;top:66px}#whoPop{right:16px;top:66px}#banner{left:50%;top:16px;transform:translate(-50%);display:none;padding:6px 6px 6px 16px;background:#f3d9a4;gap:10px}body.previewing #banner{display:flex}#nav{left:16px;bottom:16px;height:40px;padding:0 4px}#bmpop{left:16px;bottom:64px;width:260px;padding:6px;display:none}#bmpop .r{padding:7px 10px;border-radius:7px;display:flex;cursor:pointer}#bmpop .r:hover{background:var(--acc-soft)}#bmpop .r kbd{margin-left:auto}#bmpop .add{color:var(--acc);font-weight:600}#zoom{right:16px;bottom:16px;height:40px;padding:0 4px}#zoom .btn{min-width:32px;font-size:15px}#textbar,#connbar{left:50%;bottom:16px;transform:translate(-50%);display:none;height:40px;padding:0 6px}#textbar select{font:13px var(--ui);border:0;background:#46321e0f;border-radius:6px;padding:4px}#palette{left:50%;top:110px;transform:translate(-50%);width:min(620px,90vw);display:none;overflow:hidden;border-radius:14px}#palette input{width:100%;box-sizing:border-box;border:0;outline:0;background:transparent;font:18px var(--ui);padding:16px 18px;border-bottom:1px solid var(--line)}#palette .r{padding:9px 18px;display:flex;gap:12px;align-items:center;cursor:pointer}#palette .r.hl{background:var(--acc-soft)}#palette .r small{color:var(--mute);margin-left:auto}#palette .empty{padding:14px 18px;color:var(--mute)}#toast{left:50%;bottom:72px;transform:translate(-50%);padding:9px 14px;display:none}.live-face{outline:none}.live-face .ProseMirror{outline:none;white-space:pre-wrap;word-wrap:break-word}.live-face.no-caret .ProseMirror{caret-color:transparent}.player{background:#000}.player iframe{border:0;width:100%;height:100%;display:block}#people{left:50%;top:90px;transform:translate(-50%);width:min(640px,92vw);padding:10px 14px 12px;display:none;max-height:70vh;overflow:auto}#people .head{display:flex;align-items:center;justify-content:space-between}#people .note{color:var(--mute);font-size:12px;margin:6px 0}#people .person{display:grid;grid-template-columns:1fr 110px 92px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}#people .person small{color:var(--mute);display:block}#people .person.off{opacity:.5}#people select,#people input{font:13px var(--ui);border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px}#inviteForm{margin-top:10px;gap:6px}#inviteForm input{flex:1;min-width:0}