:root,:root[data-theme=classic]{--bg:#07080d;--bg-deep:#05060a;--panel:#10131c;--panel-2:#161a26;--line:#2a3144;--text:#cfd6e6;--dim:#7b859c;--time:#4b5469;--accent:#e0b43c;--accent-2:#4aa3ff;--on-accent:#1a1405;--accent-hi:#f0c853;--accent-lo:#c99a24;--accent-edge:#7a5d12;--glow:#e0b43c59;--glow-strong:#e0b43cb3;--good:#5ad07a;--good-edge:#2d6b40;--bad:#ff6b6b;--bad-edge:#7a3030;--button-top:#232a3b;--button-bottom:#171c29;--active-bg:#232a3b;--banner-bg:#3a2f0e;--banner-edge:#6b5518;--mention-row:#e0b43c1f;--emote:#d58cf0;--admin:#ff5ea8;--mod:#c58bff;--owner:#ffd24a;--op:#4aa3ff;--voice:#5ad07a;--bot:#34d6c4}
:root[data-theme=halloween]{--bg:#0a0710;--bg-deep:#07040c;--panel:#130e1c;--panel-2:#1b1427;--line:#3b2a4d;--text:#e8def2;--dim:#9c88b0;--time:#5d4a72;--accent:#ff8a1f;--accent-2:#a77bff;--on-accent:#1a0c02;--accent-hi:#ffa43d;--accent-lo:#d96a0a;--accent-edge:#7a3a06;--glow:#ff8a1f66;--glow-strong:#ff8a1fbf;--good:#86e05a;--good-edge:#3f6b2d;--bad:#ff5a4d;--bad-edge:#7a2c26;--button-top:#2a1d3b;--button-bottom:#1a1228;--active-bg:#2b1d3d;--banner-bg:#3a1f0a;--banner-edge:#7a4510;--mention-row:#ff8a1f24;--emote:#ff7fd5;--admin:#ff4fa0;--mod:#c9a0ff;--owner:#ffc23d;--op:#7aa8ff;--voice:#86e05a;--bot:#3fe0c9}
:root{--right-w:270px;--chat-scale:1;--list-scale:1;--mono:"Cascadia Mono", "Consolas", "Lucida Console", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--mono);margin:0}a{color:var(--accent-2)}h1,h2,h3{margin:0;font-weight:600}.page{min-height:100%;padding:32px 16px}.narrow{max-width:460px;margin:0 auto}.logo{text-align:center;letter-spacing:.4em;color:var(--accent);text-shadow:0 0 12px var(--glow);font-size:44px}.logo.small{text-shadow:none;margin-bottom:0;font-size:20px}.logo a{color:inherit;text-decoration:none}.page .logo.small{margin-bottom:16px}.tagline{text-align:center;color:var(--dim);margin:6px 0 24px}.panel{background:var(--panel);border:1px solid var(--line);padding:18px;box-shadow:inset 0 1px #ffffff10,0 0 0 1px #000}.actions{flex-wrap:wrap;gap:10px;display:flex}.form{gap:12px;display:grid}.form label{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;gap:4px;font-size:12px;display:grid}input,textarea{font:inherit;color:var(--text);background:var(--bg-deep);border:1px solid var(--line);width:100%;padding:8px 10px}input:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.hint{color:var(--dim);margin:0;font-size:12px}.msg{color:var(--good);margin:0}.msg.error{color:var(--bad)}.oauth{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{font:inherit;color:var(--text);background:linear-gradient(var(--button-top), var(--button-bottom));border:1px solid var(--line);cursor:pointer;border-bottom-color:#000;padding:7px 14px;text-decoration:none;display:inline-block}.button:hover{border-color:var(--accent)}.button:disabled{opacity:.5;cursor:default}.button.primary{color:var(--on-accent);background:linear-gradient(var(--accent-hi), var(--accent-lo));border-color:var(--accent-edge);font-weight:600}.button.small{padding:3px 9px;font-size:12px}.chat{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 12px;display:flex}.spacer{flex:1}.me{color:var(--accent)}.pill{border:1px solid var(--line);color:var(--dim);padding:1px 8px;font-size:12px}.pill.ready{color:var(--good);border-color:var(--good-edge)}.pill.closed{color:var(--bad);border-color:var(--bad-edge)}.banner{background:var(--banner-bg);color:var(--accent);border-bottom:1px solid var(--banner-edge);padding:6px 12px}.panes{grid-template-columns:1fr calc(var(--right-w) * var(--list-scale));flex:1;min-height:0;display:grid}.users{background:var(--panel);border-right:1px solid var(--line);border-right:0;border-left:1px solid var(--line);padding:8px;overflow-y:auto}.channels h3,.users h3{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}ul{margin:0;padding:0;list-style:none}.icon{font:inherit;color:var(--accent);border:1px solid var(--line);cursor:pointer;background:0 0;width:22px;height:22px}.chan{width:100%;font:inherit;color:var(--dim);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:6px;padding:3px 6px;display:flex}.chan:hover{background:var(--panel-2)}.chan.joined{color:var(--text)}.chan.active{background:var(--active-bg);color:var(--accent)}.count{color:var(--dim);font-size:12px}.unread{background:var(--accent);color:var(--on-accent);padding:0 6px;font-size:12px}.newchan{gap:6px;margin-bottom:8px;display:grid}.check{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.check input{width:auto}.room{isolation:isolate;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.topic{background:var(--panel-2);border-bottom:1px solid var(--line);color:var(--accent);align-items:center;gap:8px;padding:6px 12px;display:flex}.topic-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.topic-text.dim{color:var(--dim);font-style:italic}.users{flex-direction:column;padding:0;display:flex}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px;display:flex}.channel-title{min-width:0;font:inherit;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:6px;padding:0;font-size:14px;display:flex}.channel-title:hover .caret{color:var(--text)}.caret{color:var(--dim);margin-left:auto}.panel-body{flex:1;min-height:0;padding:8px;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);gap:6px;padding:8px;display:grid}.only-mobile{display:none}.logo-button{line-height:0;display:block}.logo-button img{object-fit:cover;border-radius:8px;width:34px;height:34px;transition:box-shadow .15s,transform .15s;box-shadow:0 2px 5px #000000b3}.logo-button[aria-pressed=true] img{box-shadow:0 2px 5px #000000b3, 0 0 8px var(--glow)}.logo-button:hover img{box-shadow:0 4px 10px #000000d9, 0 0 12px var(--glow-strong);transform:translateY(-1px)}.logo-button:active img{transform:translateY(1px);box-shadow:0 1px 2px #000c}.logo-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.profile-menu{position:relative}.profile-button{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.avatar.small{border-width:1px;width:26px;height:26px;font-size:13px}.menu{z-index:10;background:var(--panel);border:1px solid var(--line);min-width:150px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #00000080}.menu a,.menu button{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 12px}.menu a:hover,.menu button:hover{background:var(--panel-2)}.channel-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.channel-count{color:var(--dim);flex:none;font-weight:400}input:disabled{opacity:.6;cursor:not-allowed}.log{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.line{overflow-wrap:anywhere;margin:0}.time{color:var(--time)}.name{color:var(--accent-2)}.name.bot{color:var(--bot)}.line.system{color:var(--dim)}.line.emote{color:var(--emote)}.line.error{color:var(--bad)}.entry{border-top:1px solid var(--line);background:var(--panel);gap:8px;padding:8px;display:flex}.user{white-space:nowrap;text-overflow:ellipsis;padding:1px 4px;overflow:hidden}.icon-badge{text-align:center;width:1.2em;display:inline-block}.user.admin{color:var(--admin)}.user.mod{color:var(--mod)}.user.owner{color:var(--owner)}.user.op{color:var(--op)}.user.voice{color:var(--voice)}.user.bot{color:var(--bot)}@media (max-width:760px){.panes{grid-template-columns:1fr}.only-mobile{display:inline-block}.users{display:none}.users.open{z-index:20;border:0;display:flex;position:fixed;inset:0}}.wide{max-width:860px;margin:0 auto}.staff-link{color:var(--admin);font-size:13px}.tabs{gap:4px;margin:8px 0 12px;display:flex}.tab{font:inherit;color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;padding:4px 12px}.tab.active{color:var(--accent);border-color:var(--accent)}.reports{gap:10px;display:grid}.report{border:1px solid var(--line);background:var(--panel-2);padding:10px 12px}.report-head .time{float:right;color:var(--dim);font-size:12px}.report .target{color:var(--bad)}.chan-ref{color:var(--accent-2)}.reason{overflow-wrap:anywhere;margin:6px 0}.evidence{border-left:3px solid var(--line);color:var(--dim);overflow-wrap:anywhere;margin:6px 0;padding:6px 10px}.report-actions{gap:8px;margin-top:8px;display:flex}.report-actions input{flex:1}.site-footer{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 4px;font-size:12px;display:flex}.site-footer a{color:var(--dim)}.site-footer a:hover{color:var(--accent)}.consent{text-align:center;margin-top:12px}.legal h2{margin-bottom:4px}.legal h3{color:var(--accent);margin:20px 0 6px;font-size:14px}.legal p,.legal li{overflow-wrap:anywhere;line-height:1.6}.legal ul{margin:6px 0;padding-left:22px;list-style:outside}.legal ul ul{list-style:circle}.legal code{background:var(--bg-deep);border:1px solid var(--line);padding:0 4px}.faq{border:1px solid var(--line);background:var(--panel-2);margin:6px 0}.faq summary{cursor:pointer;padding:8px 12px}.faq[open] summary{color:var(--accent);border-bottom:1px solid var(--line)}.faq-answer{padding:6px 12px 10px}.stack{gap:10px;margin-top:16px;display:grid}.identities{gap:6px;display:grid}.identity{border:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}div.danger{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}div.danger h2{color:var(--bad)}div.danger ul{margin:0;padding-left:22px;list-style:outside}div.danger label{color:var(--dim);gap:4px;font-size:12px;display:grid}.danger-button{color:#fff;background:linear-gradient(#c94b4b,#8c2b2b);border-color:#5a1a1a}.member-group{margin-bottom:8px}.group-title{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:8px 0 2px;font-size:11px;font-weight:600}.member-group ul{display:block}button.user{font:inherit;text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;display:block}button.user:hover,button.user.active{background:var(--panel-2)}button.user.active{outline:1px solid var(--line)}.card{border:1px solid var(--line);background:var(--panel-2);gap:6px;margin-top:10px;padding:8px;display:grid}.card-head{align-items:center;gap:8px;display:flex}.card-who{overflow-wrap:anywhere;flex:1;min-width:0}.avatar{object-fit:cover;border:2px solid var(--accent-2);border-radius:50%;flex:none;width:34px;height:34px}.avatar.initial{background:var(--bg);place-items:center;font-weight:700;display:grid}.bio{overflow-wrap:anywhere;margin:0}.card .hint{margin:0}.card-actions{flex-wrap:wrap;gap:4px;display:flex}.card-actions.mod{border-top:1px solid var(--line);padding-top:6px}.card-report{gap:4px;display:flex}.card-report input{flex:1;min-width:0;padding:4px 6px}.mention{padding:0 2px}.mention.other{color:var(--accent-2)}.mention.self{color:var(--on-accent);background:var(--accent);font-weight:600}.line.mentions-me{background:var(--mention-row);border-left:2px solid var(--accent);padding-left:4px}.chip{border:1px solid var(--line);color:var(--dim);flex:none;padding:1px 8px;font-size:11px}.chip.warn{color:var(--bad);border-color:var(--bad-edge)}.themes{gap:8px;display:grid}.theme-option{font:inherit;color:var(--text);text-align:left;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:8px;display:flex}.theme-option span{display:grid}.theme-option img{object-fit:cover;border-radius:9px;box-shadow:0 2px 5px #000000b3}.theme-option.active{border-color:var(--accent);box-shadow:0 0 8px var(--glow)}.inline-form{gap:8px;display:flex}.inline-form input{flex:1;min-width:0}.bot-name{margin-bottom:0}.bot-name .bot{color:var(--bot)}.token-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.token-list li.revoked{opacity:.55}.token-form{border-top:1px solid var(--line);padding-top:12px}.scopes{border:1px solid var(--line);gap:6px;padding:8px;display:grid}.scopes legend{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding:0 4px;font-size:12px}.form .scope{text-transform:none;letter-spacing:0;color:var(--text);align-items:flex-start;gap:8px;font-size:13px;display:flex}.scope input{width:auto;margin-top:3px}.scope .hint{display:block}.secret{border:1px solid var(--accent);box-shadow:0 0 8px var(--glow);gap:8px;padding:10px;display:grid}.secret p{margin:0}.secret code{overflow-wrap:anywhere;background:var(--bg-deep);color:var(--accent);-webkit-user-select:all;user-select:all;padding:8px;display:block}.legal pre{background:var(--bg-deep);border:1px solid var(--line);padding:10px;overflow-x:auto}.legal code{color:var(--accent)}.legal pre code{background:0 0;border:0;padding:0}.avatar-wrap{display:inline-flex;position:relative}.notify-dot{background:var(--bad);border:2px solid var(--panel);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-3px}.menu a.notice{color:var(--bad);border-bottom:1px solid var(--line)}.menu a{text-decoration:none}button.group-toggle{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;display:block}button.group-toggle:hover{color:var(--text)}select{font:inherit;color:var(--text);background:var(--bg-deep);border:1px solid var(--line);width:100%;padding:8px 10px}.narrow-input{flex:none;width:90px}.card.form{margin:0 0 10px}.context-menu{z-index:50;background:var(--panel);border:1px solid var(--line);min-width:170px;padding:4px 0;display:grid;position:fixed;box-shadow:0 6px 20px #0009}.context-menu button{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 14px}.context-menu button:hover:not(:disabled),.context-menu button:focus-visible{background:var(--active-bg);outline:none}.context-menu button:disabled{color:var(--dim);cursor:default}.context-menu button.danger{color:var(--bad)}.context-menu hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.name[oncontextmenu],.line .name{cursor:context-menu}.panel-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:4px 12px;padding:8px;font-size:12px;display:flex}.panel-links a{color:var(--dim);text-decoration:none}.panel-links a:hover{color:var(--text);text-decoration:underline}.dialog-overlay{z-index:40;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);max-height:100%;box-shadow:0 10px 40px #000000b3, 0 0 12px var(--glow);gap:12px;padding:16px;display:grid;overflow-y:auto}.dialog-head{align-items:center;gap:8px;display:flex}.dialog-head h2{color:var(--accent);overflow-wrap:anywhere;flex:1;margin:0;font-size:16px}.staff-tabs{flex-wrap:wrap;align-items:center}.staff-tabs .tab{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.staff-tabs .tab.soon{opacity:.45;cursor:default}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.stat-card{background:var(--panel-2);border:1px solid var(--line);color:var(--text);gap:4px;padding:12px;text-decoration:none;display:grid}.stat-card b{color:var(--accent);font-size:28px}a.stat-card:hover{border-color:var(--accent)}.stat-card.attention{border-color:var(--bad);box-shadow:0 0 8px var(--glow)}.stat-card.attention b{color:var(--bad)}.stat-card.soon{opacity:.5}.picture-row{align-items:center;gap:14px;display:flex}.picture-row .hint{flex:1}.avatar.large{width:64px;height:64px;font-size:26px}.busy-list,.audit-list{gap:2px;display:grid}.busy-list li{align-items:baseline;gap:10px;padding:3px 0;display:flex}.busy-list b{color:var(--accent)}.link-button{font:inherit;color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:disabled{color:var(--dim);cursor:default;text-decoration:none}.badge-staff{letter-spacing:.08em;color:var(--on-accent);background:var(--accent);flex:none;padding:0 5px;font-size:10px}.audit-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.audit-filters input,.audit-filters select{flex:130px;width:auto}.audit-list li{border-left:2px solid #0000;flex-wrap:wrap;align-items:baseline;gap:8px;padding:4px 6px;display:flex}.audit-list li.staff{border-left-color:var(--accent);background:var(--mention-row)}.audit-list .time{flex:none;font-size:12px}.audit-text{overflow-wrap:anywhere;flex:320px}.chip-button{font:inherit;cursor:pointer;background:0 0;font-size:11px}.chip-button:hover{background:var(--bad-edge);color:var(--text)}.user.stealth{opacity:.6;font-style:italic}.role-gradient{background-image:linear-gradient(90deg, var(--c1), var(--c2));color:#0000;-webkit-background-clip:text;background-clip:text}.role-holo{background-image:linear-gradient(110deg, var(--c1), var(--c2), #ffffffb0, var(--c1), var(--c2));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite role-holo}@keyframes role-holo{to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.role-holo{animation:none}}.roles-layout{grid-template-columns:minmax(200px,260px) 1fr;align-items:start;gap:12px;display:grid}@media (max-width:760px){.roles-layout{grid-template-columns:1fr}}.role-list li{align-items:center;gap:4px;display:flex}.role-pick{min-width:0;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;flex:1;padding:5px 8px}.role-pick.active{border-color:var(--accent);background:var(--active-bg)}.role-pick .hint{margin-left:6px}.role-editor{gap:12px;display:grid}.color-row{gap:6px;display:grid}.color-row .swatches{align-items:center;gap:8px;display:flex}.color-row input[type=color]{flex:none;width:44px;height:32px;padding:0}.color-row input[type=range]{width:100%;padding:0}.slider-line{color:var(--dim);text-transform:none;letter-spacing:0;grid-template-columns:90px 1fr 34px;align-items:center;gap:8px;font-size:12px;display:grid}.role-preview{background:var(--bg-deep);border:1px solid var(--line);gap:6px;padding:10px;display:grid}.role-preview .row{align-items:baseline;gap:8px;display:flex}.warn-text{color:var(--bad);margin:0;font-size:12px}.perm-group{border:1px solid var(--line);border-radius:6px;margin:6px 0;padding:6px 10px}.perm-group legend{color:var(--dim);padding:0 4px;font-size:.85em}.check.perm{padding:2px 0;display:block}.check.perm.danger{color:var(--bad)}.self-roles{margin:0;padding:0;list-style:none}.override-row{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.user.idle{opacity:.55}.xp-bar{color:var(--dim);align-items:center;gap:6px;margin-right:10px;font-size:.8em;display:inline-flex}.xp-track{background:var(--line);border-radius:3px;width:64px;height:6px;display:inline-block;overflow:hidden}.xp-fill{background:var(--accent);height:100%;transition:width .4s;display:block}.level{color:var(--accent);margin:4px 0}.leaderboard{margin:12px 0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}.leaderboard .rank{text-align:right;width:2em;color:var(--dim)}.leaderboard .who{flex:1}.leaderboard .xp{color:var(--accent)}.line.whisper{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);padding-left:8px;font-style:italic}.whisper-tag{color:var(--accent);font-size:.85em;font-style:normal}.whisper-actions .link{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.85em;text-decoration:underline}.support-note{color:var(--dim);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--accent) 6%, transparent);padding:6px 12px;font-size:.85em}.reply-tag{color:var(--accent);font-size:.9em}time.time{cursor:help}.day-divider{color:var(--dim);align-items:center;gap:10px;margin:10px 0 6px;font-size:.8em;display:flex}.day-divider:before,.day-divider:after{content:"";border-top:1px solid var(--line);flex:1}.pins{flex-direction:column;gap:4px;padding:6px 0 0;display:flex}.pin{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.9em;display:flex}.pin-icon{color:var(--accent);flex:none}.pin-body{overflow-wrap:anywhere;flex:1;min-width:0}.pin-time{color:var(--dim);cursor:help;flex:none;font-size:.8em}.pin-close{color:var(--dim);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:1.2em;line-height:1}.pin-close:hover{color:var(--text)}.ui-icon{color:var(--accent);flex:none}.section-head{align-items:center;gap:8px;display:flex}.section-head h2{margin:0}summary.section-head{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}summary.section-head::-webkit-details-marker{display:none}summary.section-head:after{content:"▸";color:var(--dim);margin-left:auto;transition:transform .15s}details[open]>summary.section-head:after{transform:rotate(90deg)}.hint-icon{display:inline-flex;position:relative}.hint-icon>button{border:1px solid var(--dim);width:18px;height:18px;color:var(--dim);cursor:help;background:0 0;border-radius:50%;padding:0;font:italic 700 11px/1 serif}.hint-icon>button:hover,.hint-icon>button:focus-visible{color:var(--accent);border-color:var(--accent)}.hint-pop{z-index:20;background:var(--bg-deep,#000);border:1px solid var(--line);width:max-content;max-width:min(280px,70vw);color:var(--text);text-transform:none;letter-spacing:0;text-align:left;white-space:normal;padding:8px 10px;font:400 12px/1.4 inherit;display:none;position:absolute;top:calc(100% + 6px);left:-8px;box-shadow:0 4px 14px #0008}.hint-icon:hover .hint-pop,.hint-icon:focus-within .hint-pop,.hint-icon.open .hint-pop{display:block}.hint-pop a{color:var(--accent)}@media (max-width:600px){.page.narrow,.page.wide{max-width:none;padding:12px 6px}.page .panel{margin-bottom:8px;padding:12px}}img.emoji{vertical-align:-.35em;width:auto;height:1.5em;margin:0 1px}img.emoji-big{object-fit:contain;width:28px;height:28px}.emoji-button{place-items:center;padding:0 10px;display:inline-grid}.emoji-button .smiley-icon{display:block}.emoji-picker{z-index:30;background:var(--panel);border:1px solid var(--line);flex-direction:column;width:min(340px,100vw - 16px);height:360px;display:flex;position:absolute;bottom:56px;right:8px;box-shadow:0 6px 24px #000a}.emoji-search{margin:8px}.emoji-scroll{flex:1;padding:0 8px 8px;overflow-y:auto}.emoji-scroll h4{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 4px;font-size:11px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;display:grid}.emoji-cell{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;height:34px;font-size:22px;display:grid}.legacy-grid{flex-wrap:wrap;display:flex}.emoji-cell.legacy{white-space:nowrap;text-overflow:ellipsis;min-width:44px;max-width:100%;color:inherit;flex:auto;padding:0 8px;font-size:14px;overflow:hidden}.emoji-cell:hover,.emoji-cell:focus-visible{background:color-mix(in srgb, var(--accent) 20%, transparent)}.emoji-suggest{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 0;display:flex}.emoji-suggest button{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.emoji-suggest button.first{border-color:var(--accent)}.emoji-admin-grid{gap:6px;display:grid}.emoji-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 0;display:flex}.emoji-row input{max-width:14em}.emoji-row .spacer{flex:1}.emoji-row.off{opacity:.55}.emoji-row .legacy-text{max-width:11em}.suggest{background:var(--panel);border:1px solid var(--line);flex-direction:column;max-height:260px;margin:0 0 4px;display:flex;overflow-y:auto}.suggest button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 10px;display:flex}.suggest button.active{background:color-mix(in srgb, var(--accent) 22%, transparent)}.suggest-label{flex:none}.suggest-detail{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.suggest-keys{color:var(--dim);border-top:1px solid var(--line);padding:3px 10px;font-size:11px}.inline-code{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-family:inherit}a.chat-link{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.embed{margin:4px 0 6px;display:block}.embed img{border:1px solid var(--line);border-radius:6px;max-width:min(100%,420px);max-height:320px;display:block}.embed-ask{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.embed-ask .link{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.85em;text-decoration:underline}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.swatch.plain{background:var(--panel-2);width:auto;color:var(--text);font:inherit;border-radius:14px;padding:0 10px;font-size:12px}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.color-grid{flex-wrap:wrap;gap:14px;display:flex}.color-grid label{flex-direction:column;gap:4px;font-size:12px;display:flex}.color-grid input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;width:64px;height:32px;padding:0}.preview-line{margin:8px 0 0}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 40%, var(--line)) var(--bg-deep)}.log,.entry{zoom:var(--chat-scale)}.users{zoom:var(--list-scale)}.load-earlier{text-align:center;margin:4px 0 10px}.bans{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.ban-list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.ban-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-icon{vertical-align:-3px;width:15px;height:15px;color:var(--dim);flex:none;margin-right:8px}.context-menu button:hover:not(:disabled) .menu-icon,.context-menu button:focus-visible .menu-icon{color:var(--accent)}.context-menu button.danger .menu-icon{color:var(--bad)}.profile-menu a .menu-icon,.profile-menu button .menu-icon{margin-right:8px}.dialog.profile-window{width:min(600px,100%)}.profile{gap:12px;display:grid}.profile-head{align-items:flex-start;gap:16px;display:flex}.profile .avatar.big{border-width:3px;width:96px;height:96px}.profile-who{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.profile-name{font-size:1.25em}.profile-who .hint,.profile .hint{margin:0}.profile-status{border-left:3px solid var(--accent);background:var(--panel-2);overflow-wrap:anywhere;margin:0;padding:6px 10px}.profile-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 16px;margin:0;padding:10px 0;display:grid}.profile-facts div{gap:8px;display:flex}.profile-facts dt{color:var(--dim)}.profile-facts dt:after{content:":"}.profile-facts dd{color:var(--text);margin:0}.profile-links{gap:4px;margin:0;padding:0;list-style:none;display:grid}.profile-links a{overflow-wrap:anywhere}.profile-actions{flex-wrap:wrap;gap:6px;display:flex}.profile-sep{flex-basis:100%;height:0}.profile-actions .button.danger{color:var(--bad)}.profile-close{justify-content:flex-end;display:flex}@media (max-width:520px){.profile-head{text-align:center;flex-direction:column;align-items:center}}.ribbons{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.ribbon{letter-spacing:.02em;color:#fff;text-shadow:0 1px 1px #000000b3;border:1px solid color-mix(in srgb, var(--rib) 55%, #000);background:var(--ribbon-skin,none), linear-gradient(to bottom, #ffffff61 0%, #ffffff0f 48%, #0000002e 52%, #00000047 100%), linear-gradient(to right, var(--rib), var(--rib2));height:20px;box-shadow:0 0 6px color-mix(in srgb, var(--rib) 40%, transparent);background-size:100% 100%;border-radius:3px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.ribbon-icon{line-height:1}.mention-dot{background:var(--bad);width:9px;height:9px;box-shadow:0 0 6px var(--bad);border-radius:50%;flex:none;margin-right:6px;display:inline-block}.back-button{font:inherit;color:var(--dim);background:var(--panel);border:1px solid var(--line);cursor:pointer;align-items:center;gap:6px;margin:0 0 8px;padding:3px 10px;font-size:12px;display:inline-flex}.back-button:hover,.back-button:focus-visible{color:var(--text);border-color:var(--accent);outline:none}details.collapse{border:1px solid var(--line);background:var(--panel-2);padding:0 10px}details.collapse>summary{cursor:pointer;color:var(--accent);padding:8px 0;font-weight:600}details.collapse[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}details.collapse>.form{padding-bottom:10px}.bot-danger{border-top:1px solid var(--line);justify-content:flex-end;padding-top:8px;display:flex}.spoiler{border-radius:3px;padding:0 2px}.spoiler:not(.open){background:var(--dim);color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none}.spoiler:not(.open) *{pointer-events:none;text-shadow:none;border-color:#0000;color:#0000!important}.spoiler:not(.open):hover,.spoiler:not(.open):focus-visible{background:color-mix(in srgb, var(--dim) 70%, var(--text));outline:none}.spoiler.open{background:color-mix(in srgb, var(--dim) 25%, transparent)}.quote{vertical-align:top;border-left:3px solid var(--accent);max-width:100%;color:var(--dim);margin:2px 0;padding:0 0 0 8px;display:inline-block}.tour{z-index:70;position:fixed;inset:0}.tour-blocker{background:0 0;position:absolute;inset:0}.tour-spot{border:2px solid var(--accent);box-shadow:0 0 0 100vmax #000000b8, 0 0 14px var(--glow-strong);pointer-events:none;border-radius:6px;transition:left .2s,top .2s,width .2s,height .2s;position:fixed}.tour-card{background:var(--panel);border:1px solid var(--accent);width:min(340px,100vw - 20px);box-shadow:0 10px 40px #000000b3, 0 0 14px var(--glow);gap:8px;padding:14px;display:grid;position:fixed}.tour:not(:has(.tour-spot)) .tour-blocker{background:#000000b8}.tour-card h2{color:var(--accent);margin:0;font-size:16px}.tour-step{color:var(--dim);margin:0;font-size:11px}.tour-body{margin:0}.tour-links{gap:14px;margin:0;display:flex}.tour-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-nav{gap:6px;display:flex}.tour-actions .link{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.site-logo{text-align:center;margin:0 0 16px;line-height:0}.site-logo a{background:radial-gradient(ellipse at center, var(--glow) 0%, transparent 70%);border-radius:16px;padding:4px 20px;display:inline-block}.site-logo img{width:auto;height:44px;filter:drop-shadow(0 0 4px var(--glow-strong)) drop-shadow(0 0 14px var(--glow));transition:filter .15s;display:block}.site-logo a:hover img,.site-logo a:focus-visible img{filter:drop-shadow(0 0 6px var(--glow-strong)) drop-shadow(0 0 20px var(--glow-strong))}.site-logo a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing{max-width:1040px;margin:0 auto;position:relative}.landing-account{position:absolute;top:0;right:0}.landing-hero{text-align:center;padding:24px 0 48px}.landing-hero .site-logo{margin-bottom:8px}.landing-hero .site-logo img{height:96px}.landing-lead{max-width:560px;color:var(--text);margin:0 auto 20px}.landing-actions{justify-content:center}.landing-feature{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:32px;padding:40px 0;display:grid}.landing-feature.flip .landing-copy{order:2}.landing-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.landing-copy h2{margin:6px 0 10px;font-size:24px}.landing-copy p{color:var(--dim);margin:0 0 12px}.landing-copy ul{gap:6px;margin:0;padding-left:18px;display:grid}.landing-shot{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff10, 0 0 0 1px #000, 0 0 24px var(--glow);margin:0}.landing-shot:has(img){justify-self:center;max-width:100%}.landing-shot img{width:auto;max-width:100%;height:auto;max-height:460px;display:block}.landing-shot-empty{aspect-ratio:16/10;color:var(--time);text-transform:uppercase;letter-spacing:.2em;background:repeating-linear-gradient(45deg,#0000 0 12px,#ffffff06 12px 24px);place-items:center;display:grid}.landing-cta{text-align:center;border-top:1px solid var(--line);padding:40px 0 16px}.landing-cta h2{margin-bottom:14px}@media (max-width:760px){.landing-feature{grid-template-columns:minmax(0,1fr);gap:16px}.landing-feature.flip .landing-copy{order:0}.landing-hero .site-logo img{height:64px}}.invite-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.invite-list li{border:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.invite-actions{gap:6px;display:flex}.staff-bots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.staff-bots li{border:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.staff-bots li.suspended{border-color:var(--bad-edge)}.staff-bot-actions,.speed-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.speed-form input{width:84px}.badge-icon{flex:none;font-size:26px;line-height:1}.badge-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.badge-chip{border:1px solid var(--line);background:var(--panel-2);cursor:default;border-radius:6px;padding:4px 6px;font-size:20px;line-height:1}.badge-toast{z-index:60;background:var(--panel);border:1px solid var(--accent);max-width:min(360px,100vw - 28px);box-shadow:0 8px 30px #000000b3, 0 0 14px var(--glow);align-items:flex-start;gap:12px;padding:12px;display:flex;position:fixed;bottom:70px;right:14px}.badge-toast .hint{margin:2px 0 4px}.ach-group h3{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px;font-size:13px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ach-grid li{border:1px solid var(--line);background:var(--panel-2);gap:10px;padding:10px;display:flex}.ach-grid li.earned{border-color:var(--accent);box-shadow:0 0 8px var(--glow)}.ach-grid li.locked{opacity:.6}.ach-grid li.locked .badge-icon{filter:grayscale()}.ach-progress{background:var(--bg-deep);border:1px solid var(--line);height:6px;margin-top:6px}.ach-progress span{background:var(--accent);height:100%;display:block}.panel-tabs{border-bottom:1px solid var(--line);display:flex}.panel-tabs button{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:6px 4px;font-size:12px}.panel-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.friends-panel .member-group{margin-top:10px}.friend-row{justify-content:space-between;align-items:center;gap:6px;padding:3px 0;display:flex}.friend-actions{gap:4px;display:flex}.friends-panel li{align-items:center;gap:4px;display:flex}.friends-panel .user.friend{text-align:left;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.friend-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-join{text-overflow:ellipsis;flex:none;max-width:45%;overflow:hidden}.state-dot{background:var(--dim);opacity:.5;border-radius:50%;flex:none;width:9px;height:9px}.state-dot.online{background:var(--good);opacity:1;box-shadow:0 0 6px var(--good)}.state-dot.idle{background:var(--accent);opacity:.9}.state-dot.hidden{border:1px solid var(--dim);background:0 0}.friend.offline .friend-name{color:var(--dim)}.fireworks-overlay{z-index:90;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.chat-backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-label{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;display:inline-flex}.setting select,.setting input{width:auto;min-width:90px}.seg{border:1px solid var(--line);display:inline-flex}.seg button{font:inherit;color:var(--dim);background:var(--bg-deep);border:0;border-left:1px solid var(--line);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}.seg button:first-child{border-left:0}.seg button.on{color:var(--text);background:var(--accent)}.seg button:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.switch{border:1px solid var(--line);background:var(--bg-deep);cursor:pointer;width:38px;height:20px;padding:0;position:relative}.switch:after{content:"";background:var(--dim);width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px}.switch.on{border-color:var(--accent)}.switch.on:after{background:var(--accent);left:20px}.switch:focus-visible{outline:1px solid var(--accent);outline-offset:2px}