:root{--bg:#0d1117;--panel:#161b22;--line:#262d38;--text:#e6edf3;--muted:#8b98a8;--accent:#4cc9b0;--on-accent:#0d1117;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#f6f8fa;--panel:#fff;--line:#d8dee4;--text:#1f2328;--muted:#59636e;--accent:#0b7a68;--on-accent:#fff;color-scheme:light}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;max-width:720px;margin:0 auto;padding:40px 16px 48px}
a{color:var(--accent)}
.eyebrow{font:12px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;color:var(--accent)}
h1{font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:4px 0 8px}
.lede{color:var(--muted);max-width:56ch}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:28px 0 12px;overflow-x:auto}
.tabs a{padding:10px 14px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;font-weight:500;white-space:nowrap;margin-bottom:-1px}
.tabs a:hover{color:var(--text)}
.tabs a[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}
.n{display:inline-block;min-width:20px;padding:0 6px;margin-left:2px;border-radius:999px;border:1px solid var(--line);font-size:12px;line-height:18px;text-align:center}
.visit{font-size:14px;color:var(--muted);margin-bottom:16px}
.visit b{color:var(--accent);font-weight:600}
.list{list-style:none;display:grid;gap:12px}
.item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.msg{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}
.meta{margin-top:8px;font-size:13px;color:var(--muted)}
.name{color:var(--text);font-weight:600}
.name.anon{color:var(--muted);font-weight:500;font-style:italic}
.reply{margin-top:12px;padding:10px 12px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 8px 8px 0}
.reply .who{display:block;font:600 12px ui-monospace,Menlo,Consolas,monospace;color:var(--accent);margin-bottom:2px}
.reply p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.empty{color:var(--muted);text-align:center;padding:40px 16px;border:1px dashed var(--line);border-radius:12px}
footer{margin-top:40px;text-align:center;font-size:14px;color:var(--muted)}
footer a{color:inherit}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}