:root{color-scheme:light dark;--bg: #fbfaf7;--fg: #1d1b16;--muted: #6b665c;--line: #e0dcd2;--card: #ffffff}@media(prefers-color-scheme:dark){:root{--bg: #17160f;--fg: #f2efe6;--muted: #9d968a;--line: #322f26;--card: #201e16}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:32px 0 8px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.n{font-size:26px;font-weight:600}.btn{font:inherit;cursor:pointer;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg)}.btn:hover{border-color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}ul{padding-left:18px}li{margin:6px 0}.wrap{max-width:1040px}.small{font-size:13px}.between{justify-content:space-between}.btn.on{border-color:var(--fg)}.btn.small{padding:4px 10px;font-size:13px}.support{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:12px;align-items:start}@media(max-width:720px){.support{grid-template-columns:1fr}}.threads{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.threads li{margin:0}.thread-row{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card)}.thread-row.on{border-color:var(--fg)}.thread-row .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:#fe810b;flex:none}.thread{display:flex;flex-direction:column;gap:10px}.messages{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;padding:4px 0}.msg{max-width:80%;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);white-space:pre-wrap;overflow-wrap:anywhere}.msg.out{align-self:flex-end;border-color:var(--muted)}.attach{display:block;max-width:100%;max-height:320px;border-radius:8px;margin-top:6px}textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}
