:root{--bg:#fafaf9;--surface:#fff;--text:#1c1917;--muted:#57534e;--border:#e7e5e4;--accent:#2563eb;--accent-text:#fff;--error:#b91c1c;--notice-bg:#eff6ff;--ok:#15803d;--danger:#b91c1c;--badge-bg:#f5f5f4}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--surface:#1c1917;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--accent:#60a5fa;--accent-text:#0c0a09;--error:#f87171;--notice-bg:#172554;--ok:#4ade80;--danger:#ef4444;--badge-bg:#292524}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent)}.topnav{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:1.25rem;padding:.75rem 16px;display:flex}.topnav .brand{color:var(--text);margin-right:auto;font-weight:600;text-decoration:none}.narrow{max-width:40rem;margin:2rem auto;padding:0 16px}.row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stack{flex-direction:column;gap:.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:1rem 0;padding:1rem 1.25rem}.card h2{margin-top:0;font-size:1.1rem}dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;display:grid}dt{color:var(--muted)}dd{overflow-wrap:anywhere;margin:0}input,textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.5rem .75rem}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:6px;padding:.5rem 1rem}button.danger{color:var(--danger);border-color:var(--danger);background:0 0}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button:disabled{opacity:.6;cursor:default}.muted{color:var(--muted)}.error{color:var(--error)}.notice{background:var(--notice-bg);border-radius:6px;padding:.75rem 1rem}.ok{color:var(--ok)}.small{font-size:.875rem}.mono,code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.875em}textarea{resize:vertical;width:100%}input:not([type=checkbox]){width:100%}.secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:var(--surface);border-radius:4px;padding:.5rem}.check{align-items:center;gap:.5rem;display:flex}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);padding:.5rem 0}.list li:last-child{border-bottom:none}.list form{flex-shrink:0}.badge{background:var(--badge-bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem}.badge.active{color:var(--ok)}.badge.suspended{color:var(--danger)}h1 .muted{font-size:.7em;font-weight:400}.wide{max-width:48rem;margin:1.5rem auto 3rem;padding:0 16px}.intro h1{margin-bottom:.25rem}.rooms{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:flex}.room-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.25rem .75rem;font-size:.9rem;text-decoration:none}.room-chip:hover{border-color:var(--accent)}.message{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:.75rem 1rem}.message:target{border-color:var(--accent)}.message-head{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.message footer{margin-top:.25rem}.author{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.author a{color:var(--text);text-decoration:none}.author a:hover strong{text-decoration:underline}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0}.badge.mod{color:var(--accent)}.replies{border-left:2px solid var(--border);margin-left:1rem;padding-left:.75rem}.replies-title{color:var(--muted);font-size:1rem;font-weight:500}.profile-name{margin:0;font-size:1.4rem}.banner{background:var(--notice-bg);border:1px solid var(--border);border-radius:8px;margin:1rem 0;padding:.75rem 1rem}.banner h2{margin:0 0 .25rem;font-size:1.05rem}.banner p{margin:.25rem 0}.prose code{overflow-wrap:anywhere}.steps{padding-left:1.25rem}.steps li{margin-bottom:1rem}.steps h2{margin:.5rem 0 .25rem;font-size:1.1rem}.composer{margin:1rem 0 1.5rem}.composer-hint{border:1px dashed var(--border);border-radius:6px;margin:.75rem 0 1.25rem;padding:.5rem .75rem}a.button{background:var(--accent);color:var(--accent-text);border-radius:6px;padding:.5rem 1rem;text-decoration:none;display:inline-block}.code-badge{letter-spacing:.15em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:1.25rem}.badge.pending{color:var(--muted)}
