:root{--bg: #0b0f14;--surface: #141b24;--surface-2: #1c2733;--line: #2a3947;--text: #eef4fa;--muted: #8fa3b8;--accent: #c8ff2e;--accent-ink: #0b0f14;--danger: #ff5c5c;--warn: #ffb020;--ok: #4ade80;--radius: 14px;--tap: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button,input,select{font:inherit;color:inherit}.muted{color:var(--muted)}.brand{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.brand span{color:var(--accent)}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar-right{display:flex;align-items:center;gap:10px}.selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.field,.select{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.field-hint{font-size:.82rem;color:var(--accent)}input,select{min-height:var(--tap);padding:0 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);outline:none}input:focus,select:focus{border-color:var(--accent)}input.big{font-size:2rem;font-weight:700;min-height:76px;text-align:center;letter-spacing:.02em}button{cursor:pointer;border:1px solid transparent;border-radius:var(--radius);min-height:var(--tap);padding:0 18px;font-weight:600;background:var(--surface-2);border-color:var(--line)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}button.ghost{background:transparent}button.link{background:none;border:none;min-height:0;padding:0;color:var(--accent);text-decoration:underline}button:disabled{opacity:.5}.sync{font-size:.85rem;font-weight:700;padding:7px 12px;border-radius:999px;white-space:nowrap}.sync.ok{color:var(--ok);background:#4ade801f}.sync.syncing{color:var(--warn);background:#ffb02024}.sync.offline{color:var(--danger);background:#ff5c5c24}.banner{margin:0;padding:12px 18px;background:#ffb0201f;color:var(--warn);font-size:.92rem;border-bottom:1px solid var(--line)}.banner.danger{background:#ff5c5c1f;color:var(--danger)}.banner ul{margin:8px 0 0;padding-left:18px}.error{color:var(--danger);font-size:.9rem;margin:4px 0 0}.empty{color:var(--muted);text-align:center;padding:48px 18px}.lanes{display:flex;flex-direction:column;gap:10px;padding:16px 18px 40px}.lane{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;text-align:left;padding:14px;min-height:84px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.lane.done{border-left:4px solid var(--accent)}.lane-number{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--surface-2);font-size:1.3rem;font-weight:800}.lane-info{display:flex;flex-direction:column;gap:3px;min-width:0}.lane-name{font-size:1.08rem;font-weight:700}.lane-meta{font-size:.85rem;color:var(--muted)}.lane-score{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lane-score .value{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.lane-score .place{font-size:.78rem;color:var(--muted)}.pill{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:#ffb02029;color:var(--warn)}.pill.danger{background:#ff5c5c29;color:var(--danger)}.sheet-backdrop{position:fixed;inset:0;background:#04070ab8;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:min(560px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0}@media (min-width: 720px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:6px 0 2px;font-size:1.3rem}.sheet-head p{margin:0;font-size:.88rem}.lane-chip{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.sheet-body{display:flex;flex-direction:column;gap:18px;padding:18px;overflow-y:auto}.sheet-foot{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:16px 18px;border-top:1px solid var(--line)}.status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.status-btn{padding:0 8px;font-size:.92rem}.status-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:0 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);font-weight:600}.toggle input{width:24px;height:24px;min-height:0;accent-color:var(--accent)}.login{display:grid;place-items:center;min-height:100%;padding:24px}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.login-card p.muted{margin:-10px 0 4px}.fineprint{margin:0;font-size:.82rem;color:var(--muted);line-height:1.5}