:root{--paper:#FBFAF7;--grid:#CBD8DA;--bar:#1E3A3A;--ink:#1C2826;--accent:#F2B33D;--accent-soft:#FBE6B5;--text-on-bar:#EAF2F1;--muted:#7E9897;--shade:#F2B33D;--line-ink:#28403F;--panel:#FFFFFF;--font:"Segoe UI Rounded", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bar);overflow:hidden;display:flex;flex-direction:column;height:100dvh;color:var(--ink)}#root{display:flex;flex-direction:column;height:100dvh}#toolbar{flex:0 0 auto;background:var(--bar);color:var(--text-on-bar);display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;box-shadow:0 2px 10px #0000002e;z-index:20}.group{display:flex;align-items:center;gap:6px}#options{min-height:44px;width:218px;flex:0 0 auto}.divider{width:1px;align-self:stretch;background:#ffffff29;margin:2px 4px}.opt-sep{width:1px;height:30px;background:#ffffff29;margin:0 3px}.spacer{flex:1 1 auto}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.btn{min-height:44px;padding:0 13px;border-radius:12px;background:#ffffff14;color:var(--text-on-bar);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:background .12s,transform .06s;white-space:nowrap}.btn:hover{background:#ffffff29}.btn:active{transform:translateY(1px)}.btn.active{background:var(--accent);color:#3a2a05}.btn[disabled]{opacity:.4;pointer-events:none}.btn .ico{font-size:18px;line-height:1;display:inline-flex}.btn .ico svg{display:block}.btn.small{padding:0 11px;min-width:44px;justify-content:center}.btn.insert{background:var(--accent);color:#3a2a05}.btn.insert:hover{background:#f0c061}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.25);transition:transform .08s,border-color .1s,box-shadow .1s}.swatch:active{transform:scale(.92)}.swatch.active{border-color:#fff;box-shadow:0 0 0 3px var(--accent)}.size-dot{display:inline-block;border-radius:50%}.size-wrap{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 4px;cursor:pointer}.size-slider{width:110px;height:26px;margin:0;accent-color:var(--accent);cursor:pointer}.size-wrap .size-dot,.size-glyph{flex:0 0 auto}.size-glyph{font-weight:800;line-height:1;width:22px;text-align:center}#colorBtn{gap:5px}.color-cur{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.55);flex:0 0 auto}.color-caret{font-size:11px;opacity:.75}#colorMenu{position:fixed;display:flex;gap:8px;background:#fff;border-radius:14px;padding:9px;z-index:45;box-shadow:0 12px 34px #00000042}#colorMenu .swatch{border-color:#0000001f}#colorMenu .swatch.active{border-color:#fff;box-shadow:0 0 0 3px var(--accent)}#stage{flex:1 1 auto;position:relative;background:var(--paper);overflow:hidden;touch-action:none}#template,#ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ink{touch-action:none}#textEditor{position:absolute;z-index:7;display:none;border:1px dashed var(--accent);background:#ffffffb8;padding:0 2px;margin:0;resize:none;overflow:hidden;white-space:pre;line-height:1.3;min-width:14px;min-height:1em;font-family:var(--font);font-weight:500}.floatbtn{position:absolute;z-index:6;display:none;width:34px;height:34px;border-radius:50%;color:#fff;font-size:16px;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000004d}.floatbtn.show{display:flex}.floatbtn:active{transform:scale(.9)}#floatDel{background:var(--ink)}#floatEdit{background:var(--bar)}#floatEdit svg{width:17px;height:17px}#zoomCluster{position:absolute;right:14px;bottom:14px;z-index:6;display:flex;align-items:center;gap:2px;background:#fff;border-radius:14px;padding:4px;box-shadow:0 6px 20px #0003}#zoomCluster button{min-width:40px;height:40px;border-radius:10px;color:var(--ink);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}#zoomCluster button:hover{background:#eef1f0}#zoomReset{font-size:14px;min-width:52px}#scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1e73;display:none;align-items:flex-start;justify-content:center;padding-top:64px;z-index:40}#scrim.open{display:flex}.card{background:#fff;color:var(--ink);border-radius:18px;padding:20px 22px 18px;width:min(440px,92vw);box-shadow:0 18px 50px #0000004d;animation:pop .14s ease;max-height:86vh;overflow:auto}@keyframes pop{0%{transform:translateY(-8px);opacity:.4}to{transform:none;opacity:1}}.card h2{margin:0 0 4px;font-size:20px}.card p.hint{margin:0 0 14px;color:var(--muted);font-size:13.5px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0}.field label{font-size:15px;font-weight:600}.field input[type=number],.field input[type=text],.field select{font-family:inherit;font-size:16px;font-weight:600;border:2px solid #E0E4E2;border-radius:10px;padding:9px 11px;width:140px;text-align:center;color:var(--ink);background:#fff}.field input:focus,.field select:focus,textarea:focus{outline:none;border-color:var(--accent)}.field.check{justify-content:flex-start;gap:10px;cursor:pointer}.field.check input{width:22px;height:22px;accent-color:var(--bar)}.err{color:#d64545;font-size:13.5px;min-height:18px;margin:2px 0 0;font-weight:600}.card-actions{display:flex;gap:10px;margin-top:16px}.card-actions .btn{flex:1;justify-content:center;color:var(--ink);background:#eef1f0;min-height:48px}.card-actions .btn:hover{background:#e3e8e6}.card-actions .btn.primary{background:var(--bar);color:#fff}.card-actions .btn.primary:hover{background:#15302f}.subhead{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:14px 0 2px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gsub{grid-column:1/-1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:8px 2px 0}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:#f4f6f5;border-radius:12px;padding:12px 13px;color:var(--ink)}.tile:hover{background:#e8edeb}.tile b{font-size:15px}.tile span{font-size:12px;color:var(--muted)}.shortcuts{display:flex;flex-direction:column}.shortcuts .gsub{margin:12px 2px 3px}.shortcuts .sc-group:first-child .gsub{margin-top:2px}.shortcuts dl{margin:0}.sc-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:5px 2px}.sc-row dd{margin:0;font-size:14px;color:var(--ink)}.sc-keys{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;flex:0 0 auto;white-space:nowrap}.sc-combo{display:inline-flex;align-items:center;gap:3px}.sc-or,.sc-plus{color:var(--muted);font-size:12px;font-weight:700}kbd{font-family:inherit;font-size:12px;font-weight:700;line-height:1;color:var(--ink);background:#f4f6f5;border:1px solid #E0E4E2;border-bottom-width:2px;border-radius:6px;padding:4px 7px;min-width:12px;text-align:center;display:inline-block}#paperMenu{position:fixed;display:none;flex-direction:column;gap:4px;background:#fff;border-radius:14px;padding:7px;z-index:45;box-shadow:0 12px 34px #00000042;min-width:150px}#paperMenu.open{display:flex}#paperMenu button{text-align:left;color:var(--ink);font-size:15px;font-weight:600;padding:11px 13px;border-radius:10px}#paperMenu button:hover{background:#eef1f0}#paperMenu button.active{background:var(--accent-soft)}#overflowMenu{position:fixed;display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:14px;padding:7px;z-index:45;box-shadow:0 12px 34px #00000042;min-width:190px}#overflowMenu button{display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);font-size:15px;font-weight:600;padding:11px 13px;border-radius:10px}#overflowMenu button:hover{background:#eef1f0}#overflowMenu .ico{font-size:16px;width:20px;display:inline-flex;justify-content:center}@media (max-width:760px){.btn{padding:0 10px;font-size:14px}.btn .label{display:none}.btn.keep-label .label{display:inline}.swatch{width:34px;height:34px}.size-slider{width:74px}#options{width:178px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ilayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.iworksheet{position:absolute;transform-origin:0 0;pointer-events:auto;width:300px;background:#fff;border:1px solid #E4D9B8;border-radius:14px;box-shadow:0 8px 24px #00000029;overflow:hidden}.iw-head{display:flex;align-items:center;gap:6px;background:var(--bar);color:#fff;padding:7px 9px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.iw-head:active{cursor:grabbing}.iw-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iw-sp{flex:1}.iw-btn{background:#ffffff29;color:#fff;border-radius:8px;font-size:12px;font-weight:700;padding:5px 9px}.iw-btn.check{background:var(--accent);color:#3a2a05}.iw-x{color:#fff;font-size:17px;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center}.iw-x:hover,.iw-btn:hover{filter:brightness(1.08)}.iw-body{padding:8px 12px 12px}.iw-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:16px;color:var(--ink)}.iw-q{min-width:84px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.iw-in{width:64px;font-family:inherit;font-size:16px;font-weight:700;text-align:center;border:2px solid #E0E4E2;border-radius:8px;padding:5px 4px;color:var(--ink);background:#fff}.iw-in:focus{outline:none;border-color:var(--accent)}.iw-in.ok{border-color:#2e9e5b;background:#eaf7ee}.iw-in.no{border-color:#d64545;background:#fbecec}.iw-mark{font-size:15px;font-weight:800;min-width:48px}.iw-mark.ok{color:#2e9e5b}.iw-mark.no{color:#d64545}.iw-score{margin-top:8px;font-weight:800;font-size:14px;color:var(--bar);min-height:18px}.board-title{display:inline-flex;align-items:center;gap:7px;max-width:220px;min-height:44px;padding:0 11px;border-radius:12px;background:transparent;color:var(--text-on-bar);font-weight:700;font-size:14px}.board-title:hover{background:#ffffff1a}.bt-name{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.92}.bt-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}@media (max-width:760px){.board-title{display:none}}.namefield{margin:12px 0 2px}.namefield input{width:100%;font-family:inherit;font-size:16px;font-weight:600;border:2px solid #E0E4E2;border-radius:10px;padding:10px 12px;color:var(--ink);background:#fff}.namefield input:focus{outline:none;border-color:var(--accent)}.bm-current{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f6f5;border-radius:12px;padding:11px 13px;margin:4px 0 6px}.bm-current-info{min-width:0}.bm-current-name{display:flex;align-items:center;gap:7px;font-weight:700;font-size:16px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}.bm-current-status{font-size:12.5px;color:var(--muted);margin-top:2px}.bm-current-actions{display:flex;gap:8px;flex:0 0 auto}.bm-listhead{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.bm-listhead .subhead{margin:6px 0}.bm-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f6f5;border-radius:12px;padding:9px 12px}.bm-row.current{background:var(--accent-soft)}.bm-row-main{min-width:0}.bm-row-name{font-weight:600;font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-row-time{font-size:12px;color:var(--muted);margin-top:1px}.bm-row-actions{display:flex;gap:6px;flex:0 0 auto}.bm-empty{color:var(--muted);font-size:14px;text-align:center;padding:16px 0}.bm-current-actions .btn,.bm-row-actions .btn,.bm-listhead .btn{min-height:36px;padding:0 12px;color:var(--ink);background:#e7ecea;font-weight:600;font-size:13.5px}.bm-current-actions .btn:hover,.bm-row-actions .btn:hover,.bm-listhead .btn:hover{background:#dbe2df}.bm-current-actions .btn.primary{background:var(--bar);color:#fff}.bm-current-actions .btn.primary:hover{background:#15302f}.bm-row-actions .btn.danger{color:#c0392b;background:#f7e7e4}.bm-row-actions .btn.danger:hover{background:#f2d7d2}.card-actions .btn.primary.danger{background:#d64545;color:#fff}.card-actions .btn.primary.danger:hover{background:#c23b3b}#savedToast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--bar);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:12px;box-shadow:0 8px 24px #00000047;z-index:60;animation:pop .14s ease}#stage.stage-dropping{outline:3px dashed var(--accent);outline-offset:-8px}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#ffffff59;pointer-events:none}.drop-hint{background:var(--bar);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:14px;box-shadow:0 10px 28px #00000047}#dropError{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#c23b3b;color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:12px;box-shadow:0 8px 24px #00000047;z-index:60;animation:pop .14s ease}.presence-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.remote-cursor{position:absolute;transform:translate(-2px,-2px);display:flex;align-items:flex-start;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.remote-cursor svg{flex:0 0 auto}.rc-name{margin:12px 0 0 -4px;color:#fff;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:9px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.btn.sharing{background:#ffffff29}.status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#9aa8a7}.status-connected{background:#3dc97e}.status-connecting,.status-handshaking{background:var(--accent)}.status-error{background:#e4572e}.status-offline{background:#9aa8a7}.share-coderow{display:flex;align-items:center;gap:8px;margin:12px 0 4px}.share-code{flex:1;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:.12em;color:var(--ink);background:#f7f9f8;border:2px solid #E0E4E2;border-radius:10px;padding:8px 12px;-webkit-user-select:all;user-select:all}.share-coderow .btn{color:#fff;background:var(--bar);min-height:42px}.share-coderow .btn:hover{background:#15302f}.joinrow{display:flex;gap:8px;margin:8px 0 2px}.joinrow input{flex:1;min-width:0;font-family:inherit;font-size:15px;font-weight:600;border:2px solid #E0E4E2;border-radius:10px;padding:9px 11px;color:var(--ink);background:#fff}.joinrow input:focus{outline:none;border-color:var(--accent)}.joinrow .btn{color:var(--ink);background:#eef1f0;min-height:42px}.joinrow .btn:hover{background:#e3e8e6}.joinrow .btn[disabled]{opacity:.4}.welcome-continue{width:100%;justify-content:center;min-height:52px;font-size:16px;color:#fff;background:var(--bar);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-continue:hover{background:#15302f}.welcome-continue[disabled]{opacity:.5}.welcome-row{display:flex;gap:10px;margin-top:10px}.welcome-row .btn{flex:1;justify-content:center;min-height:44px;color:var(--ink);background:#eef1f0}.welcome-row .btn:hover{background:#e3e8e6}.share-linkrow{display:flex;gap:8px;margin:12px 0 4px}.share-linkrow input{flex:1;min-width:0;font-family:inherit;font-size:13.5px;font-weight:600;border:2px solid #E0E4E2;border-radius:10px;padding:9px 11px;color:var(--ink);background:#f7f9f8}.share-linkrow input:focus{outline:none;border-color:var(--accent)}.share-linkrow .btn{color:#fff;background:var(--bar);min-height:42px}.share-linkrow .btn:hover{background:#15302f}.share-status{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);margin:10px 0 2px}.share-status .share-dot{width:10px;height:10px;border-radius:50%;background:#9aa8a7;flex:0 0 auto}.share-status-connected .share-dot{background:#3dc97e}.share-status-connecting .share-dot,.share-status-handshaking .share-dot{background:var(--accent)}.share-status-error .share-dot{background:#e4572e}.share-people{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.share-person{color:#fff;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:11px}.img-pick{display:block;text-align:center;font-weight:600;font-size:15px;color:var(--ink);background:#f4f6f5;border:2px dashed #CBD5D2;border-radius:12px;padding:16px 12px;margin:12px 0 4px;cursor:pointer}.img-pick:hover{background:#e8edeb}.img-pick input[type=file]{display:none}.img-drop.dragover .img-pick{background:#e8edeb;border-color:var(--accent)}.img-preview{display:block;max-width:100%;max-height:220px;margin:10px auto 0;border-radius:10px;border:1px solid #E0E4E2}