:root{--navy: #08111f;--surface: #0e1b2e;--surface-alt: #11233a;--ink: #f1f6ff;--muted: #91a4bc;--line: #213751;--aqua: #56e0c1;--aqua-dim: #173c41;--orange: #ffb86b;color:var(--ink);background:var(--navy);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 15% 0%,#17324c 0,transparent 33rem),var(--navy)}button{padding:10px 14px;cursor:pointer;color:var(--aqua);border:1px solid #286167;border-radius:8px;background:var(--aqua-dim);font:600 13px inherit}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{cursor:wait;opacity:.65}.shell{width:min(1080px,100% - 40px);margin:0 auto;padding:52px 0 30px}.hero,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 7px;color:var(--aqua);font:500 11px/1.2 ui-monospace,monospace;letter-spacing:.14em}h1,h2,p{margin-top:0}h1{margin-bottom:7px;font-size:clamp(30px,5vw,48px);letter-spacing:-.055em}h2{margin-bottom:0;font-size:25px;letter-spacing:-.04em}.server-address,footer{color:var(--muted);font:13px ui-monospace,monospace}.connection{display:flex;align-items:center;gap:8px;padding:10px 13px;color:#cce8df;border:1px solid var(--line);border-radius:999px;background:#10263a;font-size:13px;white-space:nowrap}.connection.online .status-dot{background:var(--aqua);box-shadow:0 0 10px var(--aqua)}.connection.error .status-dot{background:#ff7373;box-shadow:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:42px 0 52px}.stat-card{min-height:134px;padding:19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1b344dd9,#0b1b2ed9)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;margin:15px 0 3px;font-size:31px;letter-spacing:-.05em}.channel-section{padding:27px;border:1px solid var(--line);border-radius:18px;background:#0a192bd1;box-shadow:0 22px 55px #0000002e}.notice{margin-top:25px;padding:19px;color:var(--muted);border:1px dashed var(--line);border-radius:10px;font-size:14px}.notice.error{color:#ffc4c4;border-color:#723e4b;background:#2c1824}.channel-list{margin-top:24px}.channel{border-top:1px solid var(--line)}.channel:first-child{border-top:0}.channel-summary{display:flex;align-items:center;min-height:62px;gap:13px}.channel-name{font-weight:700}.channel-topic{overflow:hidden;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.channel-indent{width:16px;color:var(--aqua);text-align:center}.channel.empty .channel-name{color:#bfd0e4}.people{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 17px 28px}.person{display:flex;align-items:center;gap:8px;min-width:128px;padding:7px 10px;color:#dce8f8;border:1px solid #28425d;border-radius:8px;background:var(--surface-alt);font-size:12px}.person.away .person-name:before,.person.muted .person-name:before{background:var(--orange)}.avatar{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;color:#06241f;border-radius:50%;background:var(--aqua);font-size:10px;font-weight:800}.person-details{display:grid;gap:4px;min-width:0}.person-name{display:flex;align-items:center;gap:6px;font-weight:700}.person-name:before{width:6px;height:6px;content:"";border-radius:50%;background:var(--aqua)}.away-state{display:inline-flex;width:max-content;align-items:center;gap:4px;padding:2px 5px;color:#ffd096;border:1px solid #755229;border-radius:4px;background:#342819;font-size:9px;font-weight:800}.mute-state{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:#ffd096;font-size:9px;font-weight:700}.mute-state>span:not(:last-child){position:relative;display:inline-grid;width:14px;height:14px;place-items:center;font-size:11px;line-height:1}.mute-slash{position:absolute;color:#ff7373;font-size:15px;font-weight:900;transform:rotate(-25deg)}.groups{display:flex;flex-wrap:wrap;gap:4px}.group{display:inline-flex;align-items:center;gap:3px;max-width:150px;padding:2px 5px;overflow:hidden;color:#9cebdc;border:1px solid #286167;border-radius:4px;background:#173c41;font-size:9px;white-space:nowrap;text-overflow:ellipsis}footer{display:flex;justify-content:space-between;padding:22px 3px 0;font-size:11px}@media(max-width:700px){.shell{width:min(100% - 28px,1080px);padding-top:30px}.hero,.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.stats{grid-template-columns:repeat(2,1fr);margin:28px 0}.channel-section{padding:19px}.channel-topic{display:none}footer{flex-direction:column;gap:12px}.people{padding-left:18px}}