:root{--bg:#07080d;--panel:#10131c;--panel-2:#161a26;--line:#2a3144;--text:#cfd6e6;--dim:#7b859c;--accent:#e0b43c;--accent-2:#4aa3ff;--good:#5ad07a;--bad:#ff6b6b;--admin:#ff5ea8;--mod:#c58bff;--owner:#ffd24a;--op:#4aa3ff;--voice:#5ad07a;--bot:#34d6c4;--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 #e0b43c59;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);border:1px solid var(--line);background:#05060a;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);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#232a3b,#171c29);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:#1a1405;background:linear-gradient(#f0c853,#c99a24);border-color:#7a5d12;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:#2d6b40}.pill.closed{color:var(--bad);border-color:#7a3030}.banner{color:var(--accent);background:#3a2f0e;border-bottom:1px solid #6b5518;padding:6px 12px}.panes{flex:1;grid-template-columns:200px 1fr 190px;min-height:0;display:grid}.channels,.users{background:var(--panel);border-right:1px solid var(--line);padding:8px;overflow-y:auto}.users{border-right:0;border-left:1px solid var(--line)}.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{color:var(--accent);background:#232a3b}.count{color:var(--dim);font-size:12px}.unread{background:var(--accent);color:#1a1405;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{flex-direction:column;min-width:0;min-height:0;display:flex}.topic{background:var(--panel-2);border-bottom:1px solid var(--line);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;overflow:hidden}.log{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.line{overflow-wrap:anywhere;margin:0}.time{color:#4b5469}.name{color:var(--accent-2)}.name.bot{color:var(--bot)}.line.system{color:var(--dim)}.line.emote{color:#d58cf0}.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-rows:auto 1fr;grid-template-columns:1fr}.channels{border-right:0;border-bottom:1px solid var(--line);max-height:22vh}.users{display:none}}