:root{color-scheme:dark;--bg:#101b20;--panel:#16272d;--line:#304349;--text:#e5eeee;--muted:#a0b3b9;--green:#78c5ac;--amber:#e2bb78;--red:#e69494;--cyan:#91cad8}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#26413980,transparent 55%),linear-gradient(120deg,#101b20,#0b151b);color:var(--text);font-family:Bahnschrift,"Aptos",sans-serif;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-weight:500;letter-spacing:-.04em;font-size:clamp(34px,5vw,58px);line-height:1.12}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:24px}.intro{color:var(--muted);font-size:18px}.surface{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:24px}.login-shell{max-width:540px;margin:10vh auto;padding:24px}label{display:block;color:var(--muted);font-size:13px}input,select,button{font:inherit;border-radius:6px;border:1px solid var(--line);padding:11px 14px;background:#12232b;color:var(--text);max-width:100%}input{width:100%;margin:8px 0 16px}button{cursor:pointer}button:hover{border-color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.login-shell button{background:var(--green);color:#102b21;width:100%;font-weight:700}.fine,#loginStatus{font-size:12px;color:var(--muted);margin:18px 0 0}a{color:var(--cyan)}.app-shell{width:min(1300px,calc(100% - 40px));margin:32px auto}.app-header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}.app-header h1{font-size:30px;margin:0}.app-header .eyebrow{margin-bottom:8px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-grid h2{font-size:21px}.module{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-top:1px solid var(--line)}.module small{grid-column:1/-1;color:var(--muted)}.state-ready{color:var(--green)}.state-waiting{color:var(--amber)}.state-blocked{color:var(--red)}.state-tracking,.state-idle{color:var(--muted)}.app-note{padding:14px 18px;border-left:2px solid var(--amber);background:#242a28;color:#dbcfb7;margin-bottom:24px}.app-meta{color:var(--muted);font-size:12px;margin-bottom:20px}@media(max-width:900px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.client-grid{grid-template-columns:1fr}.app-header{align-items:start}.app-shell{width:calc(100% - 28px)}.surface{padding:18px}}
