:root{--bg:#0f1419;--bg-elevated:#1a222c;--bg-soft:#243040;--text:#e8eef4;--muted:#8fa3b8;--accent:#3d9cf0;--accent-dim:#2a6fad;--danger:#e85d5d;--ok:#3ecf8e;--warn:#e6b84d;--border:#2e3d4f;--radius:12px;--font:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1c3a5a 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#1a2f28 0,transparent 50%),var(--bg);color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:960px;margin:0 auto;padding:1.25rem 1rem 3rem}.brand{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}.brand h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.brand span{color:var(--muted);font-size:.85rem}.card{background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stack{flex-direction:column}.row,.stack{display:flex;gap:.75rem}.row{flex-wrap:wrap;align-items:center}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}input,select,textarea{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .8rem}textarea{min-height:160px;resize:vertical;font-family:var(--mono);font-size:.85rem;line-height:1.45}.btn{border:none;border-radius:8px;padding:.7rem 1rem;background:var(--accent);color:#061018;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#1a0606}.btn.ok{background:var(--ok);color:#04140c}.nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.nav a,.nav button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.45rem .9rem;font-size:.9rem}.nav a.active{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.status-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;background:var(--bg-soft);border:1px solid var(--border)}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 0 rgba(232,93,93,.6);animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,93,93,.55)}70%{box-shadow:0 0 0 12px rgba(232,93,93,0)}to{box-shadow:0 0 0 0 rgba(232,93,93,0)}}.side-by-side{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:800px){.side-by-side{grid-template-columns:1fr 1fr}}.list{list-style:none;margin:0;padding:0}.list li{border-bottom:1px solid var(--border);padding:.85rem 0}.timer{font-family:var(--mono);font-size:1.75rem;letter-spacing:.04em}