: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);--scrim: rgba(40, 28, 15, .28);--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)}#scrim{position:fixed;inset:0;z-index:19;background:var(--scrim);display:none}.sheet{z-index:20;left:50%;top:16px;transform:translate(-50%);display:none;border-radius:14px;padding:16px 20px;max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box}.sheet .head{display:flex;align-items:center;margin-bottom:8px}.sheet .head b{font-size:15px}.sheet .head .hint,.sheet .head .btn{margin-left:auto;color:var(--mute);font-size:12px}#help{width:min(520px,calc(100vw - 32px))}#helpBody{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}#helpBody .gt{font-weight:600;color:var(--mute);margin:6px 0 2px}#helpBody .kb{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:12.5px}#helpBody .k{display:inline-flex;gap:3px;align-items:center}#helpBody .k kbd{color:#4a4036;min-width:10px;text-align:center;padding:1px 5px}#helpBody .k .w{color:var(--mute);font-size:11.5px}.status{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--ui);padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap}.status[hidden]{display:none}.status i{width:8px;height:8px;border-radius:50%;display:inline-block}.status.re{background:#f3d9a4b3;color:#7a5410}.status.re i{background:#c98a1b}.status.off{background:#9b3b2f1f;color:#8a3328}.status.off i{background:#b3261e}#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.viewmode #tools .edit-only{display:none}#tools .mode{font-size:15px}#tools .mode.on{background:var(--acc-soft);color:var(--acc)}#chromeBtn{left:16px;top:16px;width:40px;height:40px;border:0;padding:0;font:17px var(--ui);color:var(--ink);cursor:pointer}#chromeBtn[aria-pressed=true]{background:var(--ink);color:#fff}body.chrome-off #tools,body.chrome-off #nav,body.chrome-off #zoom,body.chrome-off #share,body.chrome-off #catalogue,body.chrome-off #bmpop{display:none!important}#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 8px;gap:8px}#share [hidden]{display:none}.av{width:28px;height:28px;border-radius:50%;border:0;padding:0;color:#fff;font:600 12px/28px var(--ui);text-align:center;background:#c8743e;cursor:pointer;flex:none}.av.sm{width:24px;height:24px;line-height:24px;font-size:11px;cursor:default}.pop .who{padding:6px 10px 4px}.pop .who small{display:block;color:var(--mute);font-size:12px;margin-top:2px}.pop .msep{height:1px;background:var(--line);margin:5px 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:120px;top:66px}#whoPop{right:16px;top:66px;width:240px}#banner{left:50%;top:16px;transform:translate(-50%);display:none;padding:6px 6px 6px 16px;background:#f3d9a4;gap:10px}body.previewing #banner{display:flex}#groupbar{left:50%;top:16px;transform:translate(-50%);height:40px;padding:0 6px 0 4px;gap:2px;max-width:calc(100vw - 32px)}#groupbar[hidden]{display:none}body.previewing #groupbar{top:66px}#groupbar .crumb{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute)}#groupbar .crumb.here{color:var(--ink);font-weight:600}#groupbar .sepr{color:var(--mute)}#groupbar #groupDone{margin-left:6px}#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{align-items:center}#bmpop .r .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bmpop .r kbd{margin-left:auto}#bmpop .r .x{margin-left:6px;border:0;background:none;color:var(--mute);font-size:15px;line-height:1;padding:0 2px;cursor:pointer;visibility:hidden}#bmpop .r kbd+.x{margin-left:6px}#bmpop .r .nm+.x{margin-left:auto}#bmpop .r:hover .x{visibility:visible}#bmpop .r .x:hover{color:var(--ink)}#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}#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;align-items:center;gap:10px;max-width:calc(100vw - 32px);box-sizing:border-box}#toast.err{box-shadow:0 0 0 1px #b3261e73,0 4px 14px #3c281421;cursor:pointer}#toast .ic{color:#b3261e}#toast .act{border:0;background:none;font:600 13px var(--ui);color:var(--acc);padding:0;cursor:pointer}body.loading .panel{opacity:.6;pointer-events:none}#loading{left:50%;top:16px;transform:translate(-50%);padding:9px 14px;color:var(--mute);display:none;opacity:1!important}body.loading.slow #loading{display:block}#unreachable{left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:20px 22px;border-radius:14px;display:none;opacity:1!important;pointer-events:auto!important}#unreachable .t{font:600 16px var(--ui);margin-bottom:6px}#unreachable .d{color:#5a4f43}#unreachable .row{margin-top:14px;gap:8px}#unreachable pre{white-space:pre-wrap;font:11.5px ui-monospace,monospace;color:var(--mute);margin:10px 0 0;display:none}#unreachable a{color:var(--acc);margin-left:auto;font-size:12px}.btn.sm{padding:5px 10px}.btn.soft{background:#46321e12}.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-close{z-index:12;transform:translate(-100%,calc(-100% - 6px));border:0;font:600 12px var(--ui);color:var(--ink);padding:5px 10px;border-radius:999px;cursor:pointer;display:none}.player iframe{border:0;width:100%;height:100%;display:block}#people{width:min(500px,calc(100vw - 32px));font-size:13px}#people .note{color:var(--mute);font-size:12px;margin:6px 0 10px}#people .person{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}#people .person .nm{flex:1;min-width:0}#people .person .nm small{color:var(--mute);display:block}#people .person .nm small.you{display:inline}#people .person .role{color:var(--mute)}#people .person.off .nm,#people .person.off .av{opacity:.5}#people input{font:13px var(--ui);border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px}#inviteForm{margin-top:4px;gap:6px}#inviteForm input{flex:1;min-width:0}.inline-field{position:fixed;z-index:40;resize:none;overflow:hidden;box-sizing:border-box;margin:0;font:13px var(--ui);color:var(--ink);background:#fff;border:0;border-radius:6px;padding:4px 8px;outline:0;box-shadow:0 0 0 1.5px var(--acc),0 0 0 4px var(--acc-soft)}.field-pop{z-index:40;width:300px;padding:12px}.form-pop label{display:block;font-size:12px;color:var(--mute);margin-top:8px}.field-pop.form-pop input,.field-pop.form-pop textarea{display:block;width:100%;box-sizing:border-box;margin-top:3px;font:13px var(--ui);color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px;resize:none;outline:none}.field-pop.form-pop input:focus,.field-pop.form-pop textarea:focus{border-color:var(--acc)}.form-pop .row{justify-content:flex-end;margin-top:10px}.field-pop .t{font-weight:600;margin:0 2px 8px}.field-pop input{width:100%;box-sizing:border-box;font:13px var(--ui);border:0;outline:0;border-radius:8px;padding:7px 10px;background:#fff;box-shadow:0 0 0 1.5px var(--acc),0 0 0 4px var(--acc-soft)}.field-pop .row{margin-top:10px;gap:8px}.field-pop .hint{color:var(--mute);font-size:11.5px;flex:1}.dropdown{z-index:45;padding:6px}.dropdown .mi{display:flex;align-items:center;gap:8px;padding:0 10px 0 6px;height:28px;border-radius:6px;cursor:pointer;white-space:nowrap}.dropdown .mi:hover{background:var(--acc-soft)}.dropdown .mi .ck{width:14px;color:var(--acc);text-align:center}.dropdown .mi.danger{color:#9b3b2f}.dropdown .msep{height:1px;background:var(--line);margin:5px 6px}.dd{display:inline-flex;align-items:center;gap:4px;font:13px var(--ui);border:0;background:#46321e0f;border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--ink)}.dd:after{content:"⌄";color:var(--mute)}.phone-only,#actbar[hidden],#sheetMenu[hidden]{display:none}@media(max-width:699px){.phone-only{display:inline-block}#tools,#catalogue,#zoom,#viewasBtn,#shareBtn,#connbar,#nav kbd,#nav #helpBtn:after{display:none!important}#nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));height:48px;justify-content:space-around}#nav .btn{font-size:14px;padding:10px 12px}body.typing #nav{display:none}#share{right:8px;top:8px}#groupbar{top:64px;max-width:calc(100vw - 16px)}#toast{bottom:72px}#palette,#bmpop,#help,#people{left:0!important;right:0;top:auto!important;bottom:0;width:100%!important;transform:none!important;border-radius:16px 16px 0 0;max-height:72vh;overflow:auto;box-sizing:border-box;padding-top:18px;z-index:25}#palette:before,#bmpop:before,#help:before,#people:before,.sheet-menu:before{content:"";position:absolute;left:50%;top:6px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#46321e38}#palette,#bmpop,#help,#people,.sheet-menu{background:#faf6ef}#palette input{font-size:16px}#helpBody{grid-template-columns:1fr}#bmpop .r,#palette .r{padding:12px 14px}#textbar{left:0!important;right:0;bottom:var(--kb, 0px)!important;transform:none!important;border-radius:0;overflow-x:auto;justify-content:flex-start}#textbar [data-align]{display:none}#actbar{z-index:12;height:40px;padding:0 4px;transform:translate(-50%,calc(-100% - 10px))}#actbar .btn{padding:8px 10px;font-size:14px}.sheet-menu{left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding:18px 8px calc(8px + env(safe-area-inset-bottom));max-height:72vh;overflow:auto;z-index:26}.sheet-menu .mi{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-size:15px}.sheet-menu .mi.off{color:#b3a898}.sheet-menu .mi .ck{width:16px;color:var(--acc)}.sheet-menu .mi .more{margin-left:auto;color:var(--mute)}.sheet-menu .sub{padding-left:18px}.sheet-menu .msep{height:1px;background:var(--line);margin:4px 8px}}