*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #181c27;--surface2: #1e2333;--surface3: #252b3d;--border: #2a3048;--border2: #333d5c;--text: #e8eaf2;--text2: #8892b0;--text3: #5a6585;--blue: #4f8ef7;--blue-dim: #1e3a6e;--green: #34d07e;--green-dim: #0d3324;--rose: #f7567c;--rose-dim: #3d0f1e;--amber: #f5a623;--amber-dim: #3d2700;--purple: #a78bfa;--r: 8px;--r2: 12px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3)}body.light{--bg: #eef0f8;--surface: #ffffff;--surface2: #f4f5fb;--surface3: #eaecf7;--border: #dde1f0;--border2: #c8ceea;--text: #0f1225;--text2: #3d4466;--text3: #7079a8;--blue: #6366f1;--blue-dim: #eef0ff;--green: #22c55e;--green-dim: #dcfce7;--rose: #f43f5e;--rose-dim: #ffe4e6;--amber: #f59e0b;--amber-dim: #fef3c7;--purple: #8b5cf6;--shadow: 0 4px 24px rgba(99,102,241,.1);--shadow-sm: 0 2px 8px rgba(99,102,241,.08)}body.light header{background:linear-gradient(90deg,#6366f1,#818cf8);border-bottom-color:transparent}body.light .logo{color:#fff!important}body.light .logo-dot{background:#fff!important;box-shadow:0 0 8px #ffffffb3!important}body.light header .class-name-input{background:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;color:#fff!important;font-weight:700!important;border-left:1px solid rgba(255,255,255,.4)!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-radius:0!important;padding-left:16px!important;box-shadow:none!important}body.light header .class-name-input::placeholder{color:#fff9!important}body.light header .class-name-input:focus{background:transparent!important;outline:none!important;box-shadow:none!important}body.light .tab-btn{color:#4338ca;background:#ffffffd9;border:1px solid transparent;font-weight:600;letter-spacing:.01em;opacity:1}body.light .tab-btn:hover{background:#fff;color:#3730a3}body.light .tab-btn.active{background:#fff;color:#4338ca;border-color:#fff;font-weight:700;box-shadow:0 2px 8px #0000002e}body.light .hbtn-ghost{color:#ffffffe6;border-color:#ffffff80;font-weight:600;background:#ffffff1a}body.light .hbtn-ghost:hover{background:#ffffff40;color:#fff;border-color:#fffc}body.light .hbtn-primary{background:#fff;color:#4338ca;border-color:#fff;font-weight:700;box-shadow:0 2px 8px #00000026}body.light .layout-canvas-wrap,body.light .assign-canvas-wrap{background-image:radial-gradient(circle at 1px 1px,#c8ceea 1px,transparent 0)}body.light .seat-chip.empty{background:#e2e8f0;border-color:#94a3b8;color:#64748b}body.light .canvas-seat{background:#e0e7ff;border-color:#818cf8}body.light .canvas-board{background:#818cf8}body.light .canvas-teacher{background:#6366f1;border-color:#4338ca;color:#fff}body.light .panel{background:var(--bg)}body.light .roster-sidebar,body.light .gender-col,body.light .rule-col,body.light .section-card{background:var(--surface);border-color:var(--border)}body.light .landing-classes{background:var(--surface)}body.light .landing-detail{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-left:1px solid var(--border)}.landing-timeline{background:var(--bg)}body.light .class-item:hover,body.light .class-item.active{background:var(--surface2)}body.light .chart-card{background:var(--surface)}body.light .chart-card:hover{background:var(--surface2);box-shadow:0 4px 16px #6366f126}body.light .assign-float-panel{background:var(--surface)}body.light .btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}body.light .btn-primary:hover{background:#4f46e5}body.light .student-row{border-color:var(--border)}body.light .student-row:hover{background:#eef0ff}body.light .student-name{color:#000;font-weight:600}body.light .sname{color:#000!important;font-weight:500}body.light .seated-tag{color:#7079a8}body.light .avatar{color:#fff!important;font-weight:700!important}body.light .section-label{color:#4338ca;font-weight:700;letter-spacing:.08em}body.light .gender-col-header .gender-title{font-weight:700}body.light .gender-count{color:var(--text2);font-weight:700}body.light .rule-tag.sep{background:#ffe4e6;color:#be123c;border-color:#fca5a5}body.light .rule-tag.front{background:#fef3c7;color:#92400e;border-color:#fcd34d}body.light .rule-tag.near{background:#d1fae5;color:#065f46;border-color:#6ee7b7}body.light .canvas-seat{background:#c7d2fe;border-color:#6366f1}body.light .assign-float-panel{background:#fff;border-color:#c8ceea}body.light .assign-float-header{border-color:#dde1f0}body.light select,body.light input[type=text],body.light textarea{background:#fff;border-color:#c8ceea;color:#0f1225}body.light .stat-pill{background:#e8eaf7;color:#3d4466;border-color:#c8ceea;font-weight:600}body.light .chip-pill{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc;border-left-width:3px}html,body{height:100%;overflow:hidden}body{font-family:Geist,system-ui,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}header{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;z-index:50}.logo{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}.class-name-input{background:transparent;border:none;color:var(--text);font-family:Geist,sans-serif;font-size:.92rem;font-weight:600;outline:none;border-left:1px solid var(--border);padding-left:16px;height:28px;min-width:220px;transition:color .2s}.class-name-input:focus{color:var(--text)}.class-name-input::placeholder{color:var(--text3)}.header-spacer{flex:1}.tab-bar{display:flex;gap:2px;background:var(--bg);border-radius:8px;padding:3px}.tab-btn{background:none;border:1px solid transparent;color:var(--text);font-family:Geist,sans-serif;font-size:.8rem;font-weight:500;padding:5px 14px;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap;opacity:.65}.tab-btn:hover{opacity:1;background:var(--surface2)}.tab-btn.active{background:var(--surface2);color:var(--text);box-shadow:var(--shadow-sm);opacity:1;border-color:var(--border2)}.hbtn{font-family:Geist,sans-serif;font-size:.78rem;font-weight:500;padding:7px 14px;border-radius:var(--r);border:1px solid var(--border2);cursor:pointer;transition:all .15s;white-space:nowrap}.hbtn-ghost{background:transparent;color:var(--text2)}.hbtn-ghost:hover{color:var(--text);border-color:var(--text3);background:var(--surface2)}.hbtn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.hbtn-primary:hover{background:#3a7ae8}.app-body{flex:1;display:flex;overflow:hidden}.panel{display:none;flex:1;overflow:hidden}.panel.active{display:flex}#panel-roster{flex-direction:column}.roster-top{padding:20px 24px 0;flex-shrink:0}.inline-home-link{background:none;border:none;color:var(--blue);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline}.inline-home-link:hover{color:var(--text)}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.import-box{background:var(--surface2);border:1.5px dashed var(--border2);border-radius:var(--r2);padding:14px 16px;margin-bottom:16px;transition:border-color .2s}.import-box:focus-within{border-color:var(--blue)}.import-box textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:Geist,sans-serif;font-size:.82rem;resize:none;outline:none;height:72px;line-height:1.6}.import-box textarea::placeholder{color:var(--text3)}.import-actions{display:flex;gap:8px;margin-top:10px;align-items:center}.btn{font-family:Geist,sans-serif;font-size:.78rem;font-weight:500;padding:6px 12px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#3a7ae8}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border2)}.btn-ghost:hover{color:var(--text);background:var(--surface3)}.btn-danger{background:transparent;color:var(--rose);border-color:var(--rose-dim)}.btn-danger:hover{background:var(--rose-dim)}.btn-sm{padding:4px 9px;font-size:.72rem}.btn-xs{padding:2px 7px;font-size:.68rem}.gender-toggle{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:.78rem;color:var(--text2)}.toggle-switch{position:relative;width:34px;height:18px;cursor:pointer}.toggle-switch input{display:none}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface3);border-radius:999px;border:1px solid var(--border2);transition:background .2s}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text3);transition:all .2s}.toggle-switch input:checked~.toggle-track{background:var(--blue-dim);border-color:var(--blue)}.toggle-switch input:checked~.toggle-thumb{left:18px;background:var(--blue)}.roster-columns{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;padding:16px 24px 20px;gap:12px}.roster-columns.no-gender{grid-template-columns:1fr}.gender-col{background:var(--surface2);border-radius:var(--r2);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s}.gender-col.drag-active{border-color:var(--blue)}.gender-col-header{padding:10px 14px 8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.gender-icon{font-size:1rem}.gender-title{font-size:.8rem;font-weight:600;color:var(--text)}.gender-count{font-size:.7rem;color:var(--text3);margin-left:auto}.student-list-inner{flex:1;overflow-y:auto;padding:8px}.student-list-inner::-webkit-scrollbar{width:4px}.student-list-inner::-webkit-scrollbar-track{background:transparent}.student-list-inner::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.student-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r);cursor:grab;border:1px solid transparent;margin-bottom:3px;transition:all .12s;-webkit-user-select:none;user-select:none;background:var(--surface3);position:relative}.student-chip:hover{border-color:var(--border2)}.student-chip:active{cursor:grabbing}.student-chip.dragging{opacity:.3}.student-chip.seated{opacity:.4}.student-chip .avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.student-chip .sname{flex:1;font-size:.82rem;font-weight:400;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-chip .chip-actions{display:none;gap:3px}.student-chip:hover .chip-actions{display:flex}.chip-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:.8rem;padding:2px;border-radius:4px;transition:color .15s;line-height:1}.chip-btn:hover{color:var(--text)}.chip-btn.del:hover{color:var(--rose)}.add-student-row{padding:8px;border-top:1px solid var(--border);display:flex;gap:6px;flex-shrink:0}.add-student-row input{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.8rem;padding:5px 9px;outline:none;transition:border-color .15s}.add-student-row input:focus{border-color:var(--blue)}.add-student-row input::placeholder{color:var(--text3)}#panel-rules{flex-direction:column;overflow-y:auto}#panel-rules::-webkit-scrollbar{width:6px}#panel-rules::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;align-content:start}.rules-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);padding:18px}.rules-card h3{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:7px}.rules-card .desc{font-size:.75rem;color:var(--text3);margin-bottom:14px;line-height:1.5}.rule-tag{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:20px;letter-spacing:.04em}.rule-tag.perm{background:var(--amber-dim);color:var(--amber)}.rule-tag.temp{background:var(--blue-dim);color:var(--blue)}.rule-row{display:flex;align-items:center;padding:7px 10px;background:var(--surface3);border-radius:var(--r);margin-bottom:6px;border:1px solid var(--border);font-size:.8rem;color:var(--text2);flex-wrap:wrap;gap:6px}.rule-row .rule-names{flex:1;font-size:.8rem;color:var(--text)}.rule-row .rule-type-badge{font-size:.67rem;padding:1px 6px;border-radius:20px;font-weight:600}.rule-row .rule-type-badge.sep{background:var(--rose-dim);color:var(--rose)}.rule-row .rule-type-badge.front{background:var(--green-dim);color:var(--green)}.rule-row .rule-type-badge.near{background:var(--blue-dim);color:var(--blue)}.rule-form{background:var(--surface3);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-top:10px}.rule-form label{font-size:.72rem;color:var(--text3);display:block;margin-bottom:4px;margin-top:8px;font-weight:500}.rule-form label:first-child{margin-top:0}.rule-form select,.rule-form input[type=text]{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.8rem;padding:6px 9px;outline:none;transition:border-color .15s}.rule-form select:focus,.rule-form input:focus{border-color:var(--blue)}.rule-form select option{background:var(--surface2)}.rule-form-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.rule-form-row .and-label{font-size:.72rem;color:var(--text3);text-align:center;padding-bottom:8px}.notes-textarea{width:100%;background:var(--surface3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.82rem;padding:10px;resize:none;outline:none;height:120px;line-height:1.6;transition:border-color .15s}.notes-textarea:focus{border-color:var(--blue)}.notes-textarea::placeholder{color:var(--text3)}#panel-layout{flex-direction:column}.layout-toolbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:8px;flex-shrink:0}.tool-group{display:flex;gap:2px;background:var(--bg);border-radius:var(--r);padding:3px}.tool-btn{font-family:Geist,sans-serif;font-size:.75rem;font-weight:500;padding:5px 11px;border-radius:5px;border:none;background:transparent;color:var(--text2);cursor:pointer;transition:all .12s;white-space:nowrap;display:flex;align-items:center;gap:5px}.tool-btn:hover{color:var(--text);background:var(--surface2)}.tool-btn.active{background:var(--surface2);color:var(--text);box-shadow:var(--shadow-sm)}.tool-sep{width:1px;background:var(--border);margin:4px}.layout-canvas-wrap{flex:1;overflow:auto;position:relative;background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:28px 28px}#layoutCanvas{position:relative;min-width:900px;min-height:600px;background:transparent}.layout-image{position:absolute;top:0;left:0;max-width:100%;pointer-events:none;opacity:.5;border-radius:4px}.drop-zone-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.drop-zone-hint.hidden{display:none}.drop-zone-hint .hint-icon{font-size:2.5rem;opacity:.3}.drop-zone-hint p{font-size:.85rem;color:var(--text3);text-align:center;max-width:300px;line-height:1.6}.drop-zone-hint strong{color:var(--text2)}.canvas-item{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.canvas-item:hover{z-index:10}.canvas-seat{width:52px;height:52px;border-radius:50%;background:var(--surface3);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text3);transition:all .15s}.canvas-seat:hover{border-color:var(--blue);color:var(--blue)}.canvas-seat.occupied{background:var(--blue-dim);border-color:var(--blue);color:var(--blue);font-size:.6rem;font-weight:600}.canvas-table{background:var(--surface2);border:2px solid var(--border2);border-radius:var(--r);padding:8px;display:flex;flex-wrap:wrap;gap:6px;min-width:80px;min-height:60px;align-items:center;justify-content:center;position:relative}.canvas-table:before{content:attr(data-label);position:absolute;top:-9px;left:8px;font-size:.6rem;color:var(--text3);background:var(--surface2);padding:0 4px}.canvas-table-free{position:relative;border-radius:10px;transition:border-color .15s}.canvas-table-free:hover{border-color:#4f8ef780!important}.canvas-table-free .table-seat-inner{width:52px;height:52px;border-radius:50%;background:var(--surface3);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text3);transition:all .12s;cursor:move}.canvas-table-free .table-seat-inner:hover{border-color:var(--blue);color:var(--blue)}.canvas-teacher{width:48px;height:48px;border-radius:var(--r);background:var(--amber-dim);border:2px solid var(--amber);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;color:var(--amber);font-weight:600;gap:2px;text-align:center}.canvas-board{height:24px;min-width:120px;background:var(--surface3);border:2px solid var(--border2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text3);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:0 12px}.canvas-item .item-delete{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--rose);border:none;color:#fff;font-size:.6rem;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:20}.canvas-item:hover .item-delete{display:flex}.assign-main{flex:1;overflow:auto;position:relative}.assign-controls{padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.assign-controls h3{font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:12px}.control-group{margin-bottom:12px}.control-group label{font-size:.7rem;color:var(--text3);display:block;margin-bottom:5px;font-weight:500}.control-group select,.control-group input[type=number]{width:100%;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.8rem;padding:6px 9px;outline:none}.control-group select option{background:var(--surface2)}.assign-unplaced{flex:1;overflow-y:auto;padding:10px}.assign-unplaced h4{font-size:.7rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;padding:0 2px}.seat-chip{position:absolute;width:52px;height:52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .15s;overflow:hidden;text-align:center;line-height:1.25;-webkit-user-select:none;user-select:none}.seat-chip.empty{background:var(--surface2);border-color:var(--border2);color:var(--text3);font-size:1.1rem}.seat-chip.empty:hover{border-color:var(--blue);color:var(--blue)}.seat-chip.ungendered{background:var(--surface3);border-color:var(--border2);color:var(--text2)}.seat-chip:hover{transform:scale(1.08);z-index:10}.scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.chip-pill{display:inline-flex;align-items:center;gap:4px;background:var(--surface3);border:1px solid var(--border);border-radius:20px;padding:3px 9px;font-size:.73rem;color:var(--text2);cursor:grab;margin:2px;-webkit-user-select:none;user-select:none;transition:all .12s}.chip-pill:hover{border-color:var(--border2);color:var(--text)}.chip-pill.boy{border-color:var(--blue);color:var(--blue);background:var(--blue-dim)}.chip-pill.girl{border-color:var(--rose);color:var(--rose);background:var(--rose-dim)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:800;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:24px;max-width:480px;width:90%;box-shadow:0 20px 60px #00000080;transform:translateY(12px) scale(.97);transition:transform .2s}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal h3{font-family:"Instrument Serif",serif;font-size:1.2rem;margin-bottom:6px}.modal p{font-size:.82rem;color:var(--text2);margin-bottom:16px;line-height:1.6}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border2);color:var(--text);padding:10px 16px;border-radius:var(--r);font-size:.8rem;z-index:1100;opacity:0;transform:translateY(6px);transition:all .2s;pointer-events:none;box-shadow:var(--shadow);max-width:300px}.toast.show{opacity:1;transform:translateY(0)}.stat-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.stat-pill{font-size:.72rem;color:var(--text2);background:var(--surface3);border:1px solid var(--border);border-radius:20px;padding:3px 10px}.stat-pill span{color:var(--text);font-weight:600}.empty-state{text-align:center;padding:40px 20px;color:var(--text3)}.empty-state .es-icon{font-size:2rem;margin-bottom:8px}.empty-state p{font-size:.8rem;line-height:1.6}.rotate-handle{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;background:var(--surface2);border:2px solid var(--blue);display:none;align-items:center;justify-content:center;cursor:grab;font-size:1rem;color:var(--blue);z-index:20;box-shadow:0 2px 8px #4f8ef74d;transition:background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.rotate-handle:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;background:var(--blue);border-radius:1px;opacity:.5}.rotate-handle:hover{background:var(--blue-dim);box-shadow:0 2px 12px #4f8ef780}.rotate-handle:active{cursor:grabbing}.canvas-item.selected .rotate-handle,.canvas-item:hover .rotate-handle{display:flex}.canvas-item.selected>*:first-child{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}.seat-chip.selected-seat{outline:3px solid var(--amber)!important;outline-offset:2px;transform:scale(1.12);z-index:15!important}.overflow-tray{position:absolute;display:flex;gap:6px;flex-wrap:wrap;max-width:200px;padding:4px}#panel-assign{position:relative}.assign-canvas-wrap{flex:1;overflow:auto;background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:28px 28px;position:relative}.assign-float-panel{position:absolute;top:14px;left:14px;width:244px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);box-shadow:var(--shadow);z-index:30;overflow:hidden;transition:height .25s cubic-bezier(.4,0,.2,1)}.assign-float-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);gap:8px}.assign-float-header:hover{background:var(--surface2)}.assign-float-title{font-size:.8rem;font-weight:600;color:var(--text)}.assign-float-chevron{font-size:.7rem;color:var(--text3);transition:transform .2s}.assign-float-panel.collapsed .assign-float-chevron{transform:rotate(180deg)}.assign-float-body{overflow:hidden;max-height:600px;transition:max-height .25s cubic-bezier(.4,0,.2,1)}.assign-float-panel.collapsed .assign-float-body{max-height:0}.assign-float-inner{padding:14px}.assign-stats-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.screenshot-tip{margin-top:10px;padding:8px 10px;background:var(--surface2);border-radius:6px;font-size:.72rem;color:var(--text2);line-height:1.5}.screenshot-shortcut{display:block;margin-top:4px;color:var(--text3);font-size:.68rem}.screenshot-tip kbd{background:var(--surface3);border:1px solid var(--border2);border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.7rem}.unplaced-wrap{margin-top:10px}.unplaced-wrap h4{font-size:.68rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.unplaced-chips-float{display:flex;flex-wrap:wrap;gap:4px;max-height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.rule-search-wrap{padding:8px 8px 4px;border-top:1px solid var(--border)}.rule-search-input{width:100%;background:var(--surface3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.78rem;padding:5px 9px;outline:none;transition:border-color .15s}.rule-search-input:focus{border-color:var(--blue)}.rule-search-input::placeholder{color:var(--text3)}.assign-item-dragging{opacity:.5}.assign-table-wrap{position:absolute}.seat-chip.selected-seat:after{content:"✕";position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--rose);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;line-height:16px;text-align:center}#landing-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex;flex-direction:column;overflow:hidden}#landing-page.hidden{display:none}.landing-header{padding:32px 40px 20px;flex-shrink:0}.landing-logo{font-family:"Instrument Serif",serif;font-size:2rem;color:var(--text);display:flex;align-items:center;gap:12px;margin-bottom:4px}.landing-logo-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue)}.landing-subtitle{font-size:.85rem;color:var(--text3);margin-left:24px}.landing-body{flex:1;display:flex;overflow:hidden;gap:0}.landing-classes{width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.landing-section-header{padding:16px 20px 10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.landing-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3)}.class-list{flex:1;overflow-y:auto;padding:4px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.class-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);cursor:pointer;transition:background .12s;border:1px solid transparent;margin-bottom:2px;position:relative}.class-item:hover{background:var(--surface2)}.class-item.active{background:var(--surface2);border-color:var(--border2)}.class-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.class-name{flex:1;font-size:.88rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-count{font-size:.7rem;color:var(--text3)}.class-item-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .1s,color .1s}.class-item:hover .class-item-del{opacity:1}.class-item-del:hover{color:var(--rose)}.add-class-form{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:6px;flex-shrink:0}.add-class-input{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:Geist,sans-serif;font-size:.82rem;padding:7px 10px;outline:none;transition:border-color .15s}.add-class-input:focus{border-color:var(--blue)}.add-class-input::placeholder{color:var(--text3)}#landingDetailContent{display:flex}.ld-student-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.ld-typeahead-wrap .typeahead-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);max-height:160px;overflow-y:auto}.ld-typeahead-wrap .typeahead-item{padding:6px 10px;font-size:.78rem;cursor:pointer;color:var(--text)}.ld-typeahead-wrap .typeahead-item:hover{background:var(--surface2)}.landing-detail{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-left:1px solid var(--border)}.landing-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);font-size:.85rem;gap:8px}.landing-detail-empty .ti{font-size:2.5rem}.landing-detail-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.landing-detail-classname{font-size:1rem;font-weight:700;color:var(--text);min-width:80px}.landing-detail-tabs{display:flex;gap:4px;flex:1}.ld-tab{background:none;border:1px solid transparent;color:var(--text2);font-family:Geist,sans-serif;font-size:.78rem;font-weight:500;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s}.ld-tab:hover{background:var(--surface2);color:var(--text)}.ld-tab.active{background:var(--blue-dim);color:var(--blue);border-color:var(--blue);font-weight:600}body.light .ld-tab.active{background:#e0e7ff;color:#4338ca;border-color:#818cf8}.ld-panel{display:none;flex:1;overflow-y:auto}.ld-panel.active{display:flex;flex-direction:column}.ld-roster-wrap{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.ld-roster-info{font-size:.75rem;color:var(--text3);background:var(--surface2);border-radius:6px;padding:6px 10px}.ld-roster-import textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--r);padding:8px 10px;font-family:Geist,sans-serif;font-size:.8rem;resize:vertical;min-height:72px}.ld-roster-actions{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.ld-student-cols{display:flex;gap:12px;flex:1;min-height:200px}.ld-student-col{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);display:flex;flex-direction:column;overflow:hidden}.ld-col-header{padding:8px 12px;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;display:flex;justify-content:space-between}.ld-col-body{flex:1;overflow-y:auto}.ld-student-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--text)}.ld-student-row:last-child{border-bottom:none}.ld-student-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;border:1.5px solid rgba(0,0,0,.1)}.ld-group-manager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 4px;margin-bottom:4px}.ld-group-manager-label{font-size:.72rem;color:var(--text3);font-weight:600;white-space:nowrap}.ld-group-pill{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3px 8px 3px 4px}.ld-group-color{width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);padding:0;cursor:pointer;background:none;flex-shrink:0;overflow:hidden;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--border2)}.ld-group-color::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.ld-group-color::-webkit-color-swatch{border:none;border-radius:50%}.ld-group-color::-moz-color-swatch{border:none;border-radius:50%}.ld-group-name{background:none;border:none;outline:none;color:var(--text);font-size:.78rem;font-weight:600;width:80px;font-family:Geist,sans-serif}.ld-group-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.7rem;padding:0 2px}.ld-group-del:hover{color:var(--rose)}.ld-col-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border2);flex-shrink:0}.ld-col-unassigned{opacity:.8}.ld-gbtn-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.ld-student-name{flex:1}.ld-gender-btns{display:flex;gap:3px}.ld-gbtn{background:none;border:1px solid var(--border);color:var(--text3);border-radius:4px;padding:1px 6px;font-size:.75rem;cursor:pointer;transition:all .12s}.ld-gbtn:hover{border-color:var(--text2);color:var(--text)}.ld-student-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:4px}.ld-student-del:hover{color:var(--rose);background:var(--rose-dim)}.ld-add-student{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border)}.ld-add-student input{flex:1;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-family:Geist,sans-serif;font-size:.78rem;outline:none}.ld-add-student input:focus{border-color:var(--blue)}.ld-rules-wrap{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ld-rules-list{display:flex;flex-direction:column;gap:6px}.ld-rule-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:8px 12px;font-size:.8rem;color:var(--text)}.ld-rule-tag{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--amber-dim);color:var(--amber);text-transform:uppercase;letter-spacing:.05em}.ld-rule-del{margin-left:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:.8rem;padding:2px 6px;border-radius:4px}.ld-rule-del:hover{color:var(--rose)}.ld-add-rule{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px}.ld-add-rule select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-family:Geist,sans-serif;font-size:.78rem}.ld-typeahead-wrap{position:relative;flex:1;min-width:120px}.ld-typeahead-wrap input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-family:Geist,sans-serif;font-size:.78rem;outline:none}.ld-typeahead-wrap input:focus{border-color:var(--blue)}.ld-typeahead-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);max-height:160px;overflow-y:auto}.ld-typeahead-item{padding:6px 10px;font-size:.78rem;cursor:pointer;color:var(--text)}.ld-typeahead-item:hover{background:var(--surface2)}.landing-timeline{flex:1;display:flex;flex-direction:column;overflow:hidden}.timeline-top{padding:16px 32px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.timeline-class-name{font-family:"Instrument Serif",serif;font-size:1.4rem;color:var(--text)}.timeline-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text3)}.timeline-empty .ti{font-size:2.5rem;opacity:.3}.timeline-empty p{font-size:.85rem}.timeline-scroll{flex:1;overflow-y:auto;padding:24px 32px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.month-group{margin-bottom:32px}.month-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:10px;display:flex;align-items:center;gap:10px}.month-label.current-month{color:var(--blue)}.month-label:after{content:"";flex:1;height:1px;background:var(--border)}.current-badge{font-size:.6rem;background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue);border-radius:20px;padding:1px 6px;font-weight:600;letter-spacing:.04em}.chart-cards{display:flex;flex-wrap:wrap;gap:10px}.chart-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;cursor:pointer;transition:all .15s;min-width:180px;max-width:220px;position:relative}.chart-card:hover{border-color:var(--blue);background:var(--surface3);transform:translateY(-1px);box-shadow:0 4px 16px #4f8ef726}.chart-card-date{font-size:.7rem;color:var(--text3);margin-bottom:4px}.chart-card-date-row{margin-bottom:4px}.chart-date-input{font-size:.7rem;color:var(--text3);background:transparent;border:none;border-bottom:1px dashed var(--border2);padding:1px 2px;cursor:pointer;font-family:Geist,sans-serif;outline:none;width:auto;color-scheme:dark}body.light .chart-date-input{color-scheme:light;color:var(--text2)}.chart-date-input:hover{border-bottom-color:var(--blue);color:var(--text)}.chart-date-input:focus{border-bottom-color:var(--blue);color:var(--text)}.chart-card-title{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-card-meta{font-size:.72rem;color:var(--text2);display:flex;gap:8px}.chart-card-del{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text3);font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .1s,color .1s;padding:2px}.chart-card:hover .chart-card-del{opacity:1}.chart-card-del:hover{color:var(--rose)}.new-chart-card{background:transparent;border:1.5px dashed var(--border2);border-radius:var(--r2);padding:14px 16px;cursor:pointer;transition:all .15s;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;color:var(--text3)}.new-chart-card:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-dim)}.violation-banner{position:fixed;top:80px;right:24px;width:280px;background:var(--surface);border:1.5px solid var(--amber);border-radius:16px;padding:16px 16px 14px;z-index:1000;opacity:0;pointer-events:none;transform:translate(16px);transition:opacity .22s ease,transform .22s ease;box-shadow:0 8px 28px #f5a62338;display:block}.violation-banner.show{opacity:1;pointer-events:all;transform:translate(0)}.violation-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.violation-banner-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.violation-banner-close{background:none;border:none;color:var(--amber);font-size:.9rem;cursor:pointer;line-height:1;padding:2px 4px;border-radius:6px;opacity:.75;transition:opacity .1s,background .1s}.violation-banner-close:hover{opacity:1;background:#f5a62326}#violationBannerText{font-size:.8rem;line-height:1.65;color:var(--text)}#violationBannerText div{padding:4px 0;border-bottom:1px solid var(--border)}#violationBannerText div:last-child{border-bottom:none}body.light .violation-banner{background:#fff;border-color:#f59e0b;box-shadow:0 8px 28px #f59e0b2e}body.light .violation-banner-title,body.light .violation-banner-close{color:#92400e}body.light #violationBannerText{color:#1a1d35}.landing-header{position:relative}.landing-header-actions{position:absolute;right:40px;top:34px}.ld-group-kind{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:12px;font-size:.68rem;font-weight:600;padding:2px 4px;font-family:Geist,sans-serif;cursor:pointer;outline:none}.ld-group-kind:hover{border-color:var(--border2);color:var(--text)}.ld-new-kind{border-radius:8px;padding:5px 6px;font-size:.72rem}.ld-flag{color:var(--amber);font-size:.8rem;cursor:pointer;padding:0 3px;flex-shrink:0;background:var(--amber-dim);border-radius:4px;line-height:1.3}.ld-flag:hover{filter:brightness(1.2)}.namelist-modal{max-width:660px;max-height:88vh;display:flex;flex-direction:column}.nl-summary{font-size:.74rem;color:var(--text3);margin:-6px 0 10px}.nl-search{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.82rem;outline:none;font-family:Geist,sans-serif}.nl-search:focus{border-color:var(--blue)}.nl-body{overflow-y:auto;flex:1;min-height:120px;margin-top:10px;border:1px solid var(--border);border-radius:8px}.nl-section{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:8px 12px 4px;background:var(--surface2);position:sticky;top:0;z-index:1}.nl-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:.8rem}.nl-row:last-child{border-bottom:none}.nl-name{font-weight:600;color:var(--text);min-width:90px}.nl-info{flex:1;color:var(--text2);font-size:.74rem}.nl-chip{display:inline-block;border-radius:10px;padding:1px 8px;font-size:.68rem;font-weight:700;margin-right:6px}.nl-chip.boys{background:#4f8ef72e;color:#4f8ef7}.nl-chip.girls{background:#f7567c2e;color:#f7567c}.nl-chip.flag{background:var(--amber-dim);color:var(--amber)}.nl-chip.none{background:var(--surface3);color:var(--text3)}.nl-pin{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:6px;font-size:.72rem;padding:3px 4px;outline:none}.nl-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.75rem;padding:2px 4px}.nl-del:hover{color:var(--rose)}.nl-empty{padding:22px;text-align:center;color:var(--text3);font-size:.78rem;line-height:1.6}.tool-dd{position:relative;display:flex;align-items:center}.tool-dd .tool-dd-caret{padding:5px 6px;margin-left:-2px}.tool-badge{font-size:.64rem;color:var(--text3);font-weight:500}.tool-btn.active .tool-badge{color:var(--text2)}.tool-menu{display:none;position:absolute;top:100%;left:0;padding-top:6px;z-index:400}@media (hover: hover){.tool-dd:hover .tool-menu{display:block}}.tool-dd.open .tool-menu{display:block}.tool-dd.suppress .tool-menu{display:none!important}.tm-inner{background:var(--surface);border:1px solid var(--border2);border-radius:10px;box-shadow:0 10px 30px #00000059;padding:6px;min-width:250px}.tm-label{font-size:.66rem;color:var(--text3);padding:6px 8px 4px;font-weight:600}.tm-row{display:flex;gap:4px;padding:0 6px 6px}.tm-chip{min-width:30px;height:28px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:Geist,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer}.tm-chip:hover{color:var(--text);border-color:var(--blue)}.tm-chip.active{background:var(--blue-dim);color:var(--blue);border-color:var(--blue)}.tm-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);font-family:Geist,sans-serif;font-size:.78rem;cursor:pointer;text-align:left}.tm-item small{font-size:.68rem;color:var(--text3)}.tm-item:hover{background:var(--surface2)}.tm-item.active{color:var(--blue)}.tm-item.active span:before{content:"✓ "}.tm-sep{height:1px;background:var(--border);margin:5px 4px}.float-menu{position:fixed;z-index:1000}@media (pointer: coarse){.tm-item{padding:10px 12px}.tm-chip{height:34px;min-width:36px}}.table-groups-btn{position:absolute;top:-22px;left:2px;z-index:6;font-family:Geist,sans-serif;font-size:.62rem;color:var(--text3);background:transparent;border:1px solid transparent;border-radius:10px;padding:1px 7px;cursor:pointer;white-space:nowrap;touch-action:manipulation}.table-groups-btn:hover,.canvas-item.selected .table-groups-btn{border-color:var(--border2);color:var(--text);background:var(--surface2)}@media (pointer: coarse){.table-groups-btn{font-size:.72rem;padding:3px 9px;top:-28px}}.table-group-outline{position:absolute;border:2px solid;border-radius:32px;pointer-events:none;z-index:0}.table-group-tag{position:absolute;top:-9px;left:12px;font-size:.6rem;font-weight:700;background:var(--bg);padding:0 3px;border-radius:4px;line-height:1.3}.canvas-item,.seat-chip,.assign-table-wrap>div{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chip-pill,.ld-student-row{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-student-row{cursor:grab}.canvas-item.selected .item-delete{display:flex}.table-seat-del{display:none}.table-seat-wrap:hover .table-seat-del,.canvas-item.selected .table-seat-del{display:flex}@media (pointer: coarse){.canvas-item .item-delete,.table-seat-del{width:22px!important;height:22px!important;font-size:.75rem!important}.chip-pill{padding:6px 12px;font-size:.8rem}}.drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;padding:5px 12px;border-radius:20px;background:var(--surface3);border:2px solid var(--blue);color:var(--text);font-size:.78rem;font-weight:600;box-shadow:0 6px 20px #00000059;transform:translate(-50%,-130%);white-space:nowrap}.drag-source,.ld-dragging{opacity:.4}.seat-chip.drop-target{border-color:var(--green)!important;transform:scale(1.12);z-index:15}.unplaced-wrap.drop-target{outline:2px dashed var(--green);outline-offset:4px;border-radius:8px}.chip-pill.selected-pill{outline:2px solid var(--amber);outline-offset:1px;color:var(--text)}.unplaced-hint{font-size:.68rem;color:var(--text3);margin:2px 2px 6px;line-height:1.4}.seat-chip.selected-seat:after{content:none;display:none}.seat-unseat-btn{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--rose);color:#fff;border:none;padding:0;font-size:.65rem;font-weight:700;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;touch-action:manipulation}@media (pointer: coarse){.seat-unseat-btn{width:26px;height:26px;font-size:.8rem}}.cm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#05070c8c;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .16s ease}.cm-dialog-backdrop.open{opacity:1}.cm-dialog{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:22px;box-shadow:0 20px 50px #00000073;font-family:Geist,sans-serif;transform:translateY(8px) scale(.98);transition:transform .16s ease}.cm-dialog-backdrop.open .cm-dialog{transform:none}.cm-dialog-icon{width:34px;height:34px;border-radius:50%;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;background:var(--blue-dim);color:var(--blue)}.cm-dialog.danger .cm-dialog-icon{background:#ef444426;color:#f87171}.cm-dialog h3{margin:0 0 6px;font-family:Geist,sans-serif;font-size:1rem;font-weight:600;line-height:1.35;color:var(--text)}.cm-dialog-details{margin:0 0 6px;font-size:.8rem;color:var(--text2)}.cm-dialog-msg{margin:0;font-size:.82rem;line-height:1.55;color:var(--text2);white-space:pre-line}.cm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.cm-btn{font-family:Geist,sans-serif;font-size:.82rem;font-weight:500;border-radius:8px;padding:8px 16px;cursor:pointer;border:1px solid transparent}.cm-btn-cancel{background:transparent;color:var(--text);border-color:var(--border2)}.cm-btn-cancel:hover{background:var(--surface2)}.cm-btn-confirm{background:var(--blue);color:#fff}.cm-dialog.danger .cm-btn-confirm{background:#dc2626}.cm-btn-confirm:hover{filter:brightness(1.1)}.cm-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (max-width: 600px){.cm-dialog-backdrop{align-items:flex-end;padding:0}.cm-dialog{max-width:none;border-radius:16px 16px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}.cm-dialog-actions{flex-direction:column-reverse}.cm-btn{width:100%;padding:12px;font-size:.9rem}}.cm-undo-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:1150;display:flex;align-items:center;gap:6px;min-width:280px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;overflow:hidden;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;box-shadow:var(--shadow);font-family:Geist,sans-serif;opacity:0;transform:translate(-50%,10px);transition:opacity .2s,transform .2s}.cm-undo-toast.show{opacity:1;transform:translate(-50%)}.cm-undo-msg{flex:1;font-size:.82rem;color:var(--text);padding-right:6px}.cm-undo-btn{background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--blue);font-family:inherit;font-weight:600;font-size:.82rem;padding:6px 10px}.cm-undo-btn:hover{background:var(--blue-dim)}.cm-undo-x{background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text3);font-size:.75rem;padding:6px 8px}.cm-undo-x:hover{color:var(--text)}.cm-undo-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blue);transform-origin:left}@media (pointer: coarse){.cm-undo-btn{padding:10px 14px}.cm-undo-x{padding:10px}}.header-actions{display:flex;gap:6px;margin-left:8px;align-items:center}.hbtn-icon{padding:7px 10px;min-width:34px;justify-content:center}.hbtn:disabled{opacity:.35;cursor:default}.more-menu{left:auto;right:0}.more-menu .tm-inner{min-width:230px}.seat-chip.pinned{box-shadow:0 0 0 2px var(--amber)}.seat-pin-badge{position:absolute;z-index:16;font-size:.7rem;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.seat-pin-btn{position:absolute;z-index:20;transform:translate(-50%);font-family:Geist,sans-serif;font-size:.64rem;font-weight:600;white-space:nowrap;padding:3px 8px;border-radius:10px;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border2);box-shadow:0 2px 6px #0000004d;touch-action:manipulation}.seat-pin-btn.on{color:var(--amber);border-color:var(--amber)}@media (pointer: coarse){.seat-pin-btn{font-size:.75rem;padding:6px 12px}}.seat-chip:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.chart-card-dup{position:absolute;top:8px;right:30px;background:none;border:none;color:var(--text3);font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .15s}.chart-card:hover .chart-card-dup{opacity:1}.chart-card-dup:hover{color:var(--blue)}@media (hover: none){.chart-card-dup,.chart-card-del{opacity:1}}.chart-card-del:focus-visible,.chart-card-dup:focus-visible{opacity:1;outline:2px solid var(--blue);border-radius:4px}.present-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:flex;flex-direction:column}.present-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.present-title{font-family:"Instrument Serif",serif;font-size:1.9rem;color:var(--text)}.present-title span{font-family:Geist,sans-serif;font-size:.9rem;color:var(--text3);margin-left:14px}.present-exit{font-family:Geist,sans-serif;font-size:.8rem;color:var(--text2);cursor:pointer;background:transparent;border:1px solid var(--border2);border-radius:8px;padding:6px 12px}.present-exit kbd{font-family:inherit;font-size:.68rem;color:var(--text3);margin-left:4px}.present-stage{position:relative;flex:1;overflow:hidden}.chart-clone{position:absolute;left:0;top:0;width:2400px;height:1600px}.chart-clone .layout-image{opacity:.3!important}.chart-clone .seat-chip{cursor:default}.chart-clone .seat-chip.empty{opacity:.35}.print-view{position:fixed;left:-30000px;top:0;width:980px;background:#fff;color:#0f1225;font-family:Geist,sans-serif;--bg: #ffffff;--surface: #ffffff;--surface2: #f4f5fb;--surface3: #eaecf7;--border: #dde1f0;--border2: #c8ceea;--text: #0f1225;--text2: #3d4466;--text3: #5f6896;--blue: #4f46e5;--blue-dim: #eef0ff}.print-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #0f1225;padding-bottom:6px}.print-head h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:28px;margin:0}.print-head div{font-size:13px;color:#3d4466}.print-stage{position:relative;width:980px;height:640px;overflow:hidden}.print-sub{padding-top:4px;font-size:14px;line-height:1.5}.print-sub h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:24px;margin:0 0 10px;border-bottom:2px solid #0f1225;padding-bottom:6px}.print-sub h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#3d4466;margin:18px 0 6px}.print-sub ul{margin:0;padding-left:20px}.print-notes{white-space:pre-wrap;margin:0}.print-lines{height:220px;background:repeating-linear-gradient(transparent 0 31px,#c8ceea 31px,#c8ceea 32px)}@media print{@page{size:letter landscape;margin:.4in}body>*:not(.print-view){display:none!important}html,body{background:#fff!important;overflow:visible!important;height:auto!important}.print-view{position:static;left:0}.print-sub{break-before:page}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.welcome{display:none;max-width:420px;text-align:left}#landing-page.no-classes .welcome{display:block}#landing-page.no-classes .select-hint{display:none}.welcome .ti{font-size:2rem;margin-bottom:6px}.welcome h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.9rem;color:var(--text);margin:0 0 12px}.welcome-steps{margin:0 0 18px;padding-left:20px;color:var(--text2);font-size:.85rem;line-height:1.7}.welcome-steps b{color:var(--text);font-weight:600}.welcome-note{font-size:.72rem;color:var(--text3);margin:10px 0 0}.select-hint{text-align:center}.backup-reminder{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 24px 12px;padding:8px 12px;border-radius:10px;background:var(--amber-dim, rgba(245,158,11,.12));border:1px solid rgba(245,158,11,.35);font-size:.8rem;color:var(--text)}.backup-reminder[hidden]{display:none}.br-text{flex:1;min-width:180px}.br-btn,.br-later{font-family:Geist,sans-serif;font-size:.78rem;border-radius:6px;padding:5px 12px;cursor:pointer}.br-btn{background:var(--amber);color:#1a1205;border:none;font-weight:600}.br-later{background:transparent;color:var(--text2);border:1px solid var(--border2)}.error-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:10px;background:#3d0f1e;color:#ffe4e6;border:1px solid #f7567c;font-family:Geist,sans-serif;font-size:.82rem;box-shadow:var(--shadow)}.error-banner button{font-family:inherit;font-size:.78rem;cursor:pointer;border-radius:6px;padding:5px 10px;background:transparent;color:inherit;border:1px solid rgba(255,228,230,.4)}.error-banner .eb-reload{background:#f7567c;color:#fff;border:none;font-weight:600}@media (max-width: 700px){.landing-header{flex-wrap:wrap;gap:10px;padding-bottom:12px}.landing-header-actions{position:static!important;justify-content:flex-start!important;width:100%}.landing-body{flex-direction:column;overflow:auto}.landing-classes{width:auto;max-height:38vh;border-right:none;border-bottom:1px solid var(--border)}.landing-detail{min-height:60vh}.landing-detail-header{flex-wrap:wrap;gap:8px;height:auto;padding-top:10px;padding-bottom:10px}.backup-reminder{margin:0 12px 10px}}button:focus-visible,.tab-btn:focus-visible,.hbtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}body.light{--text3: #5f6896}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ld-tags{display:inline-flex;flex-wrap:wrap;gap:3px;margin-left:6px;vertical-align:middle}.ld-tag-chip{font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--blue-dim);color:var(--blue);white-space:nowrap}.ld-tag-btn{background:none;border:none;cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s}.ld-student-row:hover .ld-tag-btn,.ld-tag-btn:focus-visible{opacity:.8}@media (hover: none){.ld-tag-btn{opacity:.8}}.tag-menu{min-width:230px;max-height:70vh;overflow-y:auto}.tag-new{display:flex;gap:6px;padding:6px 4px 2px;border-top:1px solid var(--border);margin-top:4px}.tag-new input{flex:1;min-width:0;font-family:Geist,sans-serif;font-size:.78rem;padding:6px 8px;border-radius:6px;background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.tag-new button{font-family:Geist,sans-serif;font-size:.76rem;padding:6px 10px;border-radius:6px;cursor:pointer;background:var(--blue);color:#fff;border:none}#ldRuleTagA,#ldRuleTagB{font-family:Geist,sans-serif;font-size:.78rem;padding:6px 8px;border-radius:6px;background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.sync-area:empty{display:none}.sync-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:Geist,sans-serif;font-size:.75rem;font-weight:500;padding:5px 12px;border-radius:8px;background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.sync-btn:hover{border-color:var(--blue)}.sync-btn.warn{border-color:var(--amber);color:var(--amber)}.g-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:.7rem;font-family:Arial,sans-serif}.sync-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 2px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);font-family:Geist,sans-serif}.sync-pill.error{border-color:var(--rose)}.sync-main{background:none;border:none;cursor:pointer;color:var(--text);font-family:inherit;font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:6px}.sync-main:hover{background:var(--surface3)}.sync-pill.syncing .sync-main{color:var(--text2)}.sync-email{font-size:.68rem;color:var(--text3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-out{background:none;border:none;cursor:pointer;color:var(--text3);font-size:.7rem;padding:4px 6px;border-radius:6px}.sync-out:hover{color:var(--text)}