:root{--accent:#3fd0ff;--bg:#070a0c;--surface:#0e1418;--surface-raised:#111b20;--text:#d8e6ee;--muted:#7b8d97;--line:color-mix(in oklab,var(--accent) 22%,transparent);--danger:#ff6b6b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:20px;--space-5:32px;--space-6:52px;--space-7:84px;--radius:2px;--ui:ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,"Cascadia Code","SFMono-Regular",monospace}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--ui)}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -15%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 30rem),var(--bg)}button,input{font:inherit}button,a{touch-action:manipulation}.skip{position:fixed;left:var(--space-3);top:-80px;background:var(--accent);color:#00131d;padding:var(--space-2);z-index:4}.skip:focus{top:var(--space-3)}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.rail{border-right:1px solid var(--line);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);background:#090e11}.brand{display:flex;gap:var(--space-3);align-items:center;color:var(--text);font:700 12px/1 var(--mono);letter-spacing:.13em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);color:var(--accent);font-size:19px;box-shadow:inset 0 0 18px color-mix(in oklab,var(--accent) 11%,transparent)}.eyebrow,.kicker{margin:0;color:var(--muted);font:600 10px/1.2 var(--mono);letter-spacing:.13em}.project-nav{display:grid;gap:var(--space-3)}.project-list{display:grid;gap:2px}.project-item,.new-project,.quiet,.login,.primary{border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none}.project-item{width:100%;text-align:left;background:transparent;color:var(--text);padding:10px var(--space-2);font:500 13px var(--mono)}.project-item:hover,.project-item[aria-current=true]{background:color-mix(in oklab,var(--accent) 9%,transparent);border-color:var(--line)}.new-project,.quiet{background:transparent;color:var(--muted);padding:9px var(--space-2);text-align:left;font:600 12px var(--mono)}.new-project{border:1px dashed var(--line);color:var(--accent)}.quiet:hover{color:var(--text)}.rail-foot{margin-top:auto;display:grid;gap:var(--space-3)}.suite{color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.main{padding:var(--space-5) clamp(var(--space-4),5vw,var(--space-7));max-width:1560px}.topbar{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:var(--space-5)}h1{font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.08;max-width:850px;margin:var(--space-3) 0 0;letter-spacing:-.035em}h2{font-size:clamp(1.8rem,4.2vw,3.8rem);line-height:1.04;letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-4)}.login,.primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-3);background:var(--accent);color:#00131d;border-color:var(--accent);font:700 12px var(--mono)}.login:hover,.primary:hover{filter:brightness(1.12)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.37fr);gap:var(--space-5);padding-top:var(--space-6)}.start-panel{padding:0 0 var(--space-7);max-width:760px}.start-panel>p:not(.kicker){color:var(--muted);font-size:17px;line-height:1.58;max-width:640px;margin:0 0 var(--space-5)}.kicker{color:var(--accent)}.boundary{border-left:1px solid var(--accent);align-self:start;padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 6%,transparent),transparent)}.boundary dl{display:grid;gap:var(--space-4);margin:var(--space-5) 0 0}.boundary dt{font:600 12px var(--mono);color:var(--text)}.boundary dd{margin:var(--space-1) 0 0;color:var(--muted);font-size:14px;line-height:1.5}.overview{display:grid;gap:var(--space-5)}.project-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:end}.project-head h2{margin:var(--space-2) 0 0;font-size:clamp(2rem,5vw,4.5rem)}.status{border:1px solid var(--line);color:var(--accent);padding:var(--space-1) var(--space-2);font:600 11px var(--mono);white-space:nowrap}.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-4)}.panel{border-top:1px solid var(--line);padding-top:var(--space-3)}.panel h3{margin:0 0 var(--space-3);font-size:14px;font-family:var(--mono);letter-spacing:.03em}.panel p{color:var(--muted);line-height:1.55;margin:0}.table{width:100%;border-collapse:collapse;font:13px var(--mono)}.table th{color:var(--muted);font-weight:500;text-align:left;padding:var(--space-2) 0}.table td{padding:10px 0;border-top:1px solid color-mix(in oklab,var(--text) 8%,transparent)}.state{display:inline-flex;gap:var(--space-2);align-items:center;font:12px var(--mono);color:var(--muted)}.state::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.state.live::before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.empty{border:1px dashed var(--line);padding:var(--space-5);color:var(--muted);font:14px/1.55 var(--mono)}.error{display:block;min-height:1.3em;color:var(--danger);font:12px/1.4 var(--mono)}dialog{width:min(520px,calc(100% - 32px));background:var(--surface);color:var(--text);border:1px solid var(--line);padding:var(--space-4);box-shadow:0 16px 70px #000}dialog::backdrop{background:#000b}dialog form{display:grid;gap:var(--space-4)}.dialog-title,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}label{display:grid;gap:var(--space-2);font:600 12px var(--mono)}input{background:#080c0f;color:var(--text);border:1px solid var(--line);border-radius:0;padding:11px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.help{margin:calc(var(--space-2)*-1) 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:760px){.shell{display:block}.rail{min-height:auto;padding:var(--space-3);gap:var(--space-3);border-right:0;border-bottom:1px solid var(--line)}.project-nav{grid-template-columns:auto 1fr auto;align-items:center}.project-nav>.eyebrow{display:none}.project-list{display:flex;overflow:auto}.project-item{white-space:nowrap}.new-project{white-space:nowrap}.rail-foot{display:none}.main{padding:var(--space-5) var(--space-4)}.topbar{display:grid}.login{justify-self:start}.workspace,.grid{grid-template-columns:1fr}.workspace{padding-top:var(--space-5)}.boundary{border-left:0;border-top:1px solid var(--accent);padding:var(--space-4) 0}.table{font-size:12px}}@media(prefers-reduced-motion:no-preference){.project-item,.login,.primary{transition:background-color 150ms cubic-bezier(.2,.8,.2,1),filter 150ms cubic-bezier(.2,.8,.2,1)}}