:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--surface:#fff;--border:#e2e8f0;--accent:#0f766e;--accent-fg:#fff;--ok:#15803d;--error:#b91c1c;--warn-bg:#fef3c7;--warn-fg:#78350f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--surface:#1e293b;--border:#334155;--ok:#4ade80;--error:#f87171;--warn-bg:#422006;--warn-fg:#fde68a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.45}.bar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--accent);color:var(--accent-fg);justify-content:space-between;align-items:center;gap:12px;display:flex}.bar h1{margin:0;font-size:1.15rem}.badge{background:#ffffff2e;border-radius:999px;padding:2px 10px;font-size:.8rem}.badge[data-state=offline]{background:var(--warn-bg);color:var(--warn-fg)}.update{background:var(--warn-bg);color:var(--warn-fg);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.update[hidden]{display:none}main{padding:16px}main.narrow{max-width:24rem;margin:0 auto}.muted{color:var(--muted)}footer{padding:16px;font-size:.8rem}.videos{margin:0;padding:0;list-style:none}.videos li{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 0;display:flex}.videos .title{overflow-wrap:anywhere}.videos .muted{font-size:.85rem}label{margin-bottom:4px;display:block}input.code{letter-spacing:.15em;text-align:center;text-transform:uppercase;background:var(--surface);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px;font:1.6rem ui-monospace,monospace}button{font:inherit;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:8px 16px}form button{width:100%;margin-top:12px;padding:12px;font-size:1.05rem}.message{min-height:1.5em}.message.ok{color:var(--ok)}.message.error{color:var(--error)}