:root{--bg-deep:#05050a;--bg-rail:#080811;--bg-sidebar:#0f0f19;--bg-main:#10101b;--bg-elevated:#1e1e30;--bg-floating:#141420;--bg-input:#222236;--bg-hover:#ffffff0d;--bg-active:#7c5cff29;--accent:var(--ac);--accent-hover:#ad99ff;--accent-2:#5b8def;--accent-soft:#7c5cff26;--accent-glow:#7c5cff38;--text:#f3f3fa;--text-dim:#b4b4ca;--text-mut:#9696ae;--border:#ffffff12;--border-strong:#ffffff24;--ease-ui:cubic-bezier(.22,1,.36,1)}body{font-family:var(--font);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app{background:var(--bg-main);width:100%;min-width:0;height:100dvh}.main{isolation:isolate;background:var(--bg-main);position:relative}.main:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 780px 520px at 12% 0%,var(--accent-soft),transparent 75%);will-change:auto;animation:none;position:absolute;inset:0}.rail{background:linear-gradient(180deg,var(--bg-rail),var(--bg-deep));border-right:1px solid var(--border);gap:8px;padding-top:12px}.server-icon{border:1px solid var(--border);background:var(--bg-elevated);transition:background .16s,border-radius .18s var(--ease-ui),transform .18s var(--ease-ui);box-shadow:inset 0 1px #ffffff05}.server-icon.active{box-shadow:0 4px 18px var(--accent-glow)}.server-icon:hover{transform:translateY(-2px)}.server-icon.home img{object-fit:contain;width:28px;height:28px}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.server-header,.chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;height:56px;min-height:56px;box-shadow:inset 0 1px #ffffff03}.server-header{padding-inline:16px}.server-header h1{font-size:14px}.chat-header{gap:12px;padding-inline:20px}.chat-title{gap:10px;min-width:0}.chat-title h2{font-size:15px}.chat-title .ch-desc{color:var(--text-mut);font-size:12px}.chat-actions{gap:4px}.chat-actions>button{border-radius:9px;width:36px;min-width:36px;height:36px;min-height:36px}.chat-actions .feature-options{background:var(--bg-hover);border-color:#0000;width:36px;min-width:36px}.chat-actions #btn-free-setup{color:#63d792;background:#23a55a14;border-color:#23a55a38;width:auto;min-width:0;height:28px;min-height:28px;padding-inline:10px;font-size:10px}.header-search-wrap{width:156px}.header-search-input{background:var(--bg-deep);border:1px solid var(--border);width:100%;height:32px;color:var(--text);border-radius:8px;padding-inline:10px 30px;font-size:12px}.server-banner{background:linear-gradient(135deg,var(--accent-soft),#5b8def0d);border:1px solid #7c5cff40;border-radius:12px;margin:10px 10px 8px;padding:12px;box-shadow:inset 0 1px #ffffff05}.server-banner .sb-info strong{font-size:12px}.server-banner .sb-info span{font-size:11px;line-height:1.4}.server-banner .sb-btn{background:var(--accent);color:#fff;border-radius:8px;padding:7px 10px;font-size:10px}.channels-scroll{scroll-behavior:auto;overscroll-behavior:contain;padding-top:4px}.category-header{letter-spacing:.08em;color:var(--text-mut);padding:12px 16px 7px;font-size:10px}.channel{width:calc(100% - 20px);min-height:36px;color:var(--text-dim);border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:2px 10px;padding:8px 10px;font-size:13px;transition:background .14s,color .14s;display:flex}.channel:hover{background:var(--bg-hover);color:var(--text);transform:none}.channel.active{background:linear-gradient(90deg,var(--accent-soft),var(--bg-hover));color:var(--text);border-color:var(--border);box-shadow:inset 2px 0 0 var(--accent)}.channel>span:first-child{color:var(--accent-hover);font-size:20px;font-weight:500;line-height:1}.user-panel{background:var(--bg-rail);border-top:1px solid var(--border);min-height:60px;padding-inline:12px}.up-profile-trigger{min-width:0}.up-controls{gap:2px}.up-controls>button{min-width:34px;min-height:40px}.messages{scroll-behavior:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;padding:12px 22px 18px}.welcome{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft),transparent);border-radius:16px;margin:12px 0 24px;padding:24px}.welcome-icon{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:32px;display:grid}.welcome h1{letter-spacing:-.7px;font-size:26px}.welcome p{max-width:480px;line-height:1.6}.message{border-radius:10px;gap:14px;min-width:0;margin:2px -10px;padding:10px;transition:background .12s;position:relative}.message:hover{background:var(--bg-hover)}.message>.avatar{flex:0 0 38px;width:38px;height:38px;box-shadow:0 3px 12px #0002}.message-meta{flex-wrap:wrap;gap:8px;min-height:18px;margin-bottom:3px;padding-right:30px}.message-meta strong{font-size:13px}.message-meta time{color:var(--text-mut);font-size:10px}.message p{color:var(--text-dim);line-height:1.55}.message-grouped{padding-top:4px;padding-bottom:4px}.message-grouped>.avatar{visibility:hidden}.message-grouped .message-meta{display:none}.message-reactions{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.message-reactions .reaction{background:var(--bg-elevated);border-radius:8px}.message-reactions .mine{border-color:var(--accent);background:var(--accent-soft)}.message-menu{z-index:3;position:absolute;top:4px;right:5px}.message-menu[open]{z-index:20}.message-menu>summary{background:var(--bg-floating);border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);cursor:pointer;opacity:0;border-radius:8px;place-items:center;font-size:22px;list-style:none;transition:opacity .12s;display:grid}.message-menu>summary::-webkit-details-marker{display:none}.message:hover .message-menu>summary,.message:focus-within .message-menu>summary,.message-menu[open]>summary{opacity:1}.message-menu>summary:focus-visible{outline:3px solid var(--accent-hover);outline-offset:2px}.message-menu .message-actions{background:var(--bg-floating);border:1px solid var(--border-strong);opacity:1;border-radius:12px;gap:3px;width:242px;max-width:calc(100vw - 80px);margin:0;padding:8px;display:flex;position:absolute;top:36px;right:0;box-shadow:0 12px 30px #0005}.message-menu:not([open])>.message-actions{display:none}.message-menu .tiny-button{color:var(--text-dim);border-radius:6px;min-height:34px;padding:7px 9px;font-size:12px}.message-menu .tiny-button:hover{background:var(--bg-hover);color:var(--text)}.message-menu .reaction{background:var(--bg-elevated);border-color:#0000;flex:0 0 33px;min-width:33px}.message-menu .reaction:hover{border-color:var(--accent)}.message-form-wrap{background:0 0;padding:10px 20px 18px;position:relative}.message-form{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:14px;gap:8px;height:auto;min-height:52px;padding:6px 10px;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff05,0 8px 26px #0003}.message-form:focus-within{background:var(--bg-input);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.message-form #message-input{font-size:var(--message-font-size);min-width:0;color:var(--text);flex:1;padding:6px 0}.message-form .send-live{background:linear-gradient(135deg,var(--accent),var(--accent-2));width:36px;height:36px;box-shadow:0 4px 12px var(--accent-glow);border-radius:10px;flex:0 0 36px;place-items:center;font-size:0;display:grid}.send-live svg{width:19px;height:19px}.message-form .add-btn{flex:0 0 30px;width:30px;height:30px}.message-form .icon-btn{color:var(--text-dim)}.message-form #message-input::placeholder{color:var(--text-mut)}.typing-indicator{padding-inline:25px}.reply-banner{background:var(--bg-elevated);border-radius:10px 10px 0 0;margin-inline:20px}.jump-latest{white-space:nowrap;border:1px solid var(--accent);background:var(--bg-floating);min-height:36px;color:var(--text);z-index:8;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0005}.members{background:var(--bg-sidebar);border-left:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 8px}.member-heading{letter-spacing:.06em;color:var(--text-mut);font-size:10px}.member{border-radius:9px;padding:9px 10px}.member:hover{background:var(--bg-hover)}.member small{color:var(--text-mut)}.participant{background:radial-gradient(ellipse at 50% 0%,var(--accent-soft),transparent 80%),var(--bg-elevated);border-radius:16px}.participant.speaking,.media-tile.speaking{border-color:var(--online);box-shadow:0 0 0 2px #23a55a44}.media-tile{border-radius:16px}.voice-controls{background:var(--bg-rail)}.feature-panel,.app-dialog,dialog{background:var(--bg-floating);border-radius:16px}.feature-panel{box-shadow:0 18px 70px #0006}.thread-form{background:var(--bg-floating)}body[data-density=compact] .message{gap:10px;padding:5px 10px}body[data-density=compact] .message>.avatar{flex-basis:28px;width:28px;height:28px}body[data-density=compact] .message-grouped{padding-block:2px}.auth-view{background:radial-gradient(ellipse at 15% 20%,var(--accent-soft),transparent 55%),var(--bg-main)}.intro{border-right:1px solid var(--border);background:0 0}.intro h1{color:var(--text)}.intro h1 em{color:var(--accent-hover)}.auth-card{background:var(--bg-floating);border-radius:20px;width:min(440px,90%);margin:auto;padding:32px;box-shadow:0 24px 80px #0003}.auth-card input{background:var(--bg-input);border-color:var(--border-strong)}body[data-color-mode=light] .main:before{opacity:.35}body[data-color-mode=light] .sidebar,body[data-color-mode=light] .rail,body[data-color-mode=light] .members,body[data-color-mode=light] .user-panel{background:var(--bg-sidebar)}body[data-color-mode=light] .message-form{background:var(--bg-input)}body[data-color-mode=light] .chat-actions #btn-free-setup{color:#167943}body[data-color-mode=light] .intro{background:0 0}body[data-color-mode=light] .intro h1 em{color:var(--accent)}@media (min-width:1101px){.header-search-input:focus{width:100%}}@media (max-width:1200px){.chat-actions #btn-free-setup{display:none!important}.chat-title .ch-desc{display:none}}@media (max-width:780px){.app{min-width:0}.main{padding-top:env(safe-area-inset-top)}.chat-header{background:var(--bg-main);gap:5px;height:58px;min-height:58px;padding:7px 10px}.chat-title{flex:1;gap:8px;overflow:hidden}.chat-title h2{max-width:none;font-size:15px}.chat-actions{gap:2px}.chat-actions>button,.chat-actions .feature-options{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}.mobile-nav-btn{flex:0 0 44px;width:44px;min-width:44px;height:44px}.chat-actions #btn-free-setup,.chat-actions #btn-notif-toggle,.chat-actions #pins-toggle{display:none!important}.header-search-wrap{width:44px;min-width:44px}.header-search-input{color:#0000;cursor:pointer;background:0 0;border-color:#0000;width:44px;height:44px;padding:0}.header-search-input:focus{width:min(250px,70vw);color:var(--text);background:var(--bg-floating);border-color:var(--accent);padding:8px}.header-search-wrap #btn-search-toggle{width:44px!important;height:44px!important}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:none;backdrop-filter:none;width:calc(100vw - 72px);max-width:300px;height:var(--app-viewport,100dvh);bottom:auto;left:72px!important}.rail{height:var(--app-viewport,100dvh);bottom:auto;width:72px!important}.channel{min-height:44px}.category-header button{min-width:44px;min-height:44px}.server-header{min-height:58px}.user-panel{padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:64px}.up-controls>button{min-width:38px;min-height:44px}.messages{scrollbar-gutter:auto;padding:10px 12px 16px}.message{gap:10px;margin:2px -5px;padding:10px 5px}.message>.avatar{flex-basis:34px;width:34px;height:34px}.message-meta{gap:5px;padding-right:32px}.message-meta strong{font-size:13px}.message p{line-height:1.5}.message-grouped{padding-block:4px}.message-menu{top:0;right:0}.message-menu>summary{opacity:1;background:0 0;border:0;min-width:44px;min-height:44px}.message-menu .message-actions{width:244px;max-width:calc(100vw - 32px);top:44px}.message-menu .tiny-button,.message-menu .reaction{min-width:44px;min-height:44px}.message-menu .reaction{flex-basis:44px}.message-meta{padding-right:40px}.message-grouped{min-height:44px}.welcome{margin:10px 0 20px;padding:20px}.welcome h1{font-size:23px}.welcome-icon{width:48px;height:48px}.message-form-wrap{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.message-form{gap:3px;min-height:56px;padding:5px}.message-form #message-input{font-size:16px;line-height:1.4}.message-form .add-btn,.message-form .icon-btn,.message-form .send-live{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.message-form .add-btn{background:0 0}.reply-banner{margin-inline:8px;padding:10px;font-size:12px}.reply-banner button,.jump-latest{min-height:44px}.media-tile figcaption{gap:6px}.voice-controls .vc-btn{min-width:44px;min-height:44px}.auth-card{width:calc(100% - 32px);margin:24px auto;padding:24px}.intro{padding:20px}.feature-panel{max-height:calc(var(--app-viewport,100dvh) - 16px);height:calc(var(--app-viewport,100dvh) - 16px);bottom:auto}body.call-connected #text-view .message-form-wrap{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width:380px){.chat-actions #btn-members-toggle{display:none}.chat-title h2{font-size:14px}.message-form .icon-btn{display:none}.up-name{max-width:80px}}@media (hover:hover) and (pointer:fine){.message-menu>summary:hover{color:var(--text);border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:780px){.sidebar{box-shadow:none}body.mobile-menu-open .sidebar{box-shadow:12px 0 40px #0008}.message-form .add-btn{color:var(--text-dim)}}@media (min-width:781px){.intro>div,.intro>small{display:block}.intro h1{letter-spacing:-2px;font-size:clamp(36px,4.4vw,64px);line-height:1.1}.intro{padding:40px clamp(24px,5vw,80px);display:flex}}@media (max-width:780px){.auth-view{height:var(--app-viewport,100dvh);min-height:0;display:block;overflow:auto}.intro>div,.intro>small{display:none}.auth-card h2{font-size:28px}.up-controls>button{min-width:44px}.header-search-wrap{max-width:44px}}@media (pointer:coarse){button{min-height:44px}input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.check-field,.participant-volume{min-height:44px}}@media (max-width:780px){.header-search-input:not(:focus)::placeholder{color:#0000}}.message-form #message-input{resize:none;color:var(--text);min-height:26px;max-height:160px;box-shadow:none;outline-offset:1px;background:0 0;border:0;align-self:center;font-family:inherit;line-height:1.5;display:block;overflow-y:auto}.message-form{align-items:flex-end}.message-form .icon-btn,.message-form .add-btn,.message-form .send-live{align-self:flex-end}.network-notice{background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-dim);padding:9px 20px;font-size:12px;line-height:1.5}.network-offline .free-setup-pill{color:#ffb879!important;border-color:#ffb879!important}@media (max-width:780px){.message-form #message-input{font-size:16px}.message-form .send-live{margin-bottom:0}.network-notice{padding:8px 14px}}.member[role=button]:focus-visible{outline:3px solid var(--accent-hover);outline-offset:1px}.forgot-link{place-self:flex-end end;width:auto;margin:-4px 0 2px;padding:2px 0;font-size:13px}.reset-box{gap:10px;display:grid}.reset-form{gap:14px;display:grid}.pw-field{display:block;position:relative}.pw-field input{width:100%;padding-right:84px}.pw-eye{min-height:32px;color:var(--muted,#9aa);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover,.pw-eye:focus-visible{color:var(--text,#fff);background:var(--accent-soft,#ffffff14)}.reset-status[data-tone=error]{color:var(--danger,#ff6b6b)}.reset-status[data-tone=ok]{color:var(--success,#3ddc97)}