:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:light dark;--fg: #1a1a1a;--muted: #6b7280;--bg: #fafafa;--card: #fff;--border: #e5e7eb}@media (prefers-color-scheme: dark){:root{--fg: #f3f4f6;--muted: #9ca3af;--bg: #0b0b0c;--card: #161618;--border: #27272a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}header h1{margin:0 0 .25rem;font-size:1.4rem}.status{margin:0 0 1.5rem;color:var(--muted);font-size:.85rem}.banner{margin:0 0 1rem;padding:.55rem .8rem;border-radius:8px;font-size:.82rem;border:1px solid var(--border)}.banner.protected{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.banner.failclosed{color:#991b1b;background:#fef2f2;border-color:#fecaca}@media (prefers-color-scheme: dark){.banner.protected{color:#86efac;background:#0f1f14;border-color:#14532d}.banner.failclosed{color:#fca5a5;background:#1f1212;border-color:#7f1d1d}}.empty{color:var(--muted)}.feed{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.feed li{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem}.feed time{display:block;color:var(--muted);font-size:.72rem;margin-bottom:.35rem}.feed p{margin:0;white-space:pre-wrap;word-break:break-word}footer{margin-top:2.5rem;color:var(--muted);font-size:.75rem;text-align:center}.geo{margin:0 0 1rem;color:var(--muted);font-size:.8rem}.back{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0 0 .5rem}.filter{width:100%;padding:.55rem .7rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--fg);font:inherit;box-sizing:border-box}.channels{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.channels button{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;cursor:pointer;color:var(--fg);display:flex;flex-direction:column;gap:.2rem}.channels button:hover{border-color:var(--muted)}.channels .name{font-weight:600}.channels .meta{color:var(--muted);font-size:.78rem}