*,:before,:after{box-sizing:border-box}:root{--bg:#f5f5f4;--card:#fff;--border:#e7e5e4;--border-strong:#d6d3d1;--text:#1c1917;--text-soft:#57534e;--text-faint:#a8a29e;--brand:#1c1917;--emerald:#10b981;--emerald-dark:#059669;--rose:#f43f5e;--rose-dark:#e11d48;--amber:#f59e0b;--amber-dark:#d97706;--violet:#8b5cf6;--violet-dark:#7c3aed;--sky:#0ea5e9;--sky-dark:#0284c7;--blue:#2563eb;--blue-dark:#1d4ed8;--radius:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014;--shadow-lg:0 10px 15px -3px #0000001f}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea,select{font-family:inherit}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gate-loading{min-height:100vh;color:var(--text-faint);justify-content:center;align-items:center;display:flex}.pin-gate{background:#f5f5f4;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.pin-card{text-align:center;width:100%;max-width:260px}.pin-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px;font-size:11px;font-weight:600}.pin-title{color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.pin-sub{color:var(--text-soft);justify-content:center;align-items:center;gap:6px;margin:0 0 24px;font-size:12px;display:flex}.pin-dots{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.pin-dots.shake{animation:.6s ease-in-out pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pin-dot{border:2px solid var(--text-faint);border-radius:50%;width:12px;height:12px;transition:all .15s}.pin-dot.filled{background:var(--brand);border-color:var(--brand)}.pin-dot.error{border-color:var(--rose)}.pin-dot.error-filled{background:var(--rose);border-color:var(--rose)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pin-key{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);border-radius:12px;padding:16px 0;font-size:18px;font-weight:600;transition:background .1s}.pin-key:active{background:#f0efee}.pin-key.back{color:var(--text-soft);font-size:13px;font-weight:500}.pin-error{color:var(--rose);margin-top:16px;font-size:12px;font-weight:500}.board-root{background:var(--bg);min-height:100vh;color:var(--text);padding:24px 16px}.board-inner{max-width:1280px;margin:0 auto}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 2px;font-size:11px;font-weight:600}.title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.awake{color:var(--text-faint);align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex}.board-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.chip{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.chip b{font-weight:700}.chip-btn{cursor:pointer;font-weight:600;transition:background .1s}.chip-btn:hover{background:#fafaf9}.overdue-chip{color:#be123c;background:#fff1f2;border-color:#fecdd3}.dot{border-radius:50%;display:inline-block}.dot-emerald{fill:var(--emerald);color:var(--emerald)}.dot-rose{fill:var(--rose);color:var(--rose)}.dot-amber{fill:var(--amber);color:var(--amber)}.dot-violet{fill:var(--violet);color:var(--violet)}.pill{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:2px;padding:4px 8px;display:flex}.pill-btn{color:var(--text-soft);border-radius:999px;padding:2px 10px;font-size:10px;font-weight:600;transition:all .12s}.pill-btn:hover{background:#f5f5f4}.pill-btn.active{background:var(--brand);color:#fff}.type-icon{color:var(--text-faint)}.notice{border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 16px;font-size:12px;display:flex}.notice-green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.notice-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.notice.small{margin-bottom:0;padding:8px 12px;font-size:11px}.shrink{flex-shrink:0}.merge-bar{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;font-size:12px;display:flex}.merge-warn{color:#be123c;display:block}.merge-actions{gap:8px;display:flex}.floor-canvas{flex:1;min-width:0}.floor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.floor-title{align-items:center;gap:8px;display:flex}.floor-icon{color:#fafaf9;background:#292524;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.floor-name{text-transform:uppercase;letter-spacing:.04em;color:#292524;margin:0;font-size:13px;font-weight:700}.floor-sub{color:var(--text-faint);margin:0;font-size:12px}.floor-tools{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.tool-group{background:#fff;border:1px solid #d6d3d1;border-radius:8px;align-items:center;gap:2px;padding:4px 6px;display:flex}.tool-icon{color:var(--text-faint);margin-right:2px}.tool-btn{color:var(--text-soft);cursor:pointer;padding:2px 4px}.tool-btn:hover{color:var(--text)}.tool-fix{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.tool-fix:hover{background:#fef3c7}.tool-add{color:#44403c;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.tool-add:hover{background:#fafaf9}.zoom-row{color:var(--text-faint);justify-content:flex-end;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.zoom-range{cursor:pointer;accent-color:#44403c;width:112px;height:4px}.zoom-reset{color:var(--text);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.zoom-reset.active{color:var(--text-faint)}.zoom-reset:hover:not(.active){background:#f5f5f4}.floor-scroll{border:1px solid var(--border);background:#fafaf999;border-radius:12px;width:100%;position:relative;overflow:hidden}.floor-scroll.zoomed{overflow:auto}.floor-scroll.layout-border{border:1px dashed #d6d3d1}.floor-scroll.merge-border{background:#f0f9ff4d;border:1px solid #7dd3fc}.stage-scaler{position:relative}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.floor-grid{border-bottom:2px dashed var(--border-strong);background-color:#0000;background-image:linear-gradient(90deg,#e7e5e4 1px,#0000 1px),linear-gradient(#e7e5e4 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;left:0}.walkway{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:0 8px;display:flex}.walk-line{background:var(--border);flex:1;width:1px}.walk-label{writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:#d6d3d1;font-size:9px;font-weight:600}.floor-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px 16px}.floors{flex-direction:column;gap:24px;display:flex}.tile{cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute}.tile.layout-cursor{cursor:grab;z-index:10}.tile.layout-cursor:active{cursor:grabbing}.tile.dragging{z-index:40}.tile-shape-wrap{justify-content:center;align-items:center;display:flex;position:relative}.tile-shape-wrap.drag-shadow{filter:drop-shadow(0 10px 8px #0000001f)}.tile-selected{border:2px dashed #3b82f6;border-radius:16px;position:absolute;inset:-8px}.tile-colliding{border:2px dashed #f59e0b;border-radius:16px;position:absolute;inset:-4px}.shape-svg{display:block;overflow:visible}.tile-labels{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile-name{color:#292524;font-weight:700;line-height:1}.tile-pax{color:#78716c;margin-top:2px;line-height:1}.tile-merged-badge{background:var(--sky-dark);color:#fff;width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.tile-caption{white-space:nowrap;align-items:center;gap:4px;margin-top:4px;font-weight:600;line-height:1;display:flex}.tile-timer{color:#57534e;background:#e7e5e4;border-radius:4px;margin-top:4px;padding:2px 6px;font-weight:600;line-height:1}.tile-timer.overdue{color:#fff;background:#e11d48}.tile-remark{background:var(--blue);text-align:left;cursor:pointer;border-radius:6px;align-items:flex-start;gap:4px;margin-top:4px;padding:4px 6px;display:flex;overflow:hidden}.tile-remark:hover{background:var(--blue-dark)}.remark-icon{color:#fff;flex-shrink:0;margin-top:2px}.remark-text{-webkit-line-clamp:2;word-break:break-word;color:#fff;-webkit-box-orient:vertical;font-size:9px;font-weight:500;line-height:1.25;display:-webkit-box}.tile-remark-dot{background:var(--blue);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;box-shadow:0 0 0 2px #fff}.tile-info-btn{color:#a8a29e;width:24px;height:24px;box-shadow:0 0 0 1px #e7e5e4, var(--shadow-sm);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px}.tile-info-btn:hover{color:var(--blue)}.group-hull{z-index:0;pointer-events:none;position:absolute}.hull-box{background:#f0f9ff66;border:2px dashed #38bdf8;border-radius:16px;width:100%;height:100%}.hull-label{background:var(--sky-dark);color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;left:12px}.inspector{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:16px;padding:16px}.inspector-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.inspector-title{text-transform:uppercase;letter-spacing:.06em;color:#292524;margin:0;font-size:11px;font-weight:700}.inspector-grid{gap:16px;display:grid}.field-label{color:#57534e;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.name-input-wrap{width:144px;position:relative}.name-icon{color:var(--text-faint);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.name-input{color:#292524;background:#fff;border:1px solid #d6d3d1;border-radius:8px;outline:none;width:100%;padding:6px 8px 6px 28px;font-size:13px;font-weight:600}.name-input:focus{border-color:#78716c}.field-error{color:var(--rose);margin-top:4px;font-size:11px;font-weight:500}.stepper{color:var(--text-soft);cursor:pointer;border:1px solid #d6d3d1;border-radius:8px;align-items:center;gap:12px;padding:6px 10px;display:inline-flex}.stepper-val{text-align:center;color:#292524;width:20px;font-size:13px;font-weight:600}.section-label{color:#57534e;margin:16px 0 8px;font-size:12px;font-weight:500}.shape-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.shape-card{cursor:pointer;background:#fff;border:2px solid #e7e5e4;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:86px;padding:8px;transition:border-color .12s;display:flex}.shape-card:hover{border-color:#d6d3d1}.shape-card.selected-shape{background:#fafaf9;border-color:#292524}.shape-preview{justify-content:center;align-items:center;height:44px;display:flex}.shape-scaled{transform-origin:50%;transform:scale(.46)}.shape-name{color:#57534e;font-size:10px;font-weight:500}.inspector-row{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.size-picker{border:1px solid #d6d3d1;border-radius:8px;display:inline-flex;overflow:hidden}.size-btn{color:#57534e;cursor:pointer;background:#fff;padding:6px 12px;font-size:12px;font-weight:600;transition:all .12s}.size-btn:hover{background:#fafaf9}.size-btn.active-size{color:#fff;background:#292524}.rot-row,.nudge-row{align-items:center;gap:4px;display:flex}.icon-btn{color:#57534e;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:6px}.icon-btn:hover{background:#fafaf9}.btn-90{color:#57534e;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.btn-90:hover{background:#fafaf9}.reset-rot{color:var(--text-faint);cursor:pointer;border-radius:4px;padding:6px 8px;font-size:12px;font-weight:500}.reset-rot:hover{color:#57534e}.remove-btn{color:#e11d48;cursor:pointer;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.remove-btn:hover{background:#fff1f2}.inspector-hint{color:var(--text-faint);margin-top:12px;font-size:11px}.modal-backdrop{z-index:50;background:#1c191766;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:384px;padding:20px;box-shadow:0 25px 50px -12px #00000040}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-title-row{align-items:center;gap:8px;display:flex}.sunrise{color:var(--amber)}.modal-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.modal-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px}.modal-close:hover{color:#44403c}.modal-desc{color:#44403c;margin:0 0 12px;font-size:12px;line-height:1.6}.split-label{cursor:pointer;color:#57534e;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.split-check{accent-color:#292524;width:14px;height:14px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-note{text-align:center;color:var(--text-faint);margin-top:12px;font-size:10px}.sheet-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0;font-size:11px;font-weight:600}.sheet-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.sheet-status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-emerald-fill{background:var(--emerald)}.dot-rose-fill{background:var(--rose)}.dot-amber-fill{background:var(--amber)}.dot-violet-fill{background:var(--violet)}.bg-emerald-500{background:var(--emerald)}.bg-rose-500{background:var(--rose)}.bg-amber-500{background:var(--amber)}.bg-violet-500{background:var(--violet)}.sheet-timer{color:#78716c;background:#f5f5f4;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.sheet-pax{color:var(--text-faint);font-size:11px}.sheet-hold-box{border:1px solid var(--border);background:#fafaf9;border-radius:8px;margin-bottom:16px;padding:12px}.btn-violet{background:var(--violet);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.btn-violet:hover{background:var(--violet-dark)}.full{width:100%}.sheet-hint{text-align:center;color:var(--text-faint);margin-top:8px;font-size:11px}.sheet-hold-row{gap:8px;display:flex}.btn-dark{color:#fff;cursor:pointer;background:#292524;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.btn-dark:hover{background:#1c1917}.btn-outline{color:#44403c;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.btn-outline:hover{background:#f5f5f4}.split-btn{color:#0369a1;background:#f0f9ff;border:1px solid #7dd3fc;margin-bottom:16px}.split-btn:hover{background:#e0f2fe}.sheet-textarea{resize:none;color:#292524;background:#fff;border:1px solid #d6d3d1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.sheet-textarea:focus{border-color:#78716c}.sheet-foot-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.sheet-hint-l{color:var(--text-faint);margin:0;font-size:11px}.sheet-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.link-danger{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.link-danger:hover{color:var(--rose)}.sheet-actions-right{gap:8px;display:flex}.btn-ghost{color:#57534e;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.btn-ghost:hover{background:#f5f5f4}.btn-sky{background:var(--sky-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.btn-sky:hover:not(:disabled){background:var(--sky-dark)}.btn-sky:disabled{cursor:not-allowed;background:#d6d3d1}.btn-emerald{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.btn-emerald:hover{background:#047857}.undo-bar{z-index:40;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.undo-mobile{bottom:96px}.undo-pill{color:#fff;box-shadow:var(--shadow-lg);background:#292524;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.undo-label{font-size:12px;font-weight:500}.undo-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.undo-btn:hover{background:#ffffff40}.mobile-nav{z-index:40;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffff2;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{gap:8px;max-width:448px;margin:0 auto;display:flex}.mobile-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px;transition:background .12s;display:flex}.mobile-tab:hover{background:#f5f5f4}.mobile-tab.active{color:#fff;background:#292524}.tab-label{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tab-stats{align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.tab-stats .free{color:var(--emerald-dark)}.mobile-tab.active .tab-stats .free{color:#6ee7b7}.tab-stats .clearing{color:var(--amber-dark)}.mobile-tab.active .tab-stats .clearing{color:#fcd34d}.tab-stats .held{color:var(--violet-dark)}.mobile-tab.active .tab-stats .held{color:#c4b5fd}.tab-stats .remarks{color:var(--blue-dark);align-items:center;gap:2px;display:flex}.mobile-tab.active .tab-stats .remarks{color:#93c5fd}.mobile-spacer{height:96px}.hint{text-align:center;color:var(--text-faint);margin-top:16px;font-size:12px}@media (width>=768px){.floors{flex-direction:row;gap:0}.board-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}