:root{--bg:#f1e9d8;--bg-alt:#eadfc7;--panel:#fffdf8;--ink:#2b2118;--ink-soft:#7a6a57;--accent:#2f6f4e;--accent-dark:#1f4e36;--accent-bg:#e4efe4;--chalk-green:#1f3f32;--chalk-green-dark:#152d24;--chalk-text:#f2ecdd;--wood:#b9793f;--wood-dark:#8f5a2a;--wood-light:#e7c79b;--line:#e1d2af;--line-soft:#ede1c6;--danger:#ae4328;--danger-bg:#f6e3d8;--window:#3b7290;--window-bg:#e2eef2;--rose:#b15a72;--rose-bg:#f6e4e9;--nice:#8f5a2a;--nice-bg:#f1eee3;--notnear:#8e2e17;--notnear-bg:#f7dccf;--radius:10px;--shadow:0 1px 2px #2b211814, 0 6px 16px #2b211812}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 0,#b9793f12,#0000 40%),radial-gradient(circle at 90% 0,#1f3f320f,#0000 40%);font-family:Inter,system-ui,sans-serif;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 4px;font-family:Fraunces,serif;font-weight:700}#app{max-width:1200px;margin:0 auto;padding:20px 18px 60px}svg.icon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:none;width:16px;height:16px}.topbar{background:var(--chalk-green);color:var(--chalk-text);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex}.topbar .brand{align-items:center;gap:12px;display:flex}.topbar .brand .mark{background:var(--wood);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-family:Fraunces,serif;font-size:19px;font-weight:700;display:inline-flex;transform:rotate(-4deg);box-shadow:0 2px #00000026}.topbar h1{color:#fff;margin:0;font-size:20px}.topbar .tagline{color:var(--wood-light);margin-left:4px;font-family:Caveat,cursive;font-size:17px}.class-switcher{align-items:center;gap:8px;display:flex}.class-switcher select{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;max-width:200px;padding:7px 10px;font-size:13.5px;font-weight:600}.class-switcher select option{color:#111}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.icon-btn:hover{background:#ffffff38}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab-btn{appearance:none;cursor:pointer;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;display:flex}.tab-btn .step-num{background:var(--line);width:18px;height:18px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.tab-btn:hover{background:var(--panel);color:var(--ink)}.tab-btn.active{background:var(--panel);color:var(--accent-dark);box-shadow:var(--shadow)}.tab-btn.active .step-num{background:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px 22px}.panel h2{align-items:center;gap:8px;font-size:17px;display:flex}.panel .hint{color:var(--ink-soft);max-width:70ch;margin:2px 0 14px;font-size:12.5px}.row-flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--wood);color:var(--wood-dark)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.wood{background:var(--wood);border-color:var(--wood);color:#fff}.btn.wood:hover{background:var(--wood-dark);border-color:var(--wood-dark)}.btn.danger{color:var(--danger);border-color:#e3b7a9}.btn.danger:hover{background:var(--danger-bg)}.btn.small{border-radius:7px;padding:5px 10px;font-size:12px}.btn.icon-only{justify-content:center;width:30px;height:30px;padding:6px}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=number],select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:8px 11px;font-family:Inter,sans-serif;font-size:13.5px}input[type=text]:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}label.field{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.class-list{flex-direction:column;gap:8px;display:flex}.class-item{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.class-item:hover{border-color:var(--wood)}.class-item.active{border-color:var(--accent);background:var(--accent-bg)}.class-item .name{align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.class-item .name .badge{background:var(--wood-light);width:26px;height:26px;color:var(--wood-dark);border-radius:7px;font-family:Fraunces,serif;font-size:13px;font-weight:700}.student-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.student-cell{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.student-cell .avatar{width:22px;height:22px;font-size:10px}.student-cell .sname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.student-cell button{background:var(--line-soft);color:var(--ink-soft);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.student-cell button:hover{background:var(--danger-bg);color:var(--danger)}.rel-editor{background:var(--bg-alt);border:1px dashed var(--wood);border-radius:10px;max-height:360px;margin:6px 0 4px;padding:12px 14px;overflow:auto}.rel-row{border-bottom:1px solid var(--line-soft);justify-content:flex-start;align-items:center;gap:16px;padding:7px 10px;display:flex}.rel-row:last-child{border-bottom:none}.rel-row:nth-child(2n){background:#ffffff8c}.rel-row:nth-child(odd){background:#b0703f0f}.rel-row .who{border-right:1px solid var(--line-soft);flex:0 0 170px;align-items:center;gap:8px;min-width:0;padding-right:14px;font-size:13px;font-weight:600;display:flex}.rel-row .who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rel-slider-wrap{flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:center;gap:10px;display:flex}input.rel-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) 0%, var(--nice) 25%, #c9c1ae 50%, var(--danger) 75%, var(--notnear) 100%);border-radius:6px;outline:none;width:150px;height:8px}input.rel-slider::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000059}input.rel-slider::-moz-range-thumb{border:2.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000059}.rel-slider-label{text-align:center;background:var(--bg-alt);min-width:172px;color:var(--ink-soft);border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:700}.rel-slider-label.must{background:var(--accent-bg);color:var(--accent-dark)}.rel-slider-label.should{background:var(--nice-bg);color:var(--nice)}.rel-slider-label.shouldnot{background:var(--danger-bg);color:var(--danger)}.rel-slider-label.mustnot{background:var(--notnear-bg);color:var(--notnear)}.rel-slider-ends{color:var(--ink-soft);justify-content:space-between;width:150px;margin-top:2px;font-size:9.5px;display:flex}.rel-list{flex-direction:column;gap:7px;margin-top:14px;display:flex}.rel-item{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;font-size:13px;display:flex}.rel-item .people{align-items:center;gap:8px;font-weight:700;display:flex}.tag{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.tag .dot{border-radius:50%;width:8px;height:8px}.tag.must{background:var(--accent-bg);color:var(--accent-dark)}.tag.must .dot{background:var(--accent)}.tag.should{background:var(--nice-bg);color:var(--nice)}.tag.should .dot{background:var(--nice)}.tag.shouldnot{background:var(--danger-bg);color:var(--danger)}.tag.shouldnot .dot{background:var(--danger)}.tag.mustnot{background:var(--notnear-bg);color:var(--notnear)}.tag.mustnot .dot{background:var(--notnear)}.pref-compact-wrap{align-items:center;gap:8px;display:flex}.gender-toggle{flex:none;gap:4px;display:flex}.gender-btn{border:1.5px solid var(--line);width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.gender-btn:hover{border-color:var(--wood)}.gender-btn.boy.active{background:var(--window-bg);border-color:var(--window);color:var(--window)}.gender-btn.girl.active{background:var(--rose-bg);border-color:var(--rose);color:var(--rose)}.pref-compact-row{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 12px;display:flex}.pref-compact-row:hover{border-color:var(--wood);background:var(--bg-alt)}.pref-compact-row .name{align-items:center;gap:8px;min-width:140px;font-size:13px;font-weight:700;display:flex}.pref-summary{flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:11.5px;display:flex}.pref-summary .chip{background:var(--bg-alt);color:var(--ink-soft);border-radius:20px;padding:3px 9px;font-weight:700}.pref-summary .chip.must{background:var(--accent-bg);color:var(--accent-dark)}.detail-wide{display:none}@media (width>=720px){.detail-wide{display:inline-flex}}.chevron{color:var(--ink-soft);flex:none;font-size:11px}.paste-list-box{background:var(--bg-alt);border:1px dashed var(--wood);border-radius:10px;margin-bottom:4px;padding:14px}.paste-list-box textarea{resize:vertical;font-family:Inter,sans-serif}.pref-editor{background:var(--bg-alt);border:1px dashed var(--wood);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:22px;margin:6px 0 4px;padding:16px;display:flex}.zone-picker{flex-direction:column;align-items:center;gap:4px;display:flex}.zone-axis{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.zone-middle{align-items:center;gap:4px;display:flex}.zone-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,54px);gap:4px;display:grid}.zone-cell{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:6px}.zone-cell:hover{border-color:var(--wood)}.zone-cell.must{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark);font-size:11px;font-weight:700}.zone-cell.should{background:var(--nice-bg);border-color:var(--nice);color:var(--nice);font-size:11px;font-weight:700}.zone-cell.shouldnot{background:var(--danger-bg);border-color:var(--danger);color:var(--danger);font-size:11px;font-weight:700}.strength-block{flex-direction:column;gap:8px;display:flex}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{appearance:none;cursor:pointer;border:1.5px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:7px 13px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;display:flex}.pill.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark)}.pill.must-on{border-color:var(--wood);color:var(--wood-dark);background:#f7e9d8}.room{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-alt);padding:22px 18px;overflow-x:auto}.room-inner{flex-direction:column;align-items:center;gap:18px;width:max-content;margin:0 auto;display:flex}.room-body{align-items:stretch;gap:10px;display:flex}.rows-stack{flex-direction:column;gap:18px;display:flex}.window-marker{writing-mode:vertical-rl;text-orientation:mixed;background:var(--window-bg);color:var(--window);border:2px dashed var(--window);letter-spacing:.05em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:26px;padding:10px 4px;font-size:11px;font-weight:700;display:flex}.grid-wrap{gap:7px;display:grid}.cell{width:var(--cell-w,52px);height:var(--cell-h,60px);font-size:var(--cell-font,12px);text-align:center;overflow-wrap:anywhere;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;font-weight:700;display:flex;position:relative}.cell.spacer{visibility:hidden}.cell.builder-empty{color:var(--ink-soft);cursor:pointer;background:#fff6;border:1.5px dashed #8f5a2a73;font-weight:500}.cell.builder-empty:hover{border-color:var(--accent);color:var(--accent-dark)}.cell.desk{border:2px solid var(--wood-dark);cursor:pointer;background:linear-gradient(#fff,#fbf6ec);padding:3px;box-shadow:0 2px #8f5a2a40}.cell.desk.empty-kart{color:var(--ink-soft);box-shadow:none;background:#ffffff8c;border-style:dashed;font-weight:600}.cell.desk.selected{outline:3px solid var(--accent);outline-offset:2px}.cell.desk:focus{outline:3px solid var(--window);outline-offset:2px}.cell.desk.locked{border-color:var(--ink-soft);cursor:default;box-shadow:none;background:repeating-linear-gradient(135deg,#f1ece0,#f1ece0 6px,#e8e1d0 6px 12px)}.cell .rm-badge{background:var(--ink-soft);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-9px;right:-9px;box-shadow:0 1px 3px #00000040}.cell .rm-badge:hover{background:var(--danger)}.cell .lock-badge{color:var(--ink-soft);border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-9px;left:-9px;box-shadow:0 1px 3px #0003}.cell .lock-badge svg{stroke-width:2.4px;width:11px;height:11px}.cell .lock-badge:hover{border-color:var(--wood)}.cell .lock-badge.on{background:var(--wood);color:#fff;border-color:var(--wood)}.kateter-block{background:var(--chalk-green);color:var(--chalk-text);letter-spacing:.03em;box-shadow:0 3px 0 var(--chalk-green-dark), 0 4px 10px #00000026;border:3px solid var(--wood-dark);border-radius:8px;padding:10px 34px;font-family:Caveat,cursive;font-size:20px;font-weight:600}.grid-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:14px;display:flex}.seating-tabs{flex-wrap:wrap;gap:4px;display:flex}.seating-tab{appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:20px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700}.seating-tab:hover{border-color:var(--wood)}.seating-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark)}.weights-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:12px;margin-top:10px;display:grid}.weights-grid input[type=number]{width:100%}.stepper{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:4px 6px;display:flex}.stepper .lbl{color:var(--ink-soft);padding-left:6px;font-size:11.5px;font-weight:700}.stepper button{background:var(--bg-alt);width:24px;height:24px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.stepper button:hover{background:var(--wood-light)}.stepper .count{text-align:center;min-width:16px;font-size:12.5px;font-weight:700}.instruction-banner{background:var(--accent-bg);color:var(--accent-dark);border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.chart-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.chart-layout .room-wrap{flex:560px;max-width:100%}.sidebar{flex:0 0 240px;min-width:230px}.unassigned-list{flex-direction:column;gap:7px;max-height:440px;display:flex;overflow:auto}.unassigned-item{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.unassigned-item:hover{border-color:var(--wood)}.unassigned-item.selected{border-color:var(--accent);background:var(--accent-bg)}.score-box{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.score-box.ok{background:var(--accent-bg);border-color:var(--accent)}.score-box.warn{border-color:var(--wood);background:#fbf0e4}.score-box.danger{background:var(--danger-bg);border-color:var(--danger)}.score-box .num{font-family:Fraunces,serif;font-size:24px;font-weight:700}.warn-list{color:var(--danger);margin:6px 0 0;padding-left:18px;font-size:12.5px}.warn-list li{margin-bottom:3px}.room-legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.room-legend .item{align-items:center;gap:6px;display:flex}.swatch{border-radius:4px;width:14px;height:14px;display:inline-block}.group-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:16px;display:grid}.group-card{background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;min-height:80px;padding:12px}.group-card:hover{border-color:var(--accent)}.group-card-head{align-items:center;gap:6px;margin-bottom:8px;font-family:Fraunces,serif;font-size:14px;font-weight:700;display:flex}.group-member{cursor:pointer;border-radius:7px;align-items:center;gap:6px;margin-bottom:3px;padding:5px 6px;font-size:12.5px;font-weight:600;display:flex}.group-member:hover{background:var(--bg-alt)}.group-member.selected{background:var(--accent-bg);outline:2px solid var(--accent)}.group-member .gm-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rm-badge-inline{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.rm-badge-inline:hover{background:var(--danger-bg);color:var(--danger)}.group-member .lock-badge{flex:none;width:18px;height:18px;position:static}.group-member .lock-badge svg{width:10px;height:10px}.lock-badge{color:var(--ink-soft);border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 1px 3px #0003}.lock-badge:hover{border-color:var(--wood)}.lock-badge.on{background:var(--wood);color:#fff;border-color:var(--wood)}.empty-state{text-align:center;color:var(--ink-soft);padding:34px 10px}.empty-state .big{color:var(--ink);margin-bottom:6px;font-family:Fraunces,serif;font-size:18px}.empty-state svg{width:34px;height:34px;stroke:var(--wood);margin-bottom:8px}@media print{body{background:#fff}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}.room{background:#fff;border-color:#0000}}.modal-overlay{z-index:1000;background:#2b211880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border-radius:var(--radius);width:100%;max-width:380px;padding:22px 24px;box-shadow:0 12px 34px #2b211859}.modal-card p{color:var(--ink);margin:0 0 16px;font-size:14px;line-height:1.5}.modal-card input[type=text]{box-sizing:border-box;width:100%;margin-bottom:16px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn.danger-fill{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-fill:hover{color:#fff;background:#8f3520;border-color:#8f3520}#print-area{display:none}#print-area.show{padding:20px;display:block}#print-area h2{margin-bottom:2px;font-size:20px}#print-area .sub{color:var(--ink-soft);margin-bottom:18px;font-size:12px}
