:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9ebe7;background:#151716;font-synthesis:none;font-size:16px;--muted:#949a94;--lime:#bcfa75;--border:#2d302d}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}button{border:0;color:inherit;background:none}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}small{font-size:.75rem}.auth{min-height:100dvh;display:grid;grid-template-columns:1.15fr 1fr}.auth-story{padding:52px 8%;background:#20271e;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;position:relative;overflow:hidden}.auth-story:after{content:'V';position:absolute;font-size:650px;font-weight:900;color:#bbfa7505;right:-65px;bottom:-200px;pointer-events:none}.wordmark{font-size:30px;font-weight:900;letter-spacing:-2px;display:flex;align-items:center;gap:2px}.wordmark>span:first-child{color:var(--lime)}.beta{font-size:10px;letter-spacing:2px;color:#b2baa9;margin-left:18px;border:1px solid #424b3c;padding:6px;border-radius:5px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#b0baaa}.auth h1{font-size:clamp(42px,5vw,76px);line-height:1.06;letter-spacing:-3px;margin:25px 0}.auth h1 em{font-style:normal;color:var(--lime)}.auth-story p:not(.eyebrow){color:#b2bcad;max-width:290px;line-height:1.7}.story-footer{font-size:14px;color:#b2bcad}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.auth-form{align-self:center;width:min(400px,80%);margin:50px auto}.auth-form h2{font-size:30px;letter-spacing:-1px;line-height:1.2}.auth-form>p:not(.eyebrow){color:var(--muted);line-height:1.6}.auth-form label,dialog label{display:block;margin-top:26px;font-size:14px;font-weight:600}input{width:100%;padding:15px 16px;margin-top:10px;background:#202320;border:1px solid #383e36;border-radius:10px;color:#fff}input:focus,textarea:focus{outline:1px solid var(--lime)}.primary{background:var(--lime);color:#1b2713;padding:15px 22px;border-radius:10px;font-weight:700}.auth-form .primary{width:100%;margin-top:30px}.link{width:100%;font-size:14px;margin-top:20px;color:#b8c2b0}.form-error{color:#ffaf9d!important;font-size:14px;min-height:20px}#app{display:grid;grid-template-columns:76px 250px minmax(0,1fr) 238px;height:100dvh;overflow:hidden}.rail{background:#111312;display:flex;align-items:center;flex-direction:column;padding:23px 10px;gap:12px}.logo{width:44px;height:44px;border-radius:15px;background:var(--lime);color:#1d2b15;display:grid;place-items:center;font-size:32px;font-weight:1000;text-decoration:none}.rail-line{width:28px;height:1px;background:var(--border);margin:8px 0}.rail-button{display:block;width:46px;height:46px;border-radius:16px;background:#242925;color:#c3ccc1;margin-bottom:10px;font-size:15px;font-weight:700}.rail-button.active{background:#35432b;color:var(--lime);box-shadow:-13px 0 0 -10px var(--lime)}.rail-button.add{font-size:28px;color:var(--lime);background:#1d291b;margin:0}.rail-bottom{margin-top:auto;font-size:10px;color:#6b736b;letter-spacing:2px}.sidebar{background:#1c1f1c;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.community-head{padding:27px 22px 19px;min-height:99px}.community-head small{font-size:10px;letter-spacing:1.5px;color:#8e988a}.community-head h2{font-size:19px;letter-spacing:-.6px;margin:9px 0 0;overflow-wrap:anywhere}.invite{margin:4px 18px 30px;border:1px solid #414a39;border-radius:8px;padding:10px;font-size:14px;color:#becdb0}.channel-section{overflow-y:auto;flex:1;padding:0 12px}.section-label{font-size:10px;letter-spacing:1.4px;color:#91998d;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:10px}.section-label button{font-size:20px;color:#a7aea2}.channel{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:7px;text-align:left;color:#a3aaa0;font-size:14px;overflow-wrap:anywhere}.channel>span{font-size:22px;color:#737e6e}.channel.selected{background:#303b29;color:var(--lime)}.channel.selected>span{color:var(--lime)}.channel i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--lime)}.channel small{margin-left:auto;color:#879780}.voice-label{margin-top:30px}.voice-note{font-size:11px;color:#808a79;padding:0 12px}.channel.in-voice{color:var(--lime);background:#263421}.profile{padding:17px 14px;display:flex;align-items:center;gap:10px;background:#20251e;border-top:1px solid #343b2f}.profile strong{font-size:13px}.profile small{display:block;font-size:11px;color:#939f88;margin-top:5px}.profile button{margin-left:auto;font-size:23px;color:#a5ae9d}.avatar{flex-shrink:0;width:37px;height:37px;border-radius:13px;background:#34343d;color:#cebfde;font-size:12px;font-weight:700;display:grid;place-items:center;position:relative}.avatar.self{background:#3e4b2e;color:#d1eca9}.avatar.online:after{content:'';width:8px;height:8px;background:var(--lime);border-radius:50%;position:absolute;bottom:-1px;right:-1px;border:3px solid #191c19}.chat{min-width:0;display:flex;flex-direction:column;background:#181b18}.chat-head{height:76px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:center;padding:0 30px}.hash{font-size:27px;color:#858f7e}.chat-head strong{font-size:16px}.header-divider{width:1px;height:20px;background:#3c4238}#channel-subtitle{font-size:12px;color:#85907f}.alpha{font-size:9px;letter-spacing:1px;background:#282f23;color:#a2b78f;border:1px solid #414d36;border-radius:4px;padding:4px 6px;margin-left:auto}#chat-content{display:flex;flex-direction:column;flex:1;min-height:0}#messages{flex:1;overflow-y:auto;padding:28px 30px 10px;scrollbar-color:#424b3b transparent}.channel-intro{padding:30px 0 25px;border-bottom:1px solid var(--border);margin-bottom:23px}.channel-intro>span,.welcome-mark{display:grid;place-items:center;width:66px;height:66px;background:#2d3925;color:var(--lime);border-radius:23px;font-size:44px;font-weight:700}.channel-intro h1{font-size:30px;letter-spacing:-1px;margin:18px 0 8px}.channel-intro p{font-size:14px;color:var(--muted);margin:0}.message{display:flex;gap:13px;padding:12px 0}.message>div{min-width:0}.message-meta{display:flex;align-items:center;gap:10px;min-height:20px;flex-wrap:wrap}.message-meta strong{font-size:14px}.message-meta time{font-size:10px;color:#929a8c}.you{font-size:9px;background:#303e26;color:#acc98f;padding:2px 5px;border-radius:4px}.message p{font-size:15px;line-height:1.6;margin:4px 0 0;color:#c5ccc0;white-space:pre-wrap;overflow-wrap:anywhere}#composer{display:flex;align-items:center;gap:10px;background:#242a21;border:1px solid #3b4533;border-radius:12px;margin:12px 28px 0;padding:12px 15px}textarea{resize:vertical;min-height:30px;max-height:150px;width:100%;background:transparent;border:0;color:#e6eddf;font-size:14px;padding:6px}textarea::placeholder{color:#939e89}.send{flex-shrink:0;background:var(--lime);color:#203315;width:34px;height:34px;border-radius:9px;font-size:23px}.composer-note{font-size:10px;color:#8a9481;padding:10px 30px 18px}.composer-note span{margin-left:15px}.members{border-left:1px solid var(--border);padding:29px 19px;display:flex;flex-direction:column;background:#191c19;overflow-y:auto}.members>.section-label{margin-bottom:24px}.member{display:flex;gap:10px;align-items:center;padding:10px 0}.member>div{min-width:0;overflow-wrap:anywhere}.member strong{font-size:13px}.member small{display:block;font-size:11px;margin-top:5px;color:#98a08f}.ban{margin-left:auto;color:#9b857c;opacity:.5}.ban:hover{opacity:1;color:#ffaf9d}.friends-card{margin-top:auto;background:#232b1e;border:1px solid #394630;border-radius:12px;padding:17px}.friends-card>span{font-size:32px;color:var(--lime)}.friends-card h3{font-size:14px;margin:13px 0 8px}.friends-card p{font-size:12px;line-height:1.6;color:#9fab96}.friends-card button{font-size:12px;color:var(--lime);padding:0}.welcome{margin:auto;padding:40px;max-width:530px}.welcome h1{font-size:38px;letter-spacing:-1.8px}.welcome>p:not(.eyebrow){color:var(--muted);line-height:1.7}.welcome .eyebrow{margin-top:30px}.welcome .primary{margin-top:15px}#voice-panel{padding:15px;background:#25341e;border-top:1px solid #445736;font-size:12px}#voice-panel strong{font-size:13px}#voice-panel>div{display:flex;justify-content:space-between;margin-top:13px}#voice-panel button{font-size:11px;border:1px solid #4b5b3f;padding:7px;border-radius:5px}dialog{width:min(440px,90vw);background:#20271e;color:#eef1e9;border:1px solid #49553f;border-radius:18px;padding:30px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#080d09bd;backdrop-filter:blur(6px)}dialog h2{font-size:24px;letter-spacing:-.6px}dialog p{color:#a6b09d;font-size:14px;line-height:1.6}dialog .primary{width:100%}#dialog-close{position:absolute;right:13px;top:10px;font-size:26px;color:#9aa590}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(550px,90vw);border:1px solid #596747;border-radius:10px;background:#303b27;color:#e5f5d7;padding:15px 23px;box-shadow:0 8px 30px #0005;font-size:14px;z-index:10}.older{display:block;margin:10px auto;color:var(--lime);font-size:13px}#menu{display:none}#audio-streams{position:fixed;bottom:0;right:0;z-index:12}@media(min-width:1450px){#app{grid-template-columns:82px 270px minmax(0,1fr) 260px}}@media(max-width:1100px){#app{grid-template-columns:70px 230px minmax(0,1fr)}.members{display:none}.chat-head{padding:0 23px}#channel-subtitle{display:none}}@media(max-width:700px){.auth{display:block}.auth-story{min-height:0;padding:25px}.auth-story h1{font-size:39px;letter-spacing:-1.5px;margin:20px 0}.auth-story h1 br{display:none}.auth-story>div:nth-child(2)>p,.story-footer{display:none}.auth-form{margin:35px auto}.auth-form>.eyebrow{display:none}#app{grid-template-columns:60px minmax(0,1fr)}.rail{padding:20px 6px}.rail-button{width:42px;height:42px}.logo{width:40px;height:40px}.sidebar{display:none;position:fixed;left:60px;top:76px;bottom:0;width:245px;z-index:3;box-shadow:10px 0 30px #0007}.show-sidebar .sidebar{display:flex}#menu{display:block;font-size:20px;padding:0}.chat-head{padding:0 15px;gap:12px}.header-divider{display:none}#messages{padding:15px}.channel-intro h1{font-size:25px}#composer{margin:10px 12px 0;padding:8px}.composer-note{padding:8px 14px;font-size:9px}.composer-note span{display:none}.welcome{padding:25px}.welcome h1{font-size:29px}.message{gap:9px}.message .avatar{width:30px;height:30px;border-radius:10px;font-size:10px}}
#contacts-panel{flex:1;overflow:auto;padding:8px}.contact{padding:12px;border-bottom:1px solid var(--border)}.contact strong,.contact small{display:block;overflow-wrap:anywhere}.contact small{color:var(--muted);margin:5px 0}.contact button{font-size:12px;color:var(--lime);padding:7px 10px 7px 0}.contact+.section-label{margin-top:24px}.file-link{display:inline-block;padding:12px 16px;margin-top:8px;background:#293724;border:1px solid #465b36;color:var(--lime);border-radius:8px;overflow-wrap:anywhere;text-decoration:none}.attach{font-size:26px;color:var(--lime)}.message-meta button{color:var(--muted);font-size:17px;padding:0 4px}.message-meta small{font-size:10px;color:var(--muted)}#connection{padding:10px 20px;background:#55461d;color:#ffe3a0;font-size:13px}.profile{gap:7px}.profile #settings{margin-left:auto}.profile #logout{margin-left:0}
.close-settings{position:absolute;right:15px;top:10px;font-size:26px}#settings-dialog{max-height:85dvh;overflow:auto}#settings-dialog .primary{margin-top:16px}#settings-dialog hr{border:0;border-top:1px solid var(--border);margin:25px 0}.secondary{border:1px solid #526644;padding:10px;border-radius:8px;color:var(--lime)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:14px}.setting-row button{color:var(--lime);font-size:12px}select{display:block;background:#20271e;color:#fff;border:1px solid #526644;padding:10px;margin-top:8px;width:100%;border-radius:8px}#manage-community{margin-top:-20px;font-size:12px;padding:7px}
@media(min-width:1101px){#app.home-mode{grid-template-columns:76px 250px minmax(0,1fr)}}
.audio-settings-open{padding:10px 15px;text-align:left;border-top:1px solid var(--border);color:var(--lime);font-size:13px}.voice-roster{padding:0 9px 5px 27px}.voice-person{display:flex;align-items:center;gap:8px;padding:7px 4px;font-size:12px;color:#c7d0bf;overflow-wrap:anywhere}.voice-person small{display:block;color:#8e9e81;font-size:10px;margin-top:3px}.voice-person-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#626c58;border:2px solid transparent}.voice-person.speaking .voice-person-dot{background:var(--lime);box-shadow:0 0 0 3px #bcfa7526}.voice-person.speaking{color:var(--lime)}#voice-panel .voice-heading{display:flex;justify-content:flex-start;align-items:center;margin:0}#voice-status{font-size:11px;color:#bdcbae;line-height:1.5;margin:7px 0}#voice-panel .voice-controls{gap:5px;flex-wrap:wrap}#voice-panel .voice-controls button{font-size:10px}#voice-panel button[aria-pressed=true]{background:#63372c;color:#ffd0ba}#voice-panel .voice-reconnect{margin-top:10px;width:100%;font-size:10px}#audio-settings{max-height:85dvh;overflow:auto}#audio-settings meter{display:block;width:100%;height:20px;margin:10px 0}#audio-settings input[type=range]{padding:0;accent-color:var(--lime)}#audio-settings .check-label{display:flex;align-items:center;gap:10px}#audio-settings input[type=checkbox]{width:auto;margin:0;accent-color:var(--lime)}#audio-settings .primary{margin-top:15px}#audio-error{color:#ffc1b0}#audio-streams audio[hidden]{display:none}