:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-green:#1f883d;--brand-green-dim:#238636;--brand-ink:#1c1d21;--brand-paper:#f6f7f9;--gray-0:#fff;--gray-50:#e9eaee;--gray-200:#dfe2e8;--gray-300:#a1a6b3;--gray-600:#5d6270;--gray-800:#2c2e37;--gray-900:#1b1c22;--gray-950:#111216;--surface:var(--brand-paper);--card:var(--gray-0);--border:var(--gray-200);--text:var(--brand-ink);--muted:var(--gray-600);--accent:var(--brand-green);--accent-text:var(--gray-0);--radius:.75rem;--space:1rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:var(--gray-950);--card:var(--gray-900);--border:var(--gray-800);--text:var(--gray-50);--muted:var(--gray-300);--accent:var(--brand-green-dim);--accent-text:var(--gray-0)}}*{box-sizing:border-box}body{background:var(--surface);color:var(--text);margin:0;font:16px/1.5 system-ui,sans-serif}.site-header,main{max-width:56rem;padding:var(--space);margin:0 auto}.site-header{justify-content:space-between;align-items:baseline;gap:var(--space);display:flex}.muted{color:var(--muted)}.banner,.empty-state,.recording{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space)}.button{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:.5rem 1rem;text-decoration:none;display:inline-block}.recordings{gap:var(--space);display:grid}.recording h2{margin:0;font-size:1.125rem}.start-url{color:var(--muted);overflow-wrap:anywhere;margin:.25rem 0 .75rem}.recording dl{gap:.25rem var(--space);grid-template-columns:max-content 1fr;margin:0;display:grid}.recording dt{color:var(--muted)}.recording dd{margin:0}