:root{--accent: #7c3aed;--accent-contrast: #ffffff;--surface: #ffffff;--background: #f5f3ff;--text: #0f172a;--muted: #6b7280;--border: #e5e7eb;--error: #b91c1c;--radius: 16px;--gap: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--background)}@media (prefers-color-scheme: dark){:root{--surface: #1e1b2e;--background: #12101c;--text: #f1f5f9;--muted: #a1a1aa;--border: #2e2a40;--error: #f87171}}body{margin:0;background:var(--background)}main{max-width:680px;margin:0 auto;padding:var(--gap)}.narrow{max-width:420px;margin-top:10vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px var(--gap);background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:800;color:var(--accent)}form{display:grid;gap:var(--gap)}label{display:grid;gap:6px;font-weight:600}input{font:inherit;padding:12px 16px;border-radius:999px;border:1px solid var(--muted);background:var(--background);color:var(--text)}input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:700;padding:12px 20px;border-radius:999px;border:0;background:var(--accent);color:var(--accent-contrast);cursor:pointer}button:disabled{opacity:.5;cursor:default}.error{color:var(--error)}.notice{color:var(--muted)}.posts{list-style:none;padding:0;display:grid;gap:var(--gap)}.posts header{display:flex;justify-content:space-between;gap:var(--gap);color:var(--muted)}.posts strong{color:var(--text)}.post-text{white-space:pre-wrap;overflow-wrap:anywhere}.posts img{max-width:100%;border-radius:12px}.topbar{flex-wrap:wrap;gap:8px}.tabs{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.tabs a{display:block;padding:8px 12px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:600}.tabs a[aria-current=page]{background:var(--accent);color:var(--accent-contrast)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--gap)}.chip{background:var(--surface);color:var(--text);border:1px solid var(--border)}.chip.selected{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.meta{color:var(--muted);margin:6px 0 0}.unread{border-color:var(--accent)}.badge{color:var(--accent);font-weight:700}button.link{background:none;color:var(--accent);padding:0;text-decoration:underline;font-weight:600}.details{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.composer{display:grid;gap:var(--gap);margin-bottom:var(--gap)}textarea{font:inherit;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--muted);background:var(--background);color:var(--text);resize:vertical}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.metric-value{font-size:2rem;font-weight:800;margin:4px 0}.signal{margin:0;font-weight:700}.metric.urgent{border-color:var(--error)}.metric.urgent .signal{color:var(--error)}.metric.attention .signal{color:var(--accent)}select{font:inherit;padding:10px 16px;border-radius:999px;border:1px solid var(--muted);background:var(--background);color:var(--text);margin-bottom:var(--gap)}
