:root{--ground:#eef2f0;--surface:#fff;--sunken:#e4eae7;--ink:#14201c;--muted:#5a6a64;--line:#d3dcd8;--accent:#0f6b5c;--accent-ink:#fff;--safe:#1c7f46;--safe-bg:#e2f3e8;--adult:#a85d06;--adult-bg:#fbecd3;--danger:#c0263a;--danger-bg:#fbe1e4;--spam:#7a4aa8;--spam-bg:#efe4f8;--review:#55636e;--review-bg:#e3e8ec;--shadow:0 1px 2px #14201c0f, 0 8px 24px -12px #14201c2e;--ease:cubic-bezier(.2, 0, 0, 1);--display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--body:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0e1412;--surface:#161e1b;--sunken:#1d2723;--ink:#e5ece9;--muted:#93a39d;--line:#2a3632;--accent:#4fc4ae;--accent-ink:#06201b;--safe:#5fd08c;--safe-bg:#15301f;--adult:#f0ae52;--adult-bg:#36260d;--danger:#ff7d8d;--danger-bg:#3a151b;--spam:#c59bf0;--spam-bg:#2a1c3a;--review:#a7b4be;--review-bg:#232c33;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}:root[data-theme=dark]{--ground:#0e1412;--surface:#161e1b;--sunken:#1d2723;--ink:#e5ece9;--muted:#93a39d;--line:#2a3632;--accent:#4fc4ae;--accent-ink:#06201b;--safe:#5fd08c;--safe-bg:#15301f;--adult:#f0ae52;--adult-bg:#36260d;--danger:#ff7d8d;--danger-bg:#3a151b;--spam:#c59bf0;--spam-bg:#2a1c3a;--review:#a7b4be;--review-bg:#232c33;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);color:var(--ink);font:400 15px/1.5 var(--body);flex-direction:column;gap:16px;padding-block:16px;padding-inline:16px;display:flex}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.brand{align-items:baseline;gap:10px;margin-right:auto;display:flex}.brand h1{font:700 26px/1 var(--display);letter-spacing:-.02em;margin:0}.brand span{color:var(--muted);font-size:13px}.preview-note{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);border-radius:6px;padding:6px 8px}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip{font:700 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:var(--c-bg);color:var(--c);border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip[data-v=safe]{--c:var(--safe);--c-bg:var(--safe-bg)}.chip[data-v=bad],.chip[data-v=nsfw]{--c:var(--danger);--c-bg:var(--danger-bg)}.chip[data-v=adult]{--c:var(--adult);--c-bg:var(--adult-bg)}.chip[data-v=spam]{--c:var(--spam);--c-bg:var(--spam-bg)}.chip[data-v=review]{--c:var(--review);--c-bg:var(--review-bg)}.chip[data-v=all]{--c:var(--ink);--c-bg:var(--sunken)}.chip[data-v=all]:before{display:none}.chip[data-v=judging]{--c:var(--muted);--c-bg:var(--sunken)}.chip[data-v=judging]:before{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}button.chip{transition:scale .15s var(--ease), box-shadow .15s var(--ease);padding:7px 10px}button.chip:active{scale:.96}button.chip[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--c)}.chip b{opacity:.7;font-weight:700}.stage{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;display:grid}.room{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.feed{flex-direction:column;flex:1;gap:4px;min-height:0;padding:18px;display:flex;overflow-y:auto}.msg{text-align:left;width:100%;transition:background-color .15s var(--ease);background:0 0;border:0;border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:8px;display:grid}.msg:hover{background:var(--ground)}.msg[aria-current=true]{background:var(--sunken)}.avatar{width:34px;height:34px;font:700 13px/1 var(--display);color:var(--accent-ink);background:var(--av,var(--accent));border-radius:10px;place-items:center;display:grid}.meta{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.meta strong{font-size:14px;font-weight:600}.meta time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.text{overflow-wrap:anywhere;margin-top:2px}.mask{font:700 14px/1 var(--mono);color:var(--danger);background:var(--danger-bg);letter-spacing:.04em;border-radius:4px;padding:1px 4px}.veil{background:var(--v-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px;padding:8px 10px;display:flex;position:relative}.veil[data-v=nsfw]{--v:var(--danger);--v-bg:var(--danger-bg)}.veil[data-v=adult]{--v:var(--adult);--v-bg:var(--adult-bg)}.veil .text{filter:blur(6px);-webkit-user-select:none;user-select:none;transition:filter .2s var(--ease);flex:200px;margin:0}.veil[data-open=true] .text{filter:blur();-webkit-user-select:auto;user-select:auto}.reveal{font:600 12px/1 var(--body);color:var(--v);background:var(--surface);transition:scale .15s var(--ease);border:0;border-radius:6px;padding:7px 10px}.reveal:active{scale:.96}.msg[data-v=review] .text{color:var(--muted)}.msg[data-v=spam] .text{text-decoration:line-through;-webkit-text-decoration-color:var(--spam);text-decoration-color:var(--spam);color:var(--muted)}.msg.enter{animation:rise .26s var(--ease)}@keyframes rise{0%{opacity:0;translate:0 8px}}.composer{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.composer input{background:var(--ground);min-width:0;transition:border-color .15s var(--ease);border:1px solid #0000;border-radius:10px;padding:10px 12px}.composer input:focus{border-color:var(--accent);outline:none}#nick{flex:0 120px;font-weight:600}#draft{flex:200px}.send{background:var(--accent);color:var(--accent-ink);transition:scale .15s var(--ease);border:0;border-radius:10px;padding:10px 18px;font-weight:600}.send:active{scale:.96}.side{flex-direction:column;gap:16px;min-height:0;display:flex;overflow-y:auto}.panel{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:18px}.panel h2{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.verdict{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.verdict .big{font:700 22px/1.1 var(--display);letter-spacing:-.01em}.quote{color:var(--muted);overflow-wrap:anywhere;margin:0 0 16px;font-size:13px}.rows{gap:10px;display:grid}.row{grid-template-columns:1fr auto;gap:4px 8px;font-size:13px;display:grid}.row code{font:500 12px/1.4 var(--mono)}.row .num{font:700 12px/1.4 var(--mono);font-variant-numeric:tabular-nums}.bar{background:var(--sunken);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.bar i{background:var(--b,var(--accent));transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p));transition:transform .32s var(--ease);border-radius:3px;display:block}.sub{font:600 12px/1 var(--body);color:var(--muted);margin:18px 0 10px}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:14px;display:grid}.facts div{color:var(--muted);font-size:11px}.facts b{font:700 16px/1.2 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.tally{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tally div{justify-content:space-between;align-items:center;gap:6px;display:flex}.tally b{font:700 15px/1 var(--mono);font-variant-numeric:tabular-nums}@media (width<=860px){html,body{height:auto}.stage{grid-template-columns:minmax(0,1fr)}.feed{max-height:62vh}.side{overflow:visible}}@media (prefers-reduced-motion:reduce){.msg.enter,.chip[data-v=judging]:before{animation:none}.bar i,.veil .text{transition:none}}body{margin:0}[hidden]{display:none!important}.notice{color:var(--danger);background:var(--danger-bg);margin:0;padding:8px 18px;font-size:13px}.empty{color:var(--muted);text-align:center;margin:auto}.text.pending{color:var(--muted);font-style:italic}.msg{cursor:pointer}.msg>span:last-child{min-width:0}#rules{resize:vertical;width:100%;font:400 13px/1.5 var(--body);color:var(--ink);background:var(--ground);transition:border-color .15s var(--ease);border:1px solid #0000;border-radius:10px;padding:10px 12px}#rules:focus{border-color:var(--accent);outline:none}.rules-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.rules-foot span{color:var(--muted);flex:140px;font-size:12px}.rules-foot .send{padding:8px 12px;font-size:13px}.rules-foot .send:disabled{opacity:.5;cursor:default}
