@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic-ext.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
:root{color-scheme:dark;--bg:#09090a;--sidebar:#0f0f11;--panel:#111113;--surface:#171719;--surface-2:#1c1c1f;--line:#29292c;--line-soft:#202023;--text:#f4f4f1;--muted:#88888e;--dim:#606066;--white:#f0f0ed;--font:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d6d6d1;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#efefeb;color:#111}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:20px;background:#323235}::-webkit-scrollbar-thumb:hover{background:#48484b}
.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:2px;border-radius:9px;background:#f0f0ed;transform:rotate(-8deg);flex:none}.brand-mark i{display:block;width:3px;background:#111113;border-radius:3px;transform:skew(-10deg)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(3){height:10px}.brand-mark i:nth-child(2){height:17px}.brand-mark.large{width:44px;height:44px}.brand-mark.large i{width:4px}.brand-mark.small{width:37px;height:37px;border-radius:11px}.brand-lockup{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.095em}.brand-period,.title-dot{color:#9c9c9f}.boot{position:fixed;inset:0;display:grid;place-items:center;z-index:1000;background:#09090a}.boot .brand-mark{animation:bootpulse 1.3s ease-in-out infinite alternate}@keyframes bootpulse{to{opacity:.4;transform:rotate(-8deg) scale(.93)}}
/* Entry */
.auth-screen{min-height:100dvh;background:#0b0b0c}.auth-page{min-height:100dvh;max-width:1376px;padding:0 64px;margin:0 auto;display:flex;flex-direction:column}.auth-top{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202023}.auth-top-note,.auth-bottom{color:#66666b;font-size:9px;letter-spacing:.15em;font-weight:800}.auth-top-note span{font-size:14px;margin-left:8px;color:#b3b3b3}.auth-layout{flex:1;min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:10%;padding:48px 0 64px}.auth-intro{max-width:590px;padding-bottom:8px}.eyebrow,.voice-kicker{font-size:10px;letter-spacing:.16em;color:#aeaeae;font-weight:800;display:flex;align-items:center;gap:9px}.live-dot,.presence-dot{width:7px;height:7px;border-radius:50%;background:#d5d5d1;display:inline-block;flex:none}.auth-intro h1{font-size:clamp(49px,6vw,78px);line-height:1.12;letter-spacing:-.065em;margin:25px 0 20px;font-weight:700}.auth-lede{font-size:15px;line-height:1.95;max-width:424px;color:#96969a;margin:0}.auth-features{margin-top:54px;display:flex;gap:38px}.auth-feature{display:flex;align-items:flex-start;gap:12px;min-width:0}.feature-icon{width:37px;height:37px;border:1px solid #303034;background:#141416;display:grid;place-items:center;border-radius:11px;color:#b8b8bc;flex:none}.feature-icon svg{width:17px;height:17px}.auth-feature strong,.auth-feature span:not(.feature-icon){display:block}.auth-feature strong{font-size:11px;font-weight:700;margin:1px 0 5px}.auth-feature div>span{font-size:10px;line-height:1.4;color:#76767b}.auth-card{background:#131315;border:1px solid #2b2b2e;border-radius:18px;padding:31px 34px 28px;box-shadow:0 28px 100px #0005}.auth-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-index,.dialog-overline{font-size:9px;font-weight:800;letter-spacing:.15em;color:#79797e}.mini-mark{font-size:21px;line-height:1;color:#76767a}.auth-card h2{font-size:27px;letter-spacing:-.05em;margin:0 0 8px}.muted{color:#8a8a8f}.auth-card>p.muted{font-size:12px;line-height:1.6;margin:0}.auth-tabs{height:43px;background:#0c0c0d;border:1px solid #242427;border-radius:9px;padding:4px;display:flex;margin:27px 0}.auth-tab{width:50%;border:0;border-radius:6px;background:transparent;color:#79797e;font-size:11px;font-weight:700}.auth-tab.active{background:#27272a;color:#f4f4f1;box-shadow:0 1px 4px #0005}label{font-size:11px;font-weight:700;color:#c3c3c5}.auth-card form>label,.compact-dialog form>label{display:block;margin:0 0 9px}.field{height:47px;display:flex;align-items:center;background:#0d0d0e;border:1px solid #303033;border-radius:8px;transition:border-color .18s}.field:focus-within{border-color:#929294}.field input{min-width:0;flex:1;height:100%;background:transparent;border:0;outline:none!important;color:#eee;padding:0 14px;font-size:12px}.field input::placeholder,textarea::placeholder{color:#68686d}.auth-card .field{margin-bottom:18px}.password-field input{padding-right:0}.field-icon{border:0;background:none;color:#7e7e83;display:grid;place-items:center;padding:10px}.field-icon:hover{color:#eee}.field-icon svg{width:17px;height:17px}.btn{min-height:45px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-size:11px;font-weight:800;transition:background .16s,border-color .16s,transform .16s}.btn:active:not(:disabled){transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn-white{background:#f0f0ed;color:#111113}.btn-white:hover:not(:disabled){background:#d9d9d6}.btn-white:disabled{opacity:.55}.btn-outline{border-color:#3a3a3d;background:#19191b;color:#e6e6e5}.btn-outline:hover{background:#242426}.auth-submit{width:100%;justify-content:space-between;padding:0 15px;margin-top:4px}.auth-card-foot{display:flex;align-items:center;gap:8px;color:#77777c;font-size:10px;line-height:1.5;margin:19px 0 0}.auth-card-foot svg{width:14px;height:14px;color:#85858a}.recovery-note{font-size:10px;line-height:1.5;color:#b3b3b6;padding:10px 11px;background:#1d1d20;border-radius:7px;margin:12px 0 0}.form-error{font-size:11px;line-height:1.5;color:#dedede;background:#262628;border:1px solid #525254;border-radius:7px;padding:9px 11px;margin:0 0 13px}.auth-bottom{height:68px;border-top:1px solid #202023;display:flex;align-items:center;justify-content:space-between}
/* Main layout */
.app-screen,.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-shell{display:grid;grid-template-columns:70px 252px minmax(0,1fr) 226px;background:#101012}.rail{background:#09090a;border-right:1px solid #222225;display:flex;align-items:center;flex-direction:column;padding:19px 0 16px;gap:9px}.rail-brand,.rail-button{display:grid;place-items:center;border:0;background:transparent}.rail-brand{padding:0;width:43px;height:43px}.rail-divider{height:1px;width:27px;background:#29292c;margin:12px 0 5px}.rail-button{width:42px;height:42px;color:#727278;border-radius:11px;position:relative}.rail-button svg{width:20px;height:20px}.rail-button:hover{color:#ddd;background:#1a1a1d}.rail-button.active{background:#252527;color:#eee}.rail-button.active:before{content:'';position:absolute;left:-14px;height:24px;width:3px;border-radius:0 3px 3px 0;background:#efefeb}.rail-spacer{flex:1}.rail-bottom-dot{width:5px;height:5px;background:#55555a;border-radius:50%;margin:7px 0 0}.sidebar{min-width:0;background:#101012;border-right:1px solid #262629;display:flex;flex-direction:column}.sidebar-header{height:92px;display:flex;align-items:center;padding:0 20px 0 22px;gap:8px}.sidebar-overline{font-size:8px;font-weight:800;letter-spacing:.16em;color:#65656b;margin-bottom:6px}.sidebar-title{font-size:16px;letter-spacing:.08em;font-weight:800}.sidebar-title span{color:#85858a}.sidebar-badge{margin-left:auto;color:#6a6a6f;border:1px solid #2b2b2e;border-radius:5px;font-size:9px;font-weight:800;padding:4px 6px}.find-button{margin:0 14px 26px;min-height:39px;border:1px solid #2a2a2d;background:#18181a;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#85858a;text-align:left;font-size:11px;font-weight:600}.find-button:hover{background:#202023;color:#ddd}.find-button svg{width:15px;height:15px}.find-shortcut{font-size:13px;color:#8b8b90;margin-left:auto;border:1px solid #343437;padding:0 5px;border-radius:4px}.side-scroll{flex:1;overflow:auto;padding:0 12px}.section-label{height:22px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#77777d;font-size:9px;font-weight:800;letter-spacing:.09em}.label-dots{font-size:15px;line-height:1;color:#67676d}.nav-item{width:100%;height:38px;border:0;background:transparent;color:#919197;border-radius:7px;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{background:#1b1b1e;color:#dfdfdd}.nav-item.active{background:#252528;color:#eee}.nav-leading{width:17px;height:17px;color:#8a8a90}.nav-end{margin-left:auto;font-size:8px;font-weight:800;color:#77777b;letter-spacing:.07em}.voice-count{margin-left:auto;border-radius:5px;background:#343437;padding:3px 6px;color:#ccc;font-size:9px}.dm-label{margin-top:29px;margin-bottom:3px}.section-plus{display:grid;place-items:center;background:none;border:0;color:#88888e;padding:2px}.section-plus:hover{color:#fff}.section-plus svg{width:16px;height:16px}.side-empty{color:#64646a;font-size:10px;line-height:1.65;margin:11px 8px}.conversation-item{width:100%;border:0;background:none;color:#a5a5aa;border-radius:7px;display:flex;align-items:center;gap:10px;text-align:left;padding:7px 9px;min-height:44px;font-size:11px;font-weight:700}.conversation-item:hover,.conversation-item.active{background:#232326;color:#eee}.conversation-item .avatar{width:29px;height:29px;font-size:10px;border-radius:9px}.conversation-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{font-size:9px;background:#e6e6e3;color:#111;border-radius:20px;padding:2px 6px}.avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#2b2b2e;color:#ddd;border:1px solid #3a3a3d;border-radius:11px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:-.04em}.profile-bar{min-height:69px;background:#151517;border-top:1px solid #28282b;padding:12px;display:flex;align-items:center;gap:9px}.avatar-profile{width:36px;height:36px}.profile-copy{flex:1;min-width:0}.profile-copy strong,.profile-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy strong{font-size:11px;margin-bottom:5px}.profile-copy span{font-size:9px;color:#929298}.profile-copy .presence-dot{width:6px;height:6px;background:#bbb;margin-right:3px;vertical-align:1px}.icon-btn{display:grid;place-items:center;width:33px;height:33px;background:transparent;border:0;border-radius:7px;color:#8e8e94;flex:none}.icon-btn:hover{background:#27272a;color:#eee}.icon-btn svg{width:17px;height:17px}.profile-action{width:27px;height:30px}.profile-action svg{width:16px;height:16px}.voice-dock{border-top:1px solid #29292c;padding:12px}.voice-dock-top{display:flex;align-items:center;gap:9px}.voice-live-dot{width:8px;height:8px;border-radius:50%;background:#eee;box-shadow:0 0 0 4px #eee2}.voice-dock-top div{min-width:0;flex:1}.voice-dock-top strong,.voice-dock-top small{display:block}.voice-dock-top strong{font-size:10px}.voice-dock-top small{font-size:9px;color:#8c8c91;margin-top:4px}.voice-dock .icon-btn svg{width:17px}
.main-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#151517}.main-header{height:65px;min-height:65px;border-bottom:1px solid #2a2a2d;display:flex;align-items:center;padding:0 24px;gap:13px}.header-icon{display:flex;color:#8c8c92}.header-icon svg{width:19px;height:19px}.header-copy{min-width:0;display:flex;align-items:center;gap:15px}.header-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-copy span{border-left:1px solid #333337;padding-left:15px;color:#77777e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{margin-left:auto;display:flex;align-items:center;gap:15px;white-space:nowrap}.header-action{border:1px solid #37373b;background:#232326;border-radius:7px;height:32px;padding:0 10px;color:#dcdcdc;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.header-action:hover{background:#303034}.header-action svg{width:14px;height:14px}.header-online{color:#99999e;font-size:10px;font-weight:600}.header-online .presence-dot{width:6px;height:6px;margin-right:5px;vertical-align:1px}.members-toggle{display:none}.mobile-menu,.mobile-close{display:none}.chat-view{min-height:0;flex:1;display:flex;flex-direction:column}.message-viewport{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1}.chat-inner{min-height:100%;max-width:1040px;margin:auto;padding:0 34px;display:flex;flex-direction:column;justify-content:flex-end}.chat-welcome{padding:48px 0 24px;border-bottom:1px solid #2b2b2e;margin-bottom:10px}.welcome-icon{width:51px;height:51px;border-radius:15px;background:#29292c;display:grid;place-items:center;color:#e8e8e6;margin-bottom:20px}.welcome-icon svg{width:24px;height:24px}.welcome-overline,.voice-overline{color:#87878d;font-size:9px;letter-spacing:.14em;font-weight:800}.chat-welcome h1{font-size:24px;letter-spacing:-.045em;line-height:1.3;margin:10px 0 8px}.chat-welcome h1 span{color:#86868b}.chat-welcome p{font-size:12px;color:#86868c;line-height:1.7;margin:0}.message-list{padding:5px 0 11px}.message{position:relative;display:flex;gap:12px;padding:10px 7px;margin:0 -7px;border-radius:7px}.message:hover{background:#1a1a1d}.message .avatar{width:35px;height:35px;font-size:11px}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.message-author{font-size:11px;font-weight:800;color:#e5e5e3}.message-time{font-size:9px;color:#6f6f75}.message-text{color:#c8c8cb;font-size:12px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}.message-edited{font-size:9px;color:#6c6c73;margin-left:5px}.message.pending{opacity:.55}.message.failed .message-text{color:#d5d5d5}.message-actions{position:absolute;right:10px;top:5px;display:none;gap:3px;background:#222225;border:1px solid #343438;border-radius:7px;padding:3px}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.message-actions button{border:0;background:none;border-radius:4px;color:#99999f;font-size:9px;padding:4px 6px}.message-actions button:hover{background:#37373b;color:#fff}.message-day{text-align:center;color:#6a6a70;font-size:9px;font-weight:700;display:flex;align-items:center;gap:12px;margin:15px 0 12px}.message-day:before,.message-day:after{content:'';height:1px;background:#2c2c2f;flex:1}.load-older{align-self:center;color:#acacb0;background:#202023;border:1px solid #333337;border-radius:7px;padding:8px 14px;margin:20px 0;font-size:10px}.load-older:hover{background:#2a2a2d}.composer-wrap{padding:0 34px 16px;max-width:1040px;width:100%;margin:0 auto}.composer{min-height:56px;background:#222225;border:1px solid #333337;border-radius:10px;display:flex;align-items:flex-end;padding:8px;gap:7px;transition:border-color .2s}.composer:focus-within{border-color:#606064}.composer-prefix{height:38px;width:34px;display:grid;place-items:center;color:#77777e}.composer-prefix svg{width:17px;height:17px}.composer textarea{flex:1;min-width:0;max-height:140px;resize:none;color:#efefed;background:transparent;border:0;outline:none!important;padding:10px 0 9px;font-size:12px;line-height:18px}.composer-tools{display:flex;align-items:center;gap:12px;height:38px}.composer-hint{font-size:8px;font-weight:800;letter-spacing:.05em;color:#65656b}.send-btn{width:37px;height:37px;display:grid;place-items:center;background:#ecece9;color:#151517;border:0;border-radius:7px}.send-btn:hover:not(:disabled){background:#fff}.send-btn:disabled{background:#38383b;color:#77777b}.send-btn svg{width:18px;height:18px}.composer-foot{display:flex;justify-content:space-between;margin:9px 2px 0;color:#67676d;font-size:9px}.composer-foot span+span{font-size:8px;letter-spacing:.08em;font-weight:800}
.members-panel{min-width:0;background:#111113;border-left:1px solid #29292c;padding:26px 15px 18px;display:flex;flex-direction:column}.members-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.10em;color:#79797f;padding:0 3px;margin-bottom:18px}.member-count{background:#27272a;border:1px solid #343438;border-radius:5px;padding:3px 6px;color:#aaa;font-size:9px}.member-list{overflow:auto;max-height:50vh}.member-item{display:flex;align-items:center;gap:9px;padding:7px 2px}.member-item .avatar{width:32px;height:32px;border-radius:9px;font-size:10px}.member-item strong{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-item .presence-dot{width:6px;height:6px;margin-left:auto;background:#aaa}.members-spacer{flex:1}.side-note{border:1px solid #2a2a2d;background:#18181a;padding:15px 13px;border-radius:10px}.side-note-icon{width:31px;height:31px;border:1px solid #39393d;background:#222225;border-radius:8px;display:grid;place-items:center;color:#c1c1c3;margin-bottom:15px}.side-note-icon svg{width:15px;height:15px}.side-note strong{font-size:11px}.side-note p{font-size:10px;color:#85858a;line-height:1.65;margin:6px 0 14px}.side-note button{border:0;background:none;color:#ddd;padding:0;font-size:10px;font-weight:800;text-align:left}.side-note button span{margin-left:4px}.side-note button:hover{color:white}.side-footer{color:#57575d;font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.8;margin:24px 3px 0}
/* Voice */
.voice-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:29px 34px 22px}.voice-view-top,.voice-view-bottom{display:flex;justify-content:space-between;align-items:center}.voice-view-top .voice-kicker{font-size:9px}.voice-capacity,.voice-view-bottom{font-size:9px;font-weight:800;letter-spacing:.1em;color:#69696f}.voice-center{flex:1;min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 0}.voice-symbol{width:98px;height:98px;display:grid;place-items:center;border-radius:30px;background:#242427;border:1px solid #39393d;position:relative;margin-bottom:34px}.voice-symbol svg{width:37px;height:37px;color:#e7e7e4;stroke-width:1.4}.voice-symbol-pulse{position:absolute;inset:-11px;border:1px solid #303034;border-radius:38px;pointer-events:none}.voice-center h1{font-size:27px;letter-spacing:-.05em;margin:10px 0}.voice-center h1 span{color:#88888d}.voice-center>p:not(.voice-room-count){font-size:12px;color:#8d8d93;line-height:1.8;max-width:400px;margin:0}.voice-participants{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:25px 0 0}.voice-participant{min-width:48px;text-align:center;color:#aaa;font-size:9px;font-weight:600}.voice-participant .avatar{width:42px;height:42px;margin:0 auto 7px}.voice-room-count{color:#7e7e84;font-size:10px;margin:14px 0 19px}.join-voice{padding:0 19px}.voice-controls{display:flex;gap:9px}.round-control,.call-control{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3c3c40;border-radius:12px;color:#d8d8d6;background:#252528}.round-control:hover,.call-control:hover{background:#36363a}.round-control svg,.call-control svg{width:19px;height:19px}.hangup{background:#dededb!important;border-color:#dededb!important;color:#151517!important}.hangup:hover{background:#fff!important}.round-control.muted,.call-control.muted{background:#3b3b3f;color:#fff}.voice-note{color:#66666c;font-size:9px;margin-top:18px}.voice-view-bottom{margin-top:30px}.voice-view-bottom span:last-child{color:#59595e}
/* Dialogs */
.dialog{color:#eee;background:#151517;border:1px solid #353539;border-radius:15px;padding:26px 28px 28px;box-shadow:0 30px 120px #000a;width:min(440px,calc(100vw - 28px));max-height:min(90dvh,850px);overflow:auto}.dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-header h2{font-size:23px;letter-spacing:-.045em;margin:8px 0 0}.dialog-header h2 span{color:#87878c}.dialog-header .icon-btn{margin:-5px -7px 0 0}.dialog-description{font-size:11px;color:#919196;line-height:1.7;margin:13px 0 24px}.dialog-submit{width:100%;justify-content:space-between;padding:0 15px;margin-top:17px}.compact-dialog .form-error{margin:12px 0 0}.settings-dialog{width:min(640px,calc(100vw - 28px));padding:28px 30px 30px}.settings-content{margin-top:27px}.settings-section-head{display:flex;gap:12px;align-items:center;margin-bottom:22px}.settings-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #38383b;background:#242426;border-radius:10px}.settings-icon svg{width:19px;height:19px}.settings-section-head strong,.account-settings strong{font-size:12px}.settings-section-head p,.setting-toggle-row p{font-size:10px;color:#88888e;margin:5px 0 0;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px}.setting-block{min-width:0}.setting-block>label{display:block;margin-bottom:9px}.setting-block select{width:100%;height:42px;border:1px solid #37373a;background:#101012;border-radius:7px;padding:0 10px;color:#ddd;font-size:11px;outline:none}.setting-block select:disabled{color:#666}.label-between{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.label-between span{font-size:10px;color:#a7a7ac}.setting-block input[type=range]{width:100%;height:4px;margin:4px 0 7px;appearance:none;background:#39393d;border-radius:5px;accent-color:#e9e9e6}.setting-block input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#eee;border:2px solid #151517;box-shadow:0 0 0 1px #eee}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#68686e}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;margin:20px 0;border-top:1px solid #2b2b2e;border-bottom:1px solid #2b2b2e}.setting-toggle-row strong{font-size:11px}.switch{width:37px;height:21px;position:relative;display:block;flex:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch>span:not(.sr-only){position:absolute;inset:0;background:#3b3b3e;border-radius:20px;transition:.2s}.switch>span:not(.sr-only):before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;background:#999;border-radius:50%;transition:.2s}.switch input:checked+span{background:#dededb}.switch input:checked+span:before{transform:translateX(16px);background:#1a1a1c}.switch input:focus-visible+span{outline:2px solid white;outline-offset:3px}#enableDevices{padding:0 13px;min-height:39px;font-size:10px}.device-note{font-size:10px;color:#7e7e84;line-height:1.6;margin:11px 0 0}.settings-divider{height:1px;background:#2b2b2e;margin:24px 0 18px}.account-settings{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-settings strong,.account-settings span{display:block}.account-settings span{font-size:10px;color:#85858a;margin-top:5px}.logout-btn{background:none;border:0;color:#aaa;display:flex;gap:6px;align-items:center;font-size:10px;font-weight:700}.logout-btn:hover{color:white}.logout-btn svg{width:16px;height:16px}
.call-panel{position:fixed;z-index:60;top:80px;left:50%;transform:translateX(-50%);min-width:370px;max-width:calc(100vw - 28px);padding:12px 14px;background:#212124;border:1px solid #454549;border-radius:13px;box-shadow:0 20px 60px #0008;display:flex;align-items:center;gap:11px}.call-avatar{width:40px;height:40px;display:grid;place-items:center;background:#3a3a3d;border-radius:11px;font-weight:800}.call-copy{flex:1;min-width:0}.call-copy strong,.call-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-copy strong{font-size:11px}.call-copy span{font-size:10px;color:#99999e;margin-top:5px}.call-buttons{display:flex;gap:6px}.call-control{width:35px;height:35px;border-radius:9px}.call-control svg{width:16px;height:16px}.call-control.accept{color:#111;background:#ededeb;border-color:#ededeb}.toast-container{position:fixed;z-index:100;bottom:25px;right:25px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{max-width:360px;background:#29292c;border:1px solid #444448;border-radius:9px;padding:11px 14px;color:#eee;box-shadow:0 12px 35px #0007;font-size:11px;line-height:1.5;animation:toast-in .2s ease}.toast.error{border-color:#626264}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.app-shell{grid-template-columns:70px 252px minmax(0,1fr)}.members-panel{display:none;position:fixed;right:0;top:65px;bottom:0;width:226px;z-index:20;box-shadow:-20px 0 50px #0005}.members-panel.open{display:flex}.members-toggle{display:grid}.auth-layout{gap:6%}.auth-page{padding:0 45px}.auth-features{gap:20px}}
@media(max-width:800px){.auth-page{padding:0 25px}.auth-top{height:78px}.auth-top-note{font-size:8px}.auth-layout{grid-template-columns:1fr;gap:32px;padding:50px 0;max-width:500px;width:100%;margin:auto}.auth-intro h1{font-size:51px;margin:20px 0 14px}.auth-lede{font-size:13px}.auth-features{margin-top:30px}.auth-card{width:100%}.auth-bottom{height:62px}.app-shell{grid-template-columns:60px 226px minmax(0,1fr)}.rail{padding-top:17px}.sidebar-header{padding-left:18px}.header-copy span{display:none}.main-header{padding:0 18px}.chat-inner{padding:0 24px}.composer-wrap{padding-left:24px;padding-right:24px}}
@media(max-width:650px){.app-shell{display:flex}.rail{display:none}.sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;width:min(300px,85vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:15px 0 60px #0008}.sidebar.open{transform:translateX(0)}.mobile-backdrop{position:fixed;inset:0;background:#0009;z-index:39}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto}.sidebar-badge{margin-left:0}.main-panel{width:100%;height:100dvh}.main-header{height:60px;min-height:60px;padding:0 13px;gap:8px}.header-actions{gap:7px}.header-online{display:none}.members-panel{top:60px}.header-action{padding:0 8px}.header-action span{display:none}.chat-inner{padding:0 18px}.chat-welcome h1{font-size:21px}.composer-wrap{padding:0 14px calc(13px + env(safe-area-inset-bottom))}.composer-foot span:first-child{display:none}.composer-foot{justify-content:flex-end}.voice-view{padding:22px 18px}.voice-capacity{font-size:8px}.voice-center h1{font-size:24px}.voice-view-bottom{font-size:8px}.call-panel{top:68px;min-width:0;width:calc(100vw - 24px)}.toast-container{bottom:18px;left:14px;right:14px}.toast{max-width:none}}
@media(max-width:440px){.auth-page{padding:0 18px}.auth-top-note{font-size:7px;letter-spacing:.08em}.auth-layout{padding:37px 0}.auth-intro h1{font-size:43px}.auth-features{gap:15px}.auth-feature{gap:8px}.auth-feature strong{font-size:10px}.auth-feature div>span{font-size:9px}.feature-icon{width:32px;height:32px}.auth-card{padding:25px 22px 23px}.auth-card h2{font-size:24px}.auth-bottom{font-size:8px}.settings-dialog{padding:24px 20px}.settings-grid{grid-template-columns:1fr;gap:17px}.settings-content{margin-top:20px}.setting-toggle-row{margin:17px 0}.voice-view-top .voice-kicker{font-size:8px}}
.member-item{width:100%;text-align:left;border:0;border-radius:7px;background:transparent;color:#d9d9d7}.member-item:not(:disabled):hover{background:#222225}.member-item:disabled{opacity:1;cursor:default}.message.failed .message-actions{display:flex}
/* Keep the sign-in button visible on a typical phone without hiding the introduction. */
@media(max-width:650px){.auth-top{height:66px}.auth-layout{min-height:0;gap:22px;padding:27px 0 34px}.auth-intro h1{font-size:36px;line-height:1.08;margin:12px 0 9px}.auth-lede{font-size:11px;line-height:1.6}.auth-features{display:none}.auth-card{padding:22px}.auth-card-top{margin-bottom:16px}.auth-tabs{margin:19px 0}.auth-card .field{margin-bottom:13px}.auth-bottom{height:50px}}
/* Servers and invitations */
.sidebar-header>div:first-child{min-width:0}.sidebar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.server-rail-divider{margin:9px 0 4px}.server-rail-list{max-height:min(42vh,360px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;align-items:center;width:100%;scrollbar-width:none}.server-rail-list::-webkit-scrollbar{display:none}
.rail-server{width:39px;height:39px;border:1px solid #333337;border-radius:12px;display:grid;place-items:center;color:#c8c8ca;background:#202023;font-size:12px;font-weight:800;position:relative}.rail-server:hover{background:#303034;color:#fff}.rail-server.active{background:#ecece9;color:#111;border-color:#ecece9}.rail-server.active:before{content:'';position:absolute;left:-16px;height:24px;width:3px;border-radius:0 3px 3px 0;background:#efefeb}.rail-add-server{width:39px;height:39px;border:1px dashed #3b3b3f;margin-top:1px}.rail-add-server svg{width:17px;height:17px}
.server-toolbar{display:flex;align-items:center;gap:5px;margin:-7px 14px 13px}.server-toolbar>button:first-child{height:32px;flex:1;border:1px solid #39393d;background:#232326;border-radius:7px;color:#ddd;display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800}.server-toolbar>button:first-child:hover{background:#313135}.server-toolbar>button:first-child svg{width:15px;height:15px}.server-toolbar>.icon-btn{border:1px solid #333337;background:#1b1b1e;width:32px;height:32px}
.server-side-label{margin-bottom:4px}.server-list-side{display:flex;flex-direction:column;gap:3px;margin-bottom:17px}.server-side-item{min-width:0;width:100%;height:34px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#99999e;border-radius:7px;text-align:left;padding:0 8px;font-size:10px;font-weight:700}.server-side-item:hover,.server-side-item.active{background:#252528;color:#eee}.server-side-item .server-initial{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none;background:#2e2e32;color:#ddd;font-size:10px}.server-side-item.active .server-initial{background:#e6e6e3;color:#151517}.server-side-item .server-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-side-item.home-item .server-initial svg{width:14px;height:14px}.channels-label{margin-top:2px}
.invite-hint{font-size:10px;line-height:1.55;color:#d3d3d1;background:#222225;border:1px solid #343438;border-radius:7px;padding:9px 10px;margin:14px 0 0}.server-tabs{margin:0 0 20px}.dialog-caption{font-size:10px;line-height:1.6;color:#828288;margin:12px 0 0}.invite-link-field{margin-top:9px}.invite-link-field input{font-size:10px;color:#cececf}.subtle-link{border:0;background:none;color:#aaa;font-size:10px;padding:0;margin-top:16px;text-align:left;text-decoration:underline;text-underline-offset:3px}.subtle-link:hover{color:#fff}.server-member-role{color:#77777d;font-size:9px;white-space:nowrap}.members-heading span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-actions{display:flex;flex-wrap:wrap;gap:8px}.device-actions .btn{padding:0 12px;min-height:39px;font-size:10px}.mic-test-box{margin-top:12px;padding:11px 12px;background:#101012;border:1px solid #343438;border-radius:8px}.mic-test-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#bbb}.mic-test-top button{color:#aaa;border:0;background:none;font-size:9px;text-decoration:underline}.mic-meter{height:5px;border-radius:5px;background:#36363a;overflow:hidden;margin-top:9px}.mic-meter span{display:block;width:0%;height:100%;background:#ddd;transition:width .08s}
@media(max-width:650px){.server-rail-list,.server-rail-divider{display:none}.server-toolbar{margin-top:-7px}.server-list-side{margin-bottom:14px}.device-actions{flex-direction:column}.device-actions .btn{justify-content:center}}