:root{color-scheme:light;--background: #f4f6f8;--surface: #ffffff;--text: #15202b;--muted: #5f6b76;--border: #d8dee4;--accent: #3157d5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{color-scheme:dark;--background: #101418;--surface: #181e24;--text: #ecf1f6;--muted: #a7b2bd;--border: #303943;--accent: #8da6ff}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text)}.shell{min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--surface)}.brand{color:var(--text);font-weight:800;letter-spacing:.12em;text-decoration:none}.actions{display:flex;gap:1rem;align-items:center}.status{color:var(--muted);font-size:.875rem}.status-online{color:#168344}.status-error{color:#c33b32}button{border:1px solid var(--border);border-radius:.5rem;padding:.55rem .8rem;background:var(--surface);color:var(--text);cursor:pointer}main{max-width:960px;margin:0 auto;padding:5rem 2rem}.panel{border:1px solid var(--border);border-radius:1rem;background:var(--surface);padding:2.5rem}.panel h1{margin:.25rem 0 1rem;font-size:clamp(2rem,5vw,3.75rem)}.panel p{color:var(--muted);max-width:58ch;line-height:1.6}.eyebrow{color:var(--accent)!important;font-size:.75rem;font-weight:800;letter-spacing:.12em}@media(max-width:600px){header{align-items:flex-start;gap:1rem;padding:1rem}.actions{align-items:flex-end;flex-direction:column}main{padding:2rem 1rem}}