:root{color:#dce5e5;font-synthesis:none;--bg:#151f22;--panel:#111b1e;--line:#ffffff0d;--muted:#809296;--accent:#9ed7b0;--accent-dim:#9ed7b015;background:#101719;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;transition:background .15s,color .15s;display:inline-flex}button:hover{background:#ffffff0b}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{color:#e1e9e9;background:#0e171a;border:1px solid #ffffff16;border-radius:8px;outline:none;width:100%;padding:12px}input:focus,textarea:focus{border-color:#9ed7b060}label{color:#bdcccc;margin:18px 0 14px;font-size:13px;font-weight:500;display:block}label input,label select{margin-top:9px}label.check{align-items:center;gap:10px;margin:12px 0;display:flex}label.check input{width:auto;accent-color:var(--accent);margin:0}small,.muted{color:var(--muted)}strong{font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em}p{line-height:1.6}a{color:var(--accent)}.primary{background:var(--accent);color:#12231b;padding:12px 17px;font-weight:650}.primary:hover{background:#b6e8c5}.error{color:#f0b4ac;background:#7a342b30;border:1px solid #bb655b30;border-radius:9px;padding:12px 16px;font-size:13px;line-height:1.5}.toast{justify-content:space-between;align-items:center;margin:12px 18px 0;display:flex}.eyebrow{letter-spacing:.17em;color:var(--accent);font-size:10px;font-weight:650}.avatar{color:#b9d0c7;background:#acc4ba16;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:flex;position:relative}.avatar i{background:var(--accent);border:2px solid #142023;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.avatar.small{border-radius:11px;width:33px;height:33px;font-size:10px}.avatar.large{background:#ffffff09;border-radius:26px;width:78px;height:78px;font-size:26px}.workspace{height:100dvh;display:flex;overflow:hidden}.server-rail{background:#0c1518;flex-direction:column;flex-shrink:0;align-items:center;width:72px;padding:21px 0;display:flex}.server-logo{background:var(--accent);color:#173329;border-radius:16px;width:44px;height:44px}.server-logo:hover{background:#bce8c9}.rail-line{background:#ffffff14;width:24px;height:1px;margin:24px 0}.rail-label{writing-mode:vertical-rl;letter-spacing:.28em;color:#536569;font-size:9px}.rail-bottom{color:#4e6666;margin-top:auto;font-size:20px;font-weight:800}.sidebar{border-right:1px solid var(--line);background:#111b1e;flex-direction:column;flex-shrink:0;width:245px;display:flex}.server-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:87px;padding:23px 22px;display:flex}.server-title strong{letter-spacing:-1px;color:#edf3ef;font-size:23px}.server-title small{margin-top:4px;font-size:10px;display:block}.channel-scroll{flex:1;padding:20px 12px;overflow-y:auto}.section-title{letter-spacing:.13em;color:#6e858a;justify-content:space-between;align-items:center;margin:2px 0 12px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.section-title button{color:#82979c;padding:3px}.channel{color:#8ea2a7;text-align:left;justify-content:flex-start;gap:10px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px}.channel span:not(.channel-dot){flex:1}.channel svg{opacity:.65;flex-shrink:0}.channel.active{color:#c3e3ce;background:#9ed7b012}.channel.active svg{color:var(--accent);opacity:1}.channel.joined{color:var(--accent)}.channel-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.voice-title{margin-top:34px}.voice-members{padding-left:34px}.voice-members>div{color:#8fa39e;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:flex}.tiny-avatar{background:#bad0c31a;border-radius:7px;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.invite-button{color:#b3c7bd;border:1px dashed #9ed7b027;justify-content:flex-start;margin:10px 16px 18px;padding:12px;font-size:12px}.invite-button svg:last-child{margin-left:auto}.self{border-top:1px solid var(--line);background:#0e181b;align-items:center;gap:10px;height:78px;padding:15px;display:flex}.self strong,.self small{display:block}.self strong{font-size:12px}.self small{margin-top:3px;font-size:10px}.self>button{color:#7e9399;margin-left:auto}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);color:#6f8b8d;flex-shrink:0;align-items:center;gap:12px;height:87px;padding:0 28px;display:flex}.topbar h1{color:#e0e9e8;white-space:nowrap;margin:0;font-size:16px}.header-divider{background:#ffffff12;width:1px;height:17px;margin:0 6px}.channel-subtitle{color:#71888c;font-size:11px}.topbar-end{align-items:center;gap:22px;margin-left:auto;display:flex}.connection{color:#b29470;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.connection i,.pulse{background:currentColor;border-radius:50%;width:5px;height:5px}.connection.healthy{color:#9abd9f}.content-row{flex:1;min-height:0;display:flex}.conversation{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.message-scroll{scrollbar-width:thin;scrollbar-color:#3b4b4f transparent;flex:1;padding:40px 32px 20px;overflow:auto}.chat-welcome{border-bottom:1px solid var(--line);margin-bottom:20px;padding-top:30px;padding-bottom:35px}.welcome-hash{color:#aec8bb;background:#9ed7b00a;border:1px solid #9ed7b017;border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:25px;display:grid}.chat-welcome h2{color:#e4edeb;margin:11px 0 7px;font-size:30px;font-weight:550}.chat-welcome p{color:#7d9497;margin:0;font-size:13px}.message{gap:13px;padding:12px 0;display:flex}.message>div:last-child{min-width:0}.message-avatar{border-radius:11px;width:34px;height:34px;font-size:10px}.message-meta{align-items:center;gap:10px;margin-bottom:5px;display:flex}.message-meta strong{color:#d3e1dc;font-size:12px}.message-meta time{color:#5d777c;font-size:9px}.message p{color:#adbfc2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.75}.composer-wrap{padding:15px 28px 19px}.composer{background:#1c2a2e;border:1px solid #ffffff08;border-radius:12px;align-items:center;padding:7px;display:flex}.composer textarea{resize:vertical;background:0 0;border:0;min-height:38px;max-height:150px;padding:9px 12px;font-size:13px;line-height:1.5}.composer textarea::placeholder{color:#6d868d}.composer textarea:focus-visible{outline:none}.send-button{color:#b5d5bd;background:#a5d5b217;padding:10px}.composer-hint{color:#597078;justify-content:space-between;margin:10px 3px 0;font-size:9px;display:flex}kbd{font:inherit;color:#81969b}.members-panel{border-left:1px solid var(--line);background:#131d20;width:220px;padding:27px 15px;position:relative;overflow:auto}.member{align-items:center;gap:10px;padding:11px 10px;font-size:11px;display:flex}.member strong{color:#b7c8ca;display:block}.member small{margin-top:4px;font-size:9px;display:block}.offline-title{margin-top:28px}.offline{opacity:.5}.private-note{color:#4e666c;margin:65px 12px 0}.private-note strong{margin:12px 0 7px;font-size:10px;display:block}.private-note p{color:#4e666c;font-size:10px}.call-bar{border-top:1px solid var(--line);background:#111c20;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:14px 25px;display:flex}.call-info{align-items:center;gap:12px;min-width:0;display:flex}.call-symbol{color:#6c858c;border:1px solid #ffffff0b;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.call-symbol.live{color:var(--accent);background:var(--accent-dim)}.call-info strong{font-size:11px;font-weight:500;display:block}.call-info small{margin-top:5px;font-size:9px;display:block}.call-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.call-controls button{color:#9db4b8;width:39px;height:38px}.call-controls .off{color:#cbaba7}.call-controls .enabled{color:var(--accent);background:#9ed7b01c}.call-controls .hangup{color:#f3a99e;background:#b4514824;width:48px;margin-left:5px}.control-divider{background:#ffffff10;width:1px;height:20px;margin:0 5px}.call-stage{height:100%;padding:28px;overflow:auto}.call-status{color:#99b7a5;align-items:center;gap:8px;margin-bottom:25px;font-size:11px;display:flex}.call-status span:last-child{color:#6e898f;margin-left:auto}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.participant-card{background:#192629;border:1px solid #ffffff0b;border-radius:16px;flex-direction:column;align-items:center;min-height:210px;padding:26px 15px 12px;transition:border-color .15s;display:flex}.participant-card.speaking{border:1px solid #a3d9b8;box-shadow:inset 0 0 0 1px #9ed7b033}.participant-card strong{margin:16px 0 7px;font-size:12px}.participant-state{color:#7e999f;align-items:center;gap:5px;font-size:10px;display:flex}.volume{color:#68868c;align-items:center;gap:8px;max-width:120px;margin:14px 0 0;display:flex}.volume input{accent-color:var(--accent);height:3px;margin:0;padding:0}.video-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px;display:grid}.video-tile{background:#080e10;border-radius:12px;position:relative;overflow:hidden}.video-label{background:linear-gradient(#0000,#000c);align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-label button{margin-left:auto}.media-track video{aspect-ratio:16/10;object-fit:contain;width:100%;height:100%;max-height:500px;display:block}.media-track.audio,.concealed{display:none}.video-grid.has-expanded{grid-template-columns:1fr}.video-tile.expanded{z-index:19;background:#000;border-radius:0;position:fixed;inset:0}.expanded .media-track,.expanded video{aspect-ratio:auto;width:100%;height:100%;max-height:none}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:350px;display:flex}.empty-icon{color:var(--accent);background:var(--accent-dim);border-radius:30px;margin-bottom:25px;padding:25px}.empty h2{font-size:26px;font-weight:500}.empty p{color:var(--muted);font-size:13px}.load-more{color:var(--accent);margin:0 auto 20px;font-size:11px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#040a0dbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#192629;border:1px solid #ffffff13;border-radius:20px;width:100%;max-width:460px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 25px 100px #0007}.modal-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal h2{margin:0;font-size:20px}.modal h3{margin:22px 0 8px;font-size:15px}.modal p{color:var(--muted);font-size:12px}.modal .hint{margin-top:24px;font-size:11px}.modal hr{border:0;border-top:1px solid #ffffff10;margin:25px 0}.admin-channels{margin-top:20px}.admin-channels>div{align-items:center;padding:5px 0;font-size:12px;display:flex}.admin-channels span{flex:1}.copy-row{gap:6px;display:flex}.copy-row input{font-size:10px}.loading-screen{height:100dvh;color:var(--accent);place-content:center;justify-items:center;display:grid}.loading-screen p{color:var(--muted);margin-top:20px;font-size:13px}.auth-shell{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.auth-story{background:radial-gradient(at 25% 45%,#233e33 0,#0000 65%),#111e1c;border-right:1px solid #9ed7b012;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:48px 60px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:25px;font-weight:650;display:flex}.brand-mark{background:var(--accent);color:#173529;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.beta{letter-spacing:.13em;color:#839d8c;border:1px solid #9ed7b025;border-radius:4px;margin-left:8px;padding:5px;font-size:8px}.auth-story h1{letter-spacing:-.055em;color:#e2eee4;margin:25px 0;font-size:clamp(44px,5vw,74px);font-weight:500;line-height:1.1}.auth-story p{color:#a1b4a8;font-size:15px;line-height:1.9}.auth-story small{color:#6f8c7b;align-items:center;gap:9px;font-size:11px;display:flex}.sound-bars{opacity:.6;align-items:center;gap:10px;height:130px;margin-top:35px;display:flex}.sound-bars i{background:linear-gradient(#acd8b4,#456e54);border-radius:4px;width:5px}.auth-form{align-self:center;width:100%;max-width:620px;margin:auto;padding:65px clamp(30px,6vw,95px)}.auth-form h2{margin:15px 0 12px;font-size:29px;font-weight:500}.auth-form>p{color:var(--muted);margin-bottom:30px;font-size:13px}.auth-submit{justify-content:space-between;width:100%;margin-top:13px;font-size:13px}.auth-note{text-align:center;margin-top:35px;font-size:10px;display:block}.text-button{color:#b6cebe;margin:20px auto 0;font-size:12px;display:flex}.boot-error{z-index:30;position:fixed;top:20px;left:20px;right:20px}.mobile-only,.mobile-brand{display:none}@media (width>=1500px){.sidebar{width:270px}.members-panel{width:260px}.message-scroll{padding-left:48px;padding-right:48px}}@media (width<=1150px){.members-panel{width:180px}.channel-subtitle{display:none}.sidebar{width:215px}.topbar{padding:0 20px}.call-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.call-info small{max-width:150px}.call-controls{gap:2px}}@media (width<=950px){.members-panel{display:none}.auth-story{padding:35px}.auth-form{padding:40px 30px}.beta,.call-symbol{display:none}.server-rail{width:58px}}@media (width<=700px){.server-rail{display:none}.sidebar{z-index:15;width:260px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #0006}.sidebar.mobile-open{transform:translate(0)}.mobile-only{display:inline-flex}.topbar{gap:8px;height:64px;padding:0 14px}.topbar h1{font-size:14px}.topbar-end{gap:10px}.topbar-end>button{display:none}.connection{font-size:9px}.header-divider{display:none}.message-scroll{padding:20px}.chat-welcome{padding-top:15px}.chat-welcome h2{font-size:26px}.composer-wrap{padding:10px 14px}.composer-hint span:first-child{visibility:hidden}.call-bar{flex-wrap:wrap;gap:8px;padding:9px 12px}.call-info{width:100%}.call-info>div{justify-content:space-between;align-items:center;width:100%;display:flex}.call-info small{max-width:unset;margin:0}.call-info strong{max-width:230px}.call-controls{justify-content:space-between;gap:4px;width:100%}.call-controls button{width:40px}.call-stage{padding:16px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-card{min-height:190px}.auth-story{display:none}.auth-shell{display:block}.auth-form{flex-direction:column;justify-content:center;max-width:440px;min-height:100dvh;padding:35px 25px;display:flex}.mobile-brand{color:var(--accent);margin-bottom:45px;font-size:23px;font-weight:650;display:block}.auth-form h2{font-size:27px}.modal{padding:22px}.message p{font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}dialog.modal{color:#dce5e5;margin:auto;position:relative}dialog.modal::backdrop{background:0 0}