:root{--bg: #f5f6f8;--surface: #ffffff;--line: #e6e8ec;--text: #1c2330;--muted: #7a8499;--accent: #4f6df5;--accent-soft: #eef1fe;--green: #1aa260;--green-soft: #e6f6ee;--red: #e1495b;--red-soft: #fdecee;--amber: #c98a16;--shadow: 0 1px 2px rgba(20, 30, 60, .04), 0 6px 20px rgba(20, 30, 60, .05);--radius: 14px}*{box-sizing:border-box}html,body{margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}button{cursor:pointer;border:none;border-radius:10px;padding:9px 14px;background:var(--accent);color:#fff;font-size:14px;font-weight:550;transition:filter .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.05)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line);font-weight:500}button.ghost:hover:not(:disabled){background:var(--bg);filter:none}input,select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 11px;font-size:14px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input.num{width:70px;text-align:center}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--red)}.topbar{display:flex;align-items:center;gap:10px;padding:14px 22px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:17px;cursor:pointer;letter-spacing:-.02em}.tagline{color:var(--muted);font-size:13px}.home{max-width:460px;margin:8vh auto 0;padding:0 18px;display:grid;gap:18px}.home-hero{text-align:center;margin-bottom:6px}.home-hero h1{font-size:26px}.home-hero p{color:var(--muted);margin:8px 0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;display:grid;gap:12px}.card h2{font-size:16px}.card .muted{font-size:13px;margin:-4px 0 0}.divider{text-align:center;color:var(--muted);font-size:13px}.room{max-width:1320px;margin:0 auto;padding:22px}.room-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.room-head h2{font-size:22px}.code-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-top:4px}.roomcode{background:var(--accent-soft);color:var(--accent);font-weight:650;padding:3px 12px;border-radius:8px;font-size:15px;cursor:pointer;letter-spacing:1.5px;font-family:ui-monospace,monospace}.roomcode:hover{filter:brightness(.97)}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}.dot.open{background:var(--green)}.dot.connecting,.dot.closed{background:var(--amber)}.dot.error{background:var(--red)}.room-body{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.left-col{display:grid;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.section+.section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.section-title{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:10px}.row,.inline{display:flex;align-items:center;gap:8px}.row{margin:7px 0}.inline{margin-top:10px}.inline input:first-child{flex:1}.unit{color:var(--muted);font-size:13px}.del{background:transparent;color:var(--muted);padding:4px 8px;font-size:18px;border-radius:8px}.del:hover:not(:disabled){background:var(--red-soft);color:var(--red);filter:none}.iconbtn{background:var(--accent-soft);color:var(--accent);padding:9px 13px}.iconbtn:hover:not(:disabled){filter:brightness(.97)}.days-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:550}.chip input{display:none}.slot-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.slot-tag{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 4px 3px 10px;font-size:12px;display:inline-flex;align-items:center;gap:2px}.slot-tag button{background:transparent;color:var(--muted);padding:0 4px;font-size:15px}.slot-tag button:hover{color:var(--red);filter:none}.grid-scroll{overflow:auto;border-radius:10px}table.grid{border-collapse:separate;border-spacing:0;width:100%}.grid th,.grid td{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.grid thead th{padding:10px 8px;font-size:13px;font-weight:600;background:var(--bg);position:sticky;top:0;z-index:1;border-top:1px solid var(--line)}.grid thead th:first-child{border-left:1px solid var(--line);border-top-left-radius:10px}.grid thead th:last-child{border-top-right-radius:10px}.time-col{width:62px;min-width:62px;font-size:11px;color:var(--muted);text-align:center;padding:6px 4px;background:var(--bg);border-left:1px solid var(--line);font-variant-numeric:tabular-nums}.cell{vertical-align:top;min-width:124px;height:58px;padding:4px;background:var(--surface)}.cell.conflict{background:var(--red-soft);box-shadow:inset 3px 0 0 var(--red)}.assign{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:3px 4px 3px 8px;margin-bottom:4px;font-size:12px;font-weight:550}.assign-text small{color:var(--accent);opacity:.7;font-weight:400}.assign button{background:transparent;color:var(--accent);padding:0 4px;font-size:14px;opacity:.7}.assign button:hover{opacity:1;filter:none}.add-cell{width:100%;background:transparent;color:var(--muted);border:1px dashed var(--line);padding:4px;font-size:15px;border-radius:8px}.add-cell:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);filter:none}.picker{display:grid;gap:5px;background:var(--bg);padding:7px;border-radius:8px;border:1px solid var(--line)}.picker select{font-size:12px;padding:6px}.picker-actions{display:flex;gap:5px}.picker-actions button{flex:1;padding:6px;font-size:12px}.warn{color:var(--amber);margin:12px 2px 0;font-size:13px}.empty-hint{color:var(--muted);text-align:center;padding:40px 16px}.stat{margin:12px 0}.stat-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.stat-name{font-weight:600}.stat-num{font-variant-numeric:tabular-nums;color:var(--muted)}.stat-num.done{color:var(--green)}.stat-num.over{color:var(--red)}.bar{height:8px;background:var(--bg);border-radius:5px;overflow:hidden;margin:5px 0}.bar-fill{height:100%;border-radius:5px;transition:width .25s ease}.bar-fill.partial{background:var(--accent)}.bar-fill.done{background:var(--green)}.bar-fill.over{background:var(--red)}.stat-foot{font-size:11px;color:var(--muted)}.stat-foot.done{color:var(--green)}.stat-foot.over{color:var(--red)}@media (max-width: 880px){.room-body{grid-template-columns:1fr}.room{padding:16px}}