:root{--bg:#faf9f7;--fg:#1c1a19;--dim:#6b6560;--line:#e4e0da;--card:#fff;--accent:#7c4a3a;--warn:#9a2c2c;--ok:#2f6b4f;--warn-bg:#fbeeee;--ok-bg:#eaf4ee;--active:#f3eee9}@media(prefers-color-scheme:dark){:root{--bg:#151312;--fg:#ece8e3;--dim:#948d86;--line:#2c2926;--card:#1e1b1a;--accent:#d99f86;--warn:#e08585;--ok:#7fbf9d;--warn-bg:#2a1b1b;--ok-bg:#1b2a21;--active:#26221f}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:7px;padding:.5rem .9rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--warn);border-color:var(--warn)}button.link{border:0;background:none;color:var(--accent);padding:0}input,textarea{width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}textarea{resize:vertical;line-height:1.5}.dim{color:var(--dim)}.small{font-size:.82rem}.warn{color:var(--warn)}.pad{padding:1rem}.pill{border:1px solid var(--line);border-radius:99px;padding:.05rem .55rem;font-size:.75rem;white-space:nowrap}.pill.warn{border-color:var(--warn);color:var(--warn)}.gate{max-width:26rem;margin:12vh auto;padding:0 1.25rem}.gate h1{font-size:1.2rem;margin:0 0 .5rem}.gate form{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.shell{display:flex;flex-direction:column;height:100%}header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:var(--card)}header nav a{margin-right:1rem;text-decoration:none;color:var(--dim);padding:.25rem 0;border-bottom:2px solid transparent}header nav a.on{color:var(--fg);border-color:var(--accent)}header .brand{font-weight:600}.who{display:flex;gap:.75rem;align-items:center;font-size:.9rem}.empty{padding:2rem 1.25rem;max-width:40rem}.split{display:grid;grid-template-columns:minmax(18rem,26rem) 1fr;flex:1;min-height:0}.list{border-right:1px solid var(--line);overflow:auto}.list-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg)}.list ul{list-style:none;margin:0;padding:0}.row{padding:.7rem 1rem;border-bottom:1px solid var(--line);cursor:pointer}.row.active{background:var(--active)}.row.esc{border-left:3px solid var(--warn)}.row .meta,.comment .meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--dim);margin-bottom:.2rem;align-items:center}.row .line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soon{color:var(--warn)}.expired{padding:.75rem 1rem;border-top:1px solid var(--line)}.expired ul{margin-top:.5rem}.expired .row{opacity:.75}.detail{overflow:auto;padding:1rem 1.25rem 4rem;max-width:44rem}.back{display:none;margin-bottom:.75rem}.band{background:var(--warn-bg);border-left:3px solid var(--warn);padding:.6rem .8rem;border-radius:6px;margin-bottom:1rem}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600}.post-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem}.post{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:.75rem .9rem;margin-bottom:1rem}.post img{display:block;max-width:100%;max-height:22rem;border-radius:6px;margin:.25rem 0 .5rem}.caption{margin:.25rem 0 0;white-space:pre-wrap;font-size:.9rem;color:var(--dim)}.comment blockquote{margin:.3rem 0 .4rem;padding:.5rem .9rem;border-left:3px solid var(--accent);white-space:pre-wrap;background:var(--card);border-radius:0 6px 6px 0}.flags{background:var(--warn-bg);border-radius:8px;padding:.6rem .9rem;margin:1rem 0;font-size:.88rem}.flags ul{margin:.3rem 0 0;padding-left:1.1rem}.reply{margin-top:1.25rem}.actions{display:flex;gap:.6rem;margin-top:.75rem}.outcome{margin-top:1.25rem;padding:.75rem .9rem;border-radius:8px;background:var(--ok-bg)}.outcome.warn{background:var(--warn-bg);color:var(--fg)}@media(max-width:760px){.split{grid-template-columns:1fr}.split.has-detail .list{display:none}.list{border-right:0}.back{display:inline}.detail{max-width:none;padding:.9rem 1rem 4rem}}