:root{--c-bg:#0b0f16;--c-bg-deep:#070a10;--c-surf:#131a25;--c-surf2:#1a2231;--c-surf3:#222c3d;--c-line:#27313f;--c-line2:#36435a;--c-tx:#e7ecf3;--c-tx2:#9aa6b8;--c-tx3:#66738a;--c-ac:#38d3be;--c-ac-soft:#38d3be26;--c-ac-tx:#08221f;--c-warn:#f2b441;--c-dan:#f2604c;--c-dan-soft:#f2604c26;--c-sh:0 8px 24px #00000073;--c-sh-s:0 2px 8px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-tx);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.5;overflow:hidden}button,input,textarea{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}@keyframes riseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes riseInX{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulseRing{0%,to{opacity:.35}50%{opacity:1}}#loading-screen{background:radial-gradient(ellipse 70% 60% at 50% 42%, #38d3be0d, transparent 60%), radial-gradient(ellipse 120% 90% at 50% 50%, var(--c-bg) 0%, var(--c-bg-deep) 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.loading-text{color:var(--c-tx);font-size:14px;font-weight:600}.loading-sub{color:var(--c-tx2);font-size:12.5px}#app-shell{background:var(--c-bg);flex-direction:column;display:flex;position:fixed;inset:0}#app-body{flex:1;min-height:0;display:flex}#map-stage{background:var(--c-bg);flex:1;min-width:0;position:relative;overflow:hidden}.stage-fill{position:fixed;inset:0}#stage{background:radial-gradient(ellipse 70% 60% at 50% 42%, #38d3be0d, transparent 60%), radial-gradient(ellipse 120% 90% at 50% 50%, var(--c-bg) 0%, var(--c-bg-deep) 100%);position:absolute;inset:0}#map{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#map.grabbing{cursor:grabbing}.panel{background:var(--c-surf);border:1px solid var(--c-line);box-shadow:var(--c-sh);border-radius:12px}#topbar{background:var(--c-surf);border-bottom:1px solid var(--c-line);z-index:30;flex:none;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex;position:relative}.topbar-div{background:var(--c-line);flex:none;width:1px;height:22px}.topbar-spacer{flex:1}#brand{flex:none;align-items:center;gap:8px;display:flex}#brand-title{letter-spacing:-.01em;color:var(--c-tx);white-space:nowrap;font-size:13.5px;font-weight:700}#board-chip-wrap{flex:none;min-width:0;position:relative}#board-chip{height:34px;color:var(--c-tx);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;max-width:340px;padding:0 10px;display:flex}#board-chip:hover{background:var(--c-surf2);border-color:var(--c-line)}.board-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.board-status{border-radius:5px;flex:none;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;display:flex}.board-status .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.board-status.dirty{background:var(--c-dan-soft);color:var(--c-dan)}.board-status.saved{background:var(--c-ac-soft);color:var(--c-ac)}.board-caret{opacity:.5;flex:none;font-size:11px;line-height:1}#board-menu{background:var(--c-surf);border:1px solid var(--c-line);width:250px;box-shadow:var(--c-sh);z-index:40;border-radius:10px;padding:5px;animation:.12s ease-out riseIn;position:absolute;top:40px;left:0}.board-menu-item{width:100%;color:var(--c-tx);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.board-menu-item:hover{background:var(--c-surf2)}.board-menu-item .hint{color:var(--c-tx3);flex:none;font-size:11px}.board-menu-item.save{flex-direction:column;align-items:stretch;gap:2px}.board-menu-item-row{justify-content:space-between;align-items:center;width:100%;display:flex}.board-menu-item-desc{color:var(--c-tx3);font-size:10.5px}.board-menu-sep{background:var(--c-line);height:1px;margin:5px 6px}.board-menu-form{flex-direction:column;gap:8px;padding:6px;display:flex}.board-menu-form-label{letter-spacing:.04em;color:var(--c-tx3);font-size:11px;font-weight:700}.board-menu-input{background:var(--c-surf2);border:1px solid var(--c-line);width:100%;height:34px;color:var(--c-tx);border-radius:8px;padding:0 11px;font-size:12.5px}.board-menu-input:focus{border-color:var(--c-ac);outline:none}.board-menu-form-actions{gap:7px;display:flex}#search-box{background:var(--c-surf2);border:1px solid var(--c-line);border-radius:8px;flex:none;align-items:center;gap:8px;width:270px;height:34px;padding:0 11px;display:flex}#search-input{min-width:0;color:var(--c-tx);background:0 0;border:none;flex:1;font-size:12.5px}#search-input:focus{outline:none}#search-input::placeholder{color:var(--c-tx3)}#alliance-status{background:var(--c-surf2);border:1px solid var(--c-line);height:34px;color:var(--c-tx);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 11px;display:flex}#alliance-status:hover{border-color:var(--c-line2)}#alliance-status.error{border-color:var(--c-dan);color:var(--c-dan)}#alliance-status .sync-dot{background:var(--c-ac);border-radius:50%;flex:none;width:6px;height:6px}#alliance-status.error .sync-dot{background:var(--c-dan)}#alliance-status .a-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12.5px;font-weight:600;overflow:hidden}#alliance-status .a-count{color:var(--c-tx3);flex:none;font-size:11.5px}.btn-primary{background:var(--c-ac);height:34px;color:var(--c-ac-tx);cursor:pointer;border:none;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:700;display:flex}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-ghost{background:var(--c-surf2);border:1px solid var(--c-line);height:30px;color:var(--c-tx);cursor:pointer;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600}.btn-ghost:hover:not(:disabled){border-color:var(--c-line2)}.btn-ghost:disabled{opacity:.45;cursor:default}#version-banner{background:var(--c-ac-soft);border-bottom:1px solid var(--c-line);flex:none;align-items:center;gap:10px;padding:9px 16px;display:flex}#version-banner .vb-icon{color:var(--c-ac);flex:none;display:flex}#version-banner .vb-text{color:var(--c-tx);font-size:12.5px}#version-banner .vb-text b{font-weight:700}#version-banner .vb-spacer{flex:1}.vb-btn{border:1px solid var(--c-line2);height:28px;color:var(--c-tx);cursor:pointer;background:0 0;border-radius:7px;flex:none;padding:0 11px;font-size:12px;font-weight:600}.vb-btn:hover{background:var(--c-surf2)}.vb-btn.primary{background:var(--c-ac);border-color:var(--c-ac);color:var(--c-ac-tx);font-weight:700}.vb-close{width:28px;height:28px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none}.vb-close:hover{color:var(--c-tx)}#tool-rail{background:var(--c-surf);border-right:1px solid var(--c-line);flex-direction:column;flex:none;align-items:center;gap:4px;width:68px;padding:10px 0;display:flex;overflow-y:auto}.rail-label{letter-spacing:.06em;color:var(--c-tx3);margin-bottom:2px;font-size:9.5px;font-weight:700}.rail-div{background:var(--c-line);flex:none;width:36px;height:1px;margin:6px 0}.tool-tile{white-space:nowrap;width:56px;color:var(--c-tx2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 0 7px;display:flex}.tool-tile:hover:not(:disabled):not(.active){background:var(--c-surf2)}.tool-tile.active{background:color-mix(in srgb, var(--tile-color,var(--c-ac)) 13%, transparent);border-color:color-mix(in srgb, var(--tile-color,var(--c-ac)) 40%, transparent);color:var(--tile-color,var(--c-ac))}.tool-tile:disabled{color:var(--c-tx3);opacity:.45;cursor:default}.tool-tile .t-name{letter-spacing:-.02em;font-size:10.5px;font-weight:600}.tool-tile .t-count{font-variant-numeric:tabular-nums;opacity:.75;font-size:9.5px}.tool-tile.erase.active{background:var(--c-dan-soft);border-color:var(--c-dan);color:var(--c-dan)}#zone-legend{pointer-events:none;z-index:5;gap:6px;display:flex;position:absolute;top:12px;left:14px}.zone-pill{border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600}#map-toast{box-shadow:var(--c-sh);white-space:nowrap;z-index:10;background:var(--c-surf3);color:var(--c-tx);border-radius:9px;padding:9px 15px;font-size:12.5px;font-weight:600;animation:.16s ease-out riseInX;position:absolute;top:16px;left:50%;transform:translate(-50%)}#map-toast.err{background:var(--c-dan);color:#0b0f16}#map-toast.ok{background:var(--c-ac);color:var(--c-ac-tx)}.ghost-tip{white-space:nowrap;color:#0b0f16;pointer-events:none;z-index:8;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}#context-bar{background:var(--c-surf);border:1px solid var(--c-line2);box-shadow:var(--c-sh);z-index:10;border-radius:11px;align-items:center;gap:12px;padding:10px 14px;animation:.14s ease-out riseInX;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#context-bar .cb-dot{border-radius:50%;flex:none;width:8px;height:8px}#context-bar .cb-title{white-space:nowrap;flex:none;font-size:12.5px;font-weight:700}#context-bar .cb-rule{color:var(--c-tx2);white-space:nowrap;font-size:12px}#context-bar .cb-esc{background:var(--c-surf3);color:var(--c-tx3);white-space:nowrap;border-radius:5px;flex:none;padding:2px 6px;font-size:10.5px;font-weight:600}#context-bar .cb-close{width:24px;height:24px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none}#context-bar .cb-close:hover{color:var(--c-tx);background:var(--c-surf2)}.status-bar{z-index:10;background:var(--c-surf);border:1px solid var(--c-line);box-shadow:var(--c-sh-s);border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;left:14px}.status-bar.embed{position:static}.status-bar .sb-coord{font-variant-numeric:tabular-nums;color:var(--c-tx2);white-space:nowrap;padding:0 10px;font-size:11.5px}.status-bar .sb-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:11.5px}#pick-hint-map{background:var(--c-surf);border:1px solid var(--c-line2);box-shadow:var(--c-sh);z-index:10;border-radius:11px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;animation:.14s ease-out riseInX;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#pick-hint-map .dot{background:var(--c-ac);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulseRing}.zbtn{width:26px;height:26px;color:var(--c-tx2);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:15px;display:flex}.zbtn:hover{background:var(--c-surf2);color:var(--c-tx)}.zdiv{background:var(--c-line);width:1px;height:18px}#work-panel{background:var(--c-surf);border-left:1px solid var(--c-line);flex-direction:column;flex:none;width:326px;min-height:0;display:flex}#work-tabs{flex:none;gap:2px;padding:8px 8px 0;display:flex}#work-tabs-rule{background:var(--c-line);flex:none;height:1px;margin-top:8px}.work-tab{height:32px;color:var(--c-tx3);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:flex}.work-tab.active{background:var(--c-surf3);color:var(--c-tx)}.work-tab .tab-badge{font-variant-numeric:tabular-nums;background:var(--c-surf);color:var(--c-tx3);border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700}.work-tab .tab-dot{color:var(--c-ac);font-size:16px;line-height:1}.work-body{flex-direction:column;flex:1;min-height:0;display:flex}.members-header{border-bottom:1px solid var(--c-line);flex:none;padding:14px 16px 12px}.members-header-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.members-header-row .lbl{color:var(--c-tx2);font-size:12px}.members-header-row .num{font-variant-numeric:tabular-nums;color:var(--c-tx);font-size:13px;font-weight:700}.members-header-row .num .of{color:var(--c-tx3);font-weight:500}.progress-track{background:var(--c-surf3);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:var(--c-ac);border-radius:3px;height:100%;transition:width .2s ease-out}.members-actions{gap:6px;margin-top:11px;display:flex}.members-actions .btn-ghost.grow{flex:1}.pick-hint{background:var(--c-ac-soft);border-bottom:1px solid var(--c-line);color:var(--c-tx);flex:none;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.pick-hint .dot{background:var(--c-ac);border-radius:50%;flex:none;width:6px;height:6px;animation:1.4s ease-in-out infinite pulseRing}.pick-hint .txt{flex:1;min-width:0}.pick-hint .cancel{color:var(--c-tx2);cursor:pointer;background:0 0;border:none;flex:none;font-size:11.5px;font-weight:600}.pick-hint .cancel:hover{color:var(--c-tx)}.member-list{flex:1;min-height:0;padding:6px 8px 14px;overflow:auto}.group-header{letter-spacing:.05em;color:var(--c-tx3);padding:12px 8px 6px;font-size:10.5px;font-weight:700}.group-empty{color:var(--c-tx3);padding:14px 10px;font-size:12px}.member-row{cursor:pointer;text-align:left;width:100%;color:var(--c-tx);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.member-row:hover{background:var(--c-surf2)}.member-row.picking{background:var(--c-ac-soft);border-color:var(--c-ac)}.member-row.selected{background:var(--c-surf3);border-color:#0000}.member-avatar{background:var(--c-surf3);width:26px;height:26px;color:var(--c-tx3);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex}.member-avatar.assigned{color:#6fa8f5;background:#6fa8f533}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.member-tag{font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--c-surf3);color:var(--c-tx2);border:1px solid #0000;border-radius:6px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.member-tag.unassigned{border-color:var(--c-line);color:var(--c-tx3);background:0 0}.member-tag.picking{background:var(--c-ac);color:var(--c-ac-tx);border-color:#0000}.layers-body{flex:1;min-height:0;padding:10px 8px 14px;overflow:auto}.layers-head{justify-content:space-between;align-items:center;padding:8px 10px 10px;display:flex}.layers-head .lbl{letter-spacing:.05em;color:var(--c-tx3);font-size:10.5px;font-weight:700}.link-btn{color:var(--c-ac);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.layer-row{cursor:pointer;text-align:left;width:100%;color:var(--c-tx);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.layer-row:hover{background:var(--c-surf2)}.layer-row.off{opacity:.45}.layer-row .swatch{border-radius:4px;flex:none;width:12px;height:12px}.layer-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.layer-row .count{font-variant-numeric:tabular-nums;color:var(--c-tx3);flex:none;font-size:11.5px}.layer-check{border:1.5px solid var(--c-line2);background:0 0;border-radius:5px;flex:none;width:16px;height:16px;position:relative}.layer-check.on{background:var(--c-ac);border-color:var(--c-ac)}.layer-check.on:after{content:"";border:solid var(--c-ac-tx);border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:1px;left:4.5px;transform:rotate(40deg)}.panel-div{background:var(--c-line);height:1px;margin:12px 10px}.info-row{justify-content:space-between;padding:7px 10px;font-size:12.5px;display:flex}.info-row .k{color:var(--c-tx2)}.info-row .v{font-variant-numeric:tabular-nums;font-weight:600}.history-header{border-bottom:1px solid var(--c-line);flex:none;padding:12px 14px}.history-header .btn-primary{justify-content:center;width:100%}.history-desc{color:var(--c-tx3);margin-top:8px;font-size:11.5px;line-height:1.5}.history-list{flex:1;min-height:0;padding:8px 8px 14px;overflow:auto}.history-empty{color:var(--c-tx3);padding:14px 10px;font-size:12px;line-height:1.6}.history-row{border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.history-row.latest{background:var(--c-surf2)}.history-row .hdot{background:var(--c-line2);border-radius:4px;flex:none;width:7px;height:7px}.history-row.latest .hdot{background:var(--c-ac)}.history-info{flex:1;min-width:0}.history-nick{align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.history-restored{background:var(--c-surf3);color:var(--c-tx3);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.history-meta{color:var(--c-tx3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11.5px}.history-actions{flex:none;align-items:center;gap:6px;display:flex}.history-confirm-text{color:var(--c-dan);white-space:nowrap;font-size:11px}.history-btn{border:1px solid var(--c-line2);height:27px;color:var(--c-tx2);cursor:pointer;background:0 0;border-radius:7px;padding:0 10px;font-size:11.5px;font-weight:700}.history-btn:hover:not(:disabled){color:var(--c-tx);border-color:var(--c-tx3)}.history-btn.danger{border-color:var(--c-line2);color:var(--c-tx3)}.history-btn.danger:hover:not(:disabled){border-color:var(--c-dan);color:var(--c-dan)}.history-btn:disabled{opacity:.4;cursor:default}.empty-note{color:var(--c-tx3);padding:18px 16px;font-size:12px;line-height:1.7}.modal-btn{border:1px solid var(--c-line);height:34px;color:var(--c-tx2);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:0 12px;font-size:12.5px;font-weight:600}.modal-btn:hover:not(:disabled){border-color:var(--c-line2);color:var(--c-tx)}.modal-btn.primary{background:var(--c-ac);color:var(--c-ac-tx);border:none;font-weight:700}.modal-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.modal-btn.danger{border-color:var(--c-line2);color:var(--c-dan)}.modal-btn.danger:hover:not(:disabled){border-color:var(--c-dan);background:var(--c-dan-soft)}.modal-btn:disabled{opacity:.35;cursor:not-allowed}#saves-overlay,#members-overlay{z-index:50;background:#060a128c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#saves-box{border-radius:14px;flex-direction:column;width:min(420px,100%);max-height:min(560px,80vh);padding:18px 22px;display:flex}#saves-header,#members-header{flex:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#saves-title,#members-title{color:var(--c-tx);font-size:15px;font-weight:700}#saves-close,#members-close{width:28px;height:28px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;border-radius:7px;font-size:13px}#saves-close:hover,#members-close:hover{color:var(--c-tx);background:var(--c-surf2)}#saves-import{flex:none;margin-bottom:12px}.save-import-toggle{border:1px dashed var(--c-bd);width:100%;color:var(--c-tx3);cursor:pointer;text-align:center;background:0 0;border-radius:8px;padding:9px 10px;font-size:12px}.save-import-toggle:hover{color:var(--c-tx);border-color:var(--c-tx3)}.save-import-form{border:1px solid var(--c-bd);background:var(--c-surf2);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.save-import-desc{color:var(--c-tx3);font-size:11px;line-height:1.5}.save-import-actions{justify-content:flex-end;gap:6px;display:flex}#saves-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}#saves-empty{color:var(--c-tx3);text-align:center;padding:18px 0;font-size:12px}.save-row{border:1px solid var(--c-line);background:var(--c-surf2);border-radius:10px;flex-direction:column;gap:8px;padding:11px 13px;display:flex}.save-row-info{min-width:0}.save-row-title{color:var(--c-tx);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex;overflow:hidden}.save-row-shared-tag{color:var(--c-ac);background:var(--c-ac-soft);border-radius:5px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.save-row-meta{color:var(--c-tx3);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.save-row-actions{gap:6px;display:flex}.save-row-actions button{border:1px solid var(--c-line2);height:28px;color:var(--c-tx2);cursor:pointer;background:0 0;border-radius:7px;flex:1;font-size:11.5px;font-weight:600}.save-row-actions .load-btn:hover,.save-row-actions .share-btn:hover{border-color:var(--c-ac);color:var(--c-ac)}.save-row-actions .del-btn:hover{border-color:var(--c-dan);color:var(--c-dan)}.save-row-confirm-text{color:var(--c-dan);flex:1;align-items:center;font-size:11.5px;display:flex}.save-row-inline-form{align-items:center;gap:6px;display:flex}.save-row-nick-input{border:1px solid var(--c-line);background:var(--c-surf);height:28px;color:var(--c-tx);border-radius:7px;flex:1;padding:0 9px;font-size:11.5px}.save-row-nick-input:focus{border-color:var(--c-ac);outline:none}.save-row-inline-form .share-btn:disabled{opacity:.4;cursor:default}#members-box{border-radius:14px;flex-direction:column;width:min(520px,100%);max-height:80vh;padding:18px 22px;display:flex}#members-message{color:var(--c-tx2);margin-bottom:10px;font-size:12px;line-height:1.6}#members-textarea{border:1px solid var(--c-line);background:var(--c-surf2);width:100%;height:280px;color:var(--c-tx);resize:none;border-radius:10px;margin-bottom:10px;padding:12px;font-size:12.5px;line-height:1.75}#members-textarea:focus{border-color:var(--c-ac);outline:none}#members-actions{align-items:center;gap:8px;display:flex}#members-count{color:var(--c-tx3);font-variant-numeric:tabular-nums;flex:1;font-size:12px}#members-count.err{color:var(--c-dan)}#members-actions .modal-btn{flex:none;min-width:84px}#share-overlay{z-index:50;background:#060a128c;position:fixed;inset:0}#share-panel{background:var(--c-surf);border-left:1px solid var(--c-line);width:440px;max-width:100%;box-shadow:var(--c-sh);flex-direction:column;animation:.16s ease-out slideInPanel;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideInPanel{0%{opacity:.5;transform:translate(20px)}to{opacity:1;transform:none}}#share-panel-header{flex:none;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}#share-panel-title{color:var(--c-tx);font-size:16px;font-weight:700}#share-panel-close{width:30px;height:30px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:13px}#share-panel-close:hover{color:var(--c-tx);background:var(--c-surf2)}#share-panel-body{flex-direction:column;flex:1;gap:18px;padding:0 22px 24px;display:flex;overflow-y:auto}.share-active-card{background:var(--c-surf2);border:1px solid var(--c-line);border-radius:12px;padding:16px}.share-active-card.share-empty{color:var(--c-tx3);font-size:12px;line-height:1.6}.share-active-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.share-active-title .dot{background:var(--c-ac);border-radius:50%;flex:none;width:7px;height:7px}.share-active-title .name{color:var(--c-tx);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:700;overflow:hidden}.share-active-title .badge{background:var(--c-ac-soft);color:var(--c-ac);border-radius:5px;flex:none;padding:2px 7px;font-size:10.5px;font-weight:700}.share-active-title .spacer{flex:1}.share-active-title .count{color:var(--c-tx3);flex:none;font-size:11.5px}.share-audience-label{letter-spacing:.04em;color:var(--c-tx3);margin-bottom:7px;font-size:11px;font-weight:700}.share-audience-field{background:var(--c-surf);border:1px solid var(--c-line);border-radius:9px;align-items:center;gap:8px;padding:9px 11px;display:flex}.share-audience-field .icon{opacity:.5;color:var(--c-tx2);flex:none}.share-audience-field .value{min-width:0;color:var(--c-tx2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.share-audience-field .value.code{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--c-tx);font-size:14px;font-weight:700}.copy-btn{background:var(--c-surf3);height:28px;color:var(--c-tx);cursor:pointer;border:none;border-radius:7px;flex:none;padding:0 11px;font-size:11.5px;font-weight:700}.copy-btn:disabled{opacity:.4;cursor:default}.mask-toggle-btn{border:1px solid var(--c-line2);height:28px;color:var(--c-tx2);cursor:pointer;background:0 0;border-radius:7px;flex:none;padding:0 10px;font-size:11.5px;font-weight:600}.share-audience-caption{color:var(--c-tx3);margin-top:6px;font-size:11px}.share-audience-caption.warn{color:var(--c-warn)}.share-audience-divider{background:var(--c-line);height:1px;margin:15px 0}.share-section-label{letter-spacing:.04em;color:var(--c-tx3);margin-bottom:9px;font-size:11px;font-weight:700}.share-alliance-row2{background:var(--c-surf2);border:1px solid var(--c-line);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:11px 13px;display:flex}.share-alliance-row2.active{border-color:var(--c-ac)}.share-alliance-row2 .dot{background:var(--c-line2);border-radius:50%;flex:none;width:7px;height:7px}.share-alliance-row2.active .dot{background:var(--c-ac)}.share-alliance-row2 .info{flex:1;min-width:0}.share-alliance-row2 .a-name{color:var(--c-tx);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.share-alliance-row2 .a-meta{color:var(--c-tx3);margin-top:2px;font-size:11px}.share-alliance-row2 .a-btn{cursor:pointer;border:none;border-radius:7px;flex:none;align-items:center;height:28px;padding:0 11px;font-size:11.5px;font-weight:700;line-height:1;display:flex}.share-alliance-row2 .a-btn.active-tag{background:var(--c-ac-soft);color:var(--c-ac);cursor:default}.share-alliance-row2 .a-btn.switch{background:var(--c-surf3);color:var(--c-tx)}.share-alliance-row2 .leave-link{height:28px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;flex:none;align-items:center;padding:0;font-size:10.5px;line-height:1;display:flex}.share-alliance-row2 .leave-link:hover{color:var(--c-dan)}.share-dashed-btn{border:1px dashed var(--c-line2);width:100%;height:38px;color:var(--c-tx2);cursor:pointer;background:0 0;border-radius:10px;font-size:12.5px;font-weight:600}.share-dashed-btn:hover{border-color:var(--c-ac);color:var(--c-ac)}.share-inline-form{background:var(--c-surf2);border:1px solid var(--c-ac);border-radius:12px;margin-top:8px;padding:15px}.share-inline-form-title{color:var(--c-tx);margin-bottom:10px;font-size:12.5px;font-weight:700}.share-inline-form input{background:var(--c-surf);border:1px solid var(--c-line);width:100%;height:36px;color:var(--c-tx);border-radius:8px;margin-bottom:8px;padding:0 11px;font-size:12.5px}.share-inline-form input:focus{border-color:var(--c-ac);outline:none}.share-error{color:var(--c-dan);margin:0 2px 8px;font-size:11.5px}.share-inline-form-actions{gap:7px;margin-top:3px;display:flex}.share-inline-form-actions button{flex:1;height:34px}::selection{background:var(--c-ac);color:var(--c-ac-tx)}#legend{z-index:20;background:var(--c-surf);border:1px solid var(--c-line);width:250px;box-shadow:var(--c-sh);border-radius:12px;padding:12px;display:none;position:fixed;top:74px;right:16px}#legend.open{display:block}#legend h2{letter-spacing:.05em;color:var(--c-tx3);margin:0 0 6px;padding:0 10px;font-size:10.5px;font-weight:700}#legend .divider{background:var(--c-line);height:1px;margin:10px 8px}#legend .hint{color:var(--c-tx3);padding:4px 10px 0;font-size:11px;line-height:1.6}#view-only-header{z-index:5;background:var(--c-surf);border:1px solid var(--c-line);max-width:min(340px,100vw - 32px);box-shadow:var(--c-sh);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:fixed;top:16px;left:16px}#view-only-name{color:var(--c-tx);font-size:13.5px;font-weight:700}#view-only-lastsaved{color:var(--c-tx2);font-size:11.5px}.view-back-link{color:var(--c-ac);margin-top:4px;font-size:11.5px;text-decoration:none}.view-back-link:hover{text-decoration:underline}#legend-toggle-floating{z-index:5;background:var(--c-surf);border:1px solid var(--c-line);width:36px;height:36px;color:var(--c-tx2);cursor:pointer;box-shadow:var(--c-sh-s);border-radius:9px;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;right:16px}#legend-toggle-floating.active{border-color:var(--c-ac);color:var(--c-ac)}#view-controls{z-index:20;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.loading-text+.view-back-link,.loading-sub+.view-back-link{margin-top:10px}@media (width<=980px){#search-box{width:180px}#work-panel{width:288px}}#topbar-mobile,#bottom-tabs,#sheet-backdrop{display:none}@media (width>=761px){#app-shell{padding:0!important}}@media (width<=760px){#topbar,#tool-rail,#work-panel,#context-bar,.status-bar:not(.embed){display:none!important}#app-shell{padding-top:50px;padding-bottom:60px}#topbar-mobile{background:var(--c-surf);border-bottom:1px solid var(--c-line);z-index:30;align-items:center;gap:9px;height:50px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.tm-center{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:4px 0}.tm-name{color:var(--c-tx);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex;overflow:hidden}.tm-caret{color:var(--c-tx3);flex:none;font-size:10px}.tm-sub{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.tm-sub.dirty{color:var(--c-dan)}.tm-sub.saved{color:var(--c-ac)}.tm-count{background:var(--c-surf2);border-radius:7px;flex:none;padding:5px 9px;font-size:11.5px;font-weight:700}#bottom-tabs{background:var(--c-surf);border-top:1px solid var(--c-line);z-index:30;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.bt-tab{min-height:44px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:flex}.bt-tab.active{color:var(--c-ac)}#sheet-backdrop{z-index:40;background:#060a1280;display:block;position:fixed;inset:0}#bottom-sheet{background:var(--c-surf);border-top:1px solid var(--c-line);max-height:74%;box-shadow:var(--c-sh);border-radius:18px 18px 0 0;flex-direction:column;animation:.18s ease-out riseIn;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sheet-handle{background:var(--c-line2);border-radius:2px;width:34px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.sheet-header{flex:none;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.sheet-title{color:var(--c-tx);font-size:13.5px;font-weight:700}.sheet-close{width:26px;height:26px;color:var(--c-tx3);cursor:pointer;background:0 0;border:none;border-radius:7px}.sheet-close:hover{color:var(--c-tx);background:var(--c-surf2)}.sheet-tools-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 14px 18px;display:grid;overflow-y:auto}.sheet-tool-tile{background:var(--c-surf2);border:1px solid var(--c-line);min-height:60px;color:var(--c-tx2);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 0 12px;display:flex}.sheet-tool-tile.active{background:color-mix(in srgb, var(--tile-color,var(--c-ac)) 13%, transparent);border-color:color-mix(in srgb, var(--tile-color,var(--c-ac)) 40%, transparent);color:var(--tile-color,var(--c-ac))}.sheet-tool-tile:disabled{opacity:.45;cursor:default}.sheet-tool-tile.erase.active{background:var(--c-dan-soft);border-color:var(--c-dan);color:var(--c-dan)}.stt-name{font-size:12px;font-weight:700}.stt-count{opacity:.75;font-size:10.5px}.sheet-members{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sheet-members .member-list{padding:6px 12px 18px}.sheet-members .member-row{min-height:44px;padding:10px}.sheet-members .member-name{font-size:13px}.sheet-members .member-tag,.sheet-members .btn-ghost{min-height:36px}.sheet-share{flex-direction:column;gap:14px;padding:4px 16px 18px;display:flex;overflow-y:auto}.sheet-menu{flex-direction:column;padding:4px 10px 18px;display:flex}.sheet-menu .board-menu-item{min-height:44px;padding:12px 10px;font-size:13.5px}#bottom-sheet .board-menu-form{padding:6px 16px 18px}.sheet-save-btn{border-radius:10px;justify-content:center;width:100%;height:42px;font-size:13.5px}.zbtn,.copy-btn,.mask-toggle-btn,.btn-ghost,.modal-btn{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#onboarding-overlay{z-index:60;background:#060a1299;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#onboarding-box{text-align:center;flex-direction:column;align-items:center;width:min(420px,100%);padding:30px 26px 22px;animation:.16s ease-out riseIn;display:flex;position:relative}#onboarding-skip{color:var(--c-tx3);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:11.5px;font-weight:600;position:absolute;top:14px;right:14px}#onboarding-skip:hover{color:var(--c-tx)}#onboarding-icon{background:var(--c-ac-soft);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}#onboarding-title{color:var(--c-tx);margin-bottom:8px;font-size:15px;font-weight:700}#onboarding-body{color:var(--c-tx2);margin-bottom:20px;font-size:12.5px;line-height:1.6}#onboarding-dots{gap:6px;margin-bottom:20px;display:flex}.onboarding-dot{background:var(--c-line2);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0}.onboarding-dot.active{background:var(--c-ac);border-radius:3px;width:16px}#onboarding-actions{gap:8px;width:100%;display:flex}#onboarding-actions .modal-btn{flex:1;height:34px}#guide-btn{border:1px solid var(--c-line2);width:30px;height:30px;color:var(--c-tx3);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:13px;font-weight:700}#guide-btn:hover{color:var(--c-tx);border-color:var(--c-ac)}.board-menu-textarea{resize:vertical;height:auto;min-height:80px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5}.board-menu-form-error{color:var(--c-dan);margin-top:-2px;font-size:11px}.layer-caption{color:var(--c-tx3);margin:-2px 2px 6px;padding:0 2px;font-size:11px;line-height:1.5}