:root{--bg:#f5f6f8;--card:#fff;--text:#17191c;--muted:#777d87;--line:#e5e8ec;--accent:#6657ff;--danger:#d9344c;--shadow:0 10px 34px rgba(27,31,42,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#121317;--card:#1c1e24;--text:#f2f3f5;--muted:#9ca1ab;--line:#30333b;--shadow:none;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.shell{max-width:760px;margin:auto;padding:22px 16px 130px}.top{display:flex;align-items:end;justify-content:space-between;padding:6px 2px 18px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.13em;font-weight:800}.top h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 0}.count{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-weight:700}.post{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:22px;color:var(--muted);line-height:1.45;box-shadow:var(--shadow)}.comments{display:flex;flex-direction:column;gap:10px}.comment{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 0}.comment.child{margin-left:38px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#8b7fff,#4f42d7);display:grid;place-items:center;color:white;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bubble{background:var(--card);border:1px solid var(--line);padding:11px 13px;border-radius:5px 17px 17px;min-width:0}.meta{display:flex;gap:8px;align-items:baseline}.name{font-weight:750;font-size:14px}.time{font-size:12px;color:var(--muted)}.text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42;margin-top:5px}.reply-button{border:0;background:transparent;color:var(--accent);font-weight:650;padding:7px 0 0;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:42px 16px}.empty span{display:block;font-size:40px}.empty strong{display:block;color:var(--text);margin:10px}.empty p{margin:0}.composer{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:760px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);display:flex;gap:8px;border-top:1px solid var(--line)}textarea{flex:1;resize:none;max-height:132px;border:1px solid var(--line);border-radius:20px;padding:11px 15px;background:var(--card);color:var(--text);font:inherit;outline:none}textarea:focus{border-color:var(--accent)}.send{width:44px;height:44px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:19px;cursor:pointer}.send:disabled{opacity:.5}.reply-preview{position:absolute;left:16px;right:16px;bottom:100%;background:var(--card);border:1px solid var(--line);border-radius:12px 12px 0 0;padding:8px 12px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between}.reply-preview button{border:0;background:transparent;font-size:20px;color:var(--muted)}.notice{background:#fff1f3;color:#a5162d;border:1px solid #ffcbd3;border-radius:12px;padding:11px 14px;margin-bottom:12px}.hidden{display:none!important}.honeypot{position:absolute;left:-9999px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skeleton{animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.55}}@media(max-width:480px){.shell{padding-left:12px;padding-right:12px}.top h1{font-size:27px}.comment.child{margin-left:24px}}