.page{max-width:1080px;margin:0 auto;padding:3.5rem 1.25rem 4rem}.hero{text-align:center;max-width:720px;margin:0 auto 3rem}.eyebrow{color:var(--accent);border:1px solid var(--border);background:#8b5cf61f;border-radius:999px;margin-bottom:1.25rem;padding:.3rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;display:inline-block}.hero h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.accent{color:var(--accent)}.lede{color:var(--muted);max-width:620px;margin:1.25rem auto 1.75rem;font-size:1.08rem}.hero-links{justify-content:center;gap:.75rem;display:flex}.btn{cursor:pointer;background:var(--accent-strong);color:#fff;border:1px solid #0000;border-radius:9px;padding:.5rem .95rem;font-size:.92rem;font-weight:600;transition:transform 80ms,filter .15s,background .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.subtle{background:var(--bg-soft);color:var(--text);border-color:var(--border)}.btn.subtle:hover{background:var(--card-hover)}.btn.ghost{color:var(--text);border-color:var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent);text-decoration:none}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;width:6rem;padding:.5rem .7rem;font-size:.92rem;transition:border-color .15s}input:focus{border-color:var(--accent);outline:none}.grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:border-color .2s;display:flex}.card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.card.wide{grid-column:1/-1}.card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card h2{font-size:1.2rem}.tagline{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{border:1px solid var(--border);color:var(--muted);text-transform:capitalize;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.pill-running{color:#22c55e;background:#22c55e1a;border-color:#22c55e66}.pill-running .dot{animation:1.1s ease-in-out infinite pulse}.pill-idle{color:var(--accent);background:#8b5cf61a;border-color:#8b5cf666}.pill-stopped{color:#ef4444;background:#ef44441a;border-color:#ef444466}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.metrics{gap:.75rem;display:flex}.metric{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:.25rem;padding:.9rem;display:flex}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.7rem;font-weight:700}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.bars{flex-direction:column;gap:.6rem;display:flex}.bar-row{grid-template-columns:3.5rem 1fr 2.5rem;align-items:center;gap:.6rem;display:grid}.bar-label{font-size:.85rem;font-weight:600}.bar-track{background:var(--bg-soft);border-radius:999px;height:12px;overflow:hidden}.bar-fill{border-radius:999px;min-width:2px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.bar-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.hint{color:var(--muted);margin:0;font-size:.82rem}.requests{flex-direction:column;gap:.5rem;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.request{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.request .prompt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.request .response{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-style:italic;overflow:hidden}.empty{color:var(--muted);text-align:center;padding:1.5rem;font-size:.9rem}.badge{text-transform:uppercase;letter-spacing:.04em;text-align:center;border-radius:6px;flex-shrink:0;min-width:4.5rem;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.badge-pending{color:#94a3b8;background:#94a3b82e}.badge-started{color:#eab308;background:#eab30829}.badge-finished{color:#22c55e;background:#22c55e29}.footer{text-align:center;color:var(--muted);margin-top:3rem;font-size:.88rem}@media (width<=720px){.grid{grid-template-columns:1fr}.metric-value{font-size:1.4rem}}:root{--bg:#0b0d12;--bg-soft:#12151d;--card:#161a24;--card-hover:#1b2130;--border:#262c3a;--text:#e7eaf0;--muted:#939bad;--accent:#a78bfa;--accent-strong:#8b5cf6;--accent-contrast:#0b0d12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #8b5cf629, transparent 60%), var(--bg);min-height:100vh;margin:0}h1,h2{letter-spacing:-.02em;margin:0;font-weight:700}code{color:var(--accent);background:#8b5cf624;border-radius:5px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}@media (prefers-color-scheme:light){:root{--bg:#f7f8fb;--bg-soft:#eef0f6;--card:#fff;--card-hover:#fbfbfe;--border:#e3e6ef;--text:#1a1f2b;--muted:#667085;--accent:#7c3aed;--accent-strong:#6d28d9}}