:root{color:#dadcde;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111315;--panel:#17191c;--surface:#1e2024;--line:#2b2e32;--dim:#858b92;--accent:#c4d3cc;--live:#9dc6b3;--danger:#e49393;background:#111315;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}html,body,#root{overscroll-behavior:none;width:100%;min-width:0;height:100%;overflow:hidden}.mobile-only,.mobile-navigation-backdrop{display:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;transition:background .15s,color .15s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b4cabb}input,select,textarea{color:#e2e4e7;background:#121416;border:1px solid #34383d;border-radius:5px;outline:none}input:focus,select:focus,textarea:focus{border-color:#a4b7ae;box-shadow:0 0 0 2px #a4b7ae12}input,select{width:100%;padding:12px 13px}input[type=checkbox]{accent-color:#b7cdbf;width:16px;height:16px}input[type=file]{font-size:12px}label{color:#a7acb2;flex-direction:column;gap:9px;margin:20px 0;font-size:12px;font-weight:600;display:flex}h1,h2,h3,p,figure{margin:0}a{color:inherit}svg{flex-shrink:0}.eyebrow{letter-spacing:1.9px;color:#7f878e;font-size:10px;font-weight:700}.muted{color:var(--dim);font-size:13px;line-height:1.6}.primary,.secondary{border-radius:4px;justify-content:center;align-items:center;gap:11px;min-height:42px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#141819;background:#c6ceca;border:1px solid #dce2de}.primary:hover{background:#e1e5e2}.secondary{color:#c9ced2;background:#25282c;border:1px solid #373b40}.secondary:hover{background:#30343a}.wide{width:100%}.icon{color:#8b9199;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon:hover,.subtle-icon:hover{color:#e7e9eb;background:#2d3136}.danger{color:var(--danger)}.text-button{color:#969ea5;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#e5e9e7}.subtle-icon{color:#797f87;border-radius:3px;padding:4px;display:inline-flex}.signal-dot{background:#6b7178;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.signal-dot.live{background:#9bbdac;box-shadow:0 0 8px #a0c5b621}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#f0b8b6;background:#42292b;border:1px solid #704042;border-radius:4px;padding:12px 16px;font-size:12px}.toast{z-index:2;justify-content:space-between;align-items:center;margin:12px 18px 0;display:flex;position:relative}.boot-screen{letter-spacing:5px;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100dvh;font-size:20px;display:flex}.boot-screen>svg:first-child{width:70px}.auth-shell{grid-template-columns:1.1fr 1fr;height:100%;min-height:100dvh;display:grid;overflow-y:auto}.auth-art{background:radial-gradient(at 60% 35%,#333b3b44,#0000 55%),repeating-linear-gradient(0deg,#0000,#0000 59px,#bac4be05 60px),repeating-linear-gradient(90deg,#0000,#0000 59px,#bac4be05 60px),#171b1c;border-right:1px solid #343a3c;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:48px 64px;display:flex;position:relative;overflow:hidden}.brand{letter-spacing:4px;z-index:1;align-items:center;gap:13px;font-size:19px;font-weight:700;display:flex}.brand>svg{width:40px}.brand small,.members-brand small{letter-spacing:2.2px;color:#79848a;margin-top:5px;font-size:8px;display:block}.orbital{border:1px solid #4a535440;justify-content:center;align-items:center;width:420px;height:420px;display:flex;position:absolute;top:9%;right:-30px;transform:rotate(-15deg)}.orbital:before,.orbital:after{content:"";border:1px solid #4a53542b;position:absolute;inset:30px}.orbital:after{inset:75px}.orbital svg{color:#7e8a8950;width:230px;transform:rotate(15deg)}.auth-art h1{letter-spacing:-2.3px;margin:20px 0;font-size:clamp(36px,4.2vw,62px);font-weight:500;line-height:1.07}.auth-art>div:nth-of-type(3){z-index:1;margin-top:220px;position:relative}.auth-art p{color:#879293;font-size:16px;line-height:1.7}.auth-art footer{color:#667376;letter-spacing:2px;justify-content:space-between;margin-top:70px;font-size:9px;display:flex}.auth-panel{justify-content:center;align-items:center;padding:50px;display:flex}.auth-form{width:100%;max-width:350px}.auth-form h2{letter-spacing:-.7px;margin:15px 0 10px;font-size:28px;font-weight:500}.auth-form form{margin-top:32px}.auth-form .primary{margin-top:10px}.auth-form>.text-button{margin:15px auto;display:block}.auth-note{color:#5f6970;border-top:1px solid #282c30;justify-content:center;align-items:center;gap:8px;margin-top:42px;padding-top:25px;font-size:11px;display:flex}.workspace{inset:0;top:var(--viewport-top,0px);height:100dvh;height:var(--viewport-height,100dvh);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template-rows:minmax(0,1fr);grid-template-columns:76px 250px minmax(0,1fr);display:grid;position:fixed;bottom:auto;overflow:hidden}.server-rail{background:#0e1012;border-right:1px solid #25282b;flex-direction:column;align-items:center;gap:14px;padding:22px 0 16px;display:flex;overflow-y:auto}.rail-logo{color:#c2cdc7;width:43px;height:43px;margin-bottom:8px;padding:4px}.rail-divider{background:#2b3032;width:27px;height:1px;margin-bottom:7px}.server-button{color:#929c9e;background:#1b1e21;border:1px solid #303539;border-radius:9px;flex-shrink:0;width:45px;height:45px;font-size:13px;font-weight:650;position:relative}.server-button:hover{color:#d7e3df;background:#303636}.server-button.active{color:#e0e9e5;background:linear-gradient(135deg,#3c4544,#202929);border-color:#a3b4ac}.server-button.active:before{content:"";background:#c2d3c9;border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:-16px}.server-button.add{color:#788682;background:0 0;border-style:dashed;justify-content:center;align-items:center;display:flex}.rail-bottom{flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding-top:35px;display:flex}.rail-bottom small{color:#4f595e;letter-spacing:1px;font-size:8px}.channel-sidebar{background:#181b1e;border-right:1px solid #2a2d31;flex-direction:column;min-width:0;min-height:0;display:flex}.server-heading{border-bottom:1px solid #2b2f33;flex-shrink:0;justify-content:space-between;align-items:center;height:87px;padding:23px 18px;display:flex}.server-heading h2{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:6px;font-size:16px;font-weight:600;overflow:hidden}.server-heading .eyebrow{letter-spacing:1.6px;font-size:8px}.sidebar-body{flex:1;min-height:0;padding:14px 11px;overflow-y:auto}.server-meta{color:#8c9896;background:#202629;border:1px solid #30393b;border-radius:4px;align-items:center;gap:8px;margin:1px 3px 25px;padding:11px;font-size:11px;display:flex}.server-meta button{margin-left:auto}.channel-tools{color:#626d74;justify-content:space-between;align-items:center;padding:5px 10px 12px;display:flex}.channel-tools .eyebrow{letter-spacing:1.3px;font-size:9px}.category{margin-bottom:13px}.category-heading{color:#777f87;text-transform:uppercase;letter-spacing:1.2px;text-align:left;align-items:center;gap:6px;width:100%;padding:12px 6px 8px;font-size:9px;font-weight:650;display:flex}.channel{text-align:left;color:#8b939a;border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;width:100%;min-height:40px;margin:2px 0;padding:10px 12px;font-size:13px;display:flex}.channel>svg{color:#616c73}.channel>span:not(.signal-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel:hover{color:#c6cbd0;background:#22272b}.channel.selected{color:#e0e6e4;background:#2d3337;border-color:#3e484b}.channel.selected>svg{color:#becfc7}.channel.in-voice{color:#b0cdbd}.channel .badge{text-align:center;color:#1d2521;background:#a8bfb3;border-radius:3px;min-width:18px;margin-left:auto;padding:2px 4px;font-size:10px}.channel>.signal-dot{margin-left:auto}.sidebar-hint{color:#727e85;padding:12px;font-size:12px;line-height:1.8}.sidebar-hint button{margin-top:20px}.voice-member{color:#9ca6ab;align-items:center;gap:8px;margin-left:32px;padding:5px;font-size:11px;display:flex}.sidebar-footer{padding-bottom:env(safe-area-inset-bottom);background:#15181b;border-top:1px solid #2a3034;flex-shrink:0}.server-actions{padding:0 16px}.server-actions .text-button{color:#717d84;font-size:10px}.user-controls{border-top:1px solid #282d31;align-items:center;gap:1px;padding:13px 8px;display:flex}.user-profile{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:0 3px;display:flex}.user-profile>span:last-child{overflow:hidden}.user-profile strong{white-space:nowrap;text-overflow:ellipsis;max-width:83px;font-size:11px;font-weight:600;display:block;overflow:hidden}.user-profile small{color:#798a82;margin-top:3px;font-size:9px;display:block}.user-controls>.icon{width:28px}.muted-control{color:#a28e8e}.avatar{letter-spacing:.5px;color:#b5c3c4;background:linear-gradient(130deg,#3c4748,#283235);border:1px solid #5b66674d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.is-speaking{outline:2px solid var(--live);outline-offset:2px;animation:1.1s ease-in-out infinite speaking-frame}@keyframes speaking-frame{0%,to{box-shadow:0 0 0 2px #9dc6b320}50%{box-shadow:0 0 0 5px #9dc6b34d,0 0 14px #9dc6b330}}@media (prefers-reduced-motion:reduce){.avatar.is-speaking{animation:none}}.avatar.tiny{border-radius:5px;width:23px;height:23px;font-size:8px}.avatar.large{border-radius:14px;width:70px;height:70px;font-size:23px}.voice-connection{background:#202a263d;border-top:1px solid #2b3432;justify-content:space-between;align-items:center;padding:13px 12px;display:flex}.voice-connection strong{color:#a9c3b4;margin-left:7px;font-size:10px;font-weight:500}.voice-connection small{color:#72877b;margin:5px 0 0 13px;font-size:9px;display:block}.main-panel{background:#1b1e21;flex-direction:column;min-width:0;min-height:0;display:flex}.channel-header{background:#1b1e21;border-bottom:1px solid #2b3035;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:87px;padding:0 27px;display:flex}.channel-title{align-items:center;gap:11px;min-width:0;display:flex}.channel-title>svg{color:#83938e}.channel-title strong{white-space:nowrap;font-size:15px;font-weight:600}.header-divider{background:#363c40;width:1px;height:18px;margin:0 8px}.channel-description{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.header-actions{align-items:center;gap:12px;display:flex}.connection-label{letter-spacing:1.2px;color:#716c6c;white-space:nowrap;align-items:center;gap:7px;margin-right:8px;font-size:8px;display:flex}.connection-label.connected{color:#859f93}.connection-label.connected .signal-dot{background:#96b4a4}.is-active{color:#b9c8c0;background:#313b36}.main-content{flex:1;min-height:0;display:flex}.conversation-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.messages{overflow-wrap:anywhere;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#363e41 transparent;flex:1;min-height:0;padding:25px 28px 20px;overflow:auto}.conversation-intro{padding:38px 6px 30px}.intro-icon{color:#c1cec7;background:linear-gradient(135deg,#343e3e,#252b2f);border:1px solid #464f51;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:25px;display:flex}.conversation-intro .eyebrow{letter-spacing:2px;font-size:8px}.conversation-intro h1{letter-spacing:-.8px;margin:10px 0 12px;font-size:32px;font-weight:550}.conversation-intro p{color:#828c92;font-size:12px;line-height:1.7}.date-divider{color:#606c74;letter-spacing:1.7px;white-space:nowrap;align-items:center;gap:17px;margin:9px 0 28px;font-size:8px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#31373c;flex:1;height:1px}.message{border-radius:4px;gap:13px;margin:0 -1px 6px;padding:10px 7px;display:flex;position:relative}.message:hover{background:#ffffff03}.message>.avatar{width:35px;height:35px}.message-content{flex:1;min-width:0}.message-meta{align-items:center;gap:9px;margin:1px 0 7px;display:flex}.message-meta strong{color:#cbd5d0;font-size:12px;font-weight:600}.message-meta time,.message-meta small{color:#616d76;font-size:9px}.you-label{color:#9eafa2;letter-spacing:.4px;border:1px solid #46594c;border-radius:2px;padding:2px 4px;font-size:7px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#b1b9bf;font-size:13px;line-height:1.7}.message .deleted{color:#626c73;font-style:italic}.message-actions{background:#282d31;border:1px solid #424a4e;border-radius:4px;gap:6px;padding:5px;display:none;position:absolute;top:-14px;right:5px}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.message-actions button{padding:3px;font-size:9px}.message-actions button:hover{color:#d7e3dd}.history-button{color:#9fb5aa;border:1px solid #36453d;border-radius:3px;margin:0 auto 15px;padding:8px 14px;font-size:11px;display:block}.composer{flex-shrink:0;padding:17px 27px 14px}.composer-input{background:#252a2e;border:1px solid #41494c;border-radius:6px;align-items:center;gap:13px;min-height:53px;padding:8px 11px 8px 16px;display:flex;box-shadow:0 5px 20px #0000000a}.composer-input>svg{color:#67767b}.composer textarea{resize:none;box-shadow:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:150px;padding:8px 0;font-size:12px;line-height:1.6}.composer textarea::placeholder{color:#6e7a83}.send-button{color:#c0d2c6;background:#38483e;border:1px solid #4e6256;border-radius:4px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.composer-meta{color:#56626c;justify-content:space-between;margin-top:9px;font-size:8px;display:flex}.composer-meta kbd{font:inherit;color:#78868d}.composer-meta>span>span{margin:0 6px}.members-panel{background:#181c1f;border-left:1px solid #2c3237;flex-direction:column;flex-shrink:0;width:226px;padding:27px 17px;display:flex;overflow:auto}.members-title{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.members-title .eyebrow{letter-spacing:1.4px;font-size:9px}.members-title>span:last-child{color:#727e85;font-size:10px}.members-panel h3{letter-spacing:1.3px;color:#64727b;margin:0 0 15px 2px;font-size:8px;font-weight:600}.members-panel section{margin-bottom:28px}.member-row{align-items:center;gap:2px;padding:7px 0;display:flex}.member-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.member-main>span:nth-child(2){flex:1;min-width:0}.member-main strong{white-space:nowrap;text-overflow:ellipsis;color:#b5c0c4;max-width:115px;font-size:11px;font-weight:500;display:block;overflow:hidden}.member-main small{color:#5f7078;margin-top:4px;font-size:9px;display:block}.member-main>svg{color:#a1b19c}.member-avatar{display:flex;position:relative}.member-avatar .signal-dot{border:2px solid #181c1f;width:9px;height:9px;position:absolute;bottom:-2px;right:-3px}.member-row.offline{opacity:.48}.members-brand{color:#4a565b;letter-spacing:2px;align-items:center;gap:9px;margin-top:auto;padding:30px 10px 0;font-size:10px;font-weight:600;display:flex}.members-brand svg{width:27px}.members-brand small{color:#3f4c52;letter-spacing:1.4px;font-size:5px}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.empty h1{letter-spacing:-.7px;font-size:30px;font-weight:450}.empty p{color:#7f8a90;font-size:13px;line-height:1.6}.empty-mark{background:#28302e;border:1px solid #3c4748;padding:25px;transform:rotate(5deg)}.empty-mark svg{color:#aebdb4;width:60px;transform:rotate(-5deg)}.empty .eyebrow{margin-top:17px;font-size:8px}.voice-stage{flex:1;padding:40px 32px;overflow:auto}.stage-heading{margin-bottom:35px}.stage-heading h1{margin:10px 0;font-size:30px;font-weight:500}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.participant-card{background:linear-gradient(140deg,#262e30,#20272a);border:1px solid #374345;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:230px;padding:25px;transition:border-color .15s;display:flex}.participant-card.speaking{border-color:#a5c8b5;box-shadow:inset 0 0 25px #abc3b10a}.participant-card strong{font-size:13px}.participant-card>.muted{font-size:10px}.volume{flex-direction:row;align-items:center;gap:6px;width:100%;max-width:150px;margin:0;font-size:9px}.volume input{accent-color:#b5cabb;width:100%;padding:0}.stage-controls{justify-content:center;gap:12px;margin-top:30px;display:flex}.screen-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px;display:grid}.screen video{background:#0c0e0f;border:1px solid #36443c;border-radius:5px;width:100%}.screen figcaption{color:#879a8c;padding:8px;font-size:10px}dialog{top:calc(var(--viewport-top,0px) + var(--viewport-height,100dvh) / 2);color:#d0d9d5;width:460px;max-width:calc(100vw - 28px);max-height:min(90dvh, calc(var(--viewport-height,100dvh) - 24px));background:#1c2225;border:1px solid #485456;border-radius:9px;margin:0 auto;padding:29px;position:fixed;bottom:auto;left:0;right:0;transform:translateY(-50%);box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05090cc4}dialog header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}dialog header h2{letter-spacing:-.5px;margin-top:8px;font-size:22px;font-weight:500}dialog .eyebrow{font-size:8px}dialog .primary{margin-top:17px}dialog .error{margin:15px 0}.check-label{color:#a6b3b4;flex-direction:row;align-items:center;gap:10px;margin:16px 0;font-weight:400;display:flex}.audio-settings>.muted{font-size:11px}.registration-invites p{font-size:12px;line-height:1.6}.new-registration-invite{border:1px solid #485456;border-radius:6px;margin-top:20px;padding:15px}.registration-invite-heading,.registration-invite-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.registration-invite-heading{margin-top:24px}.registration-invite-heading h3{font-size:14px;font-weight:500}.registration-invite-list{max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.registration-invite-list li{border-bottom:1px solid #303b3e;padding:12px 0;font-size:12px}.registration-invite-list strong,.registration-invite-list small{display:block}.registration-invite-list small{color:#879a8c;margin-top:5px}@media (width>=1600px){.workspace{grid-template-columns:82px 270px minmax(0,1fr)}.members-panel{width:250px}.messages,.composer{padding-left:40px;padding-right:40px}.conversation-intro{padding-top:55px}}@media (width<=1150px){.workspace{grid-template-columns:65px 220px minmax(0,1fr)}.server-button.active:before{left:-11px}.channel-description,.header-divider,.connection-label{display:none}.members-panel{width:185px;padding:25px 12px}.member-main strong{max-width:85px}.user-profile strong{max-width:58px}.channel-header{padding:0 18px}.messages{padding:20px}.composer{padding:15px 20px}.members-brand{padding-left:0}}@media (width<=850px){.members-panel{display:none}.auth-art{padding:35px}.auth-panel{padding:30px}.orbital{width:300px;height:300px;right:-100px}.auth-art footer{font-size:7px}.auth-art h1{font-size:43px}.auth-art>div:nth-of-type(3){margin-top:200px}.workspace{grid-template-columns:58px 205px minmax(0,1fr)}.server-button{width:38px;height:38px}.server-button.active:before{left:-10px}.user-controls{padding:12px 5px}.user-controls>.icon{width:25px}.user-profile strong{max-width:52px}.server-heading{padding:20px 14px}}@media (width<=610px){.auth-shell{grid-template-columns:1fr}.auth-art{border-bottom:1px solid #333b3c;border-right:0;min-height:auto;padding:28px}.auth-art>div:nth-of-type(3){margin-top:65px}.auth-art h1{font-size:37px}.auth-art p,.auth-art footer{display:none}.auth-art .brand{font-size:16px}.orbital{width:220px;height:220px;top:70px;right:-20px}.orbital svg{width:110px}.auth-panel{padding:40px 25px}.workspace{grid-template-columns:48px 150px minmax(0,1fr)}.server-rail{gap:12px;padding-top:21px}.rail-logo{width:34px}.server-button{border-radius:6px;width:32px;height:32px;font-size:10px}.server-button.active:before{top:8px;bottom:8px;left:-9px}.server-heading{height:74px;padding:18px 10px}.server-heading h2{max-width:100px;font-size:12px}.server-heading .eyebrow{font-size:6px}.sidebar-body{padding:10px 5px}.channel{gap:5px;padding:8px 7px;font-size:10px}.channel>svg{width:14px}.channel-tools{padding:5px}.channel-tools .eyebrow{font-size:7px}.server-meta{gap:5px;margin-bottom:18px;padding:9px 5px;font-size:9px}.user-controls{flex-wrap:wrap;justify-content:center;gap:3px}.user-profile{flex-basis:100%;margin:5px 0 9px}.user-profile strong{max-width:80px}.user-profile .avatar{width:28px;height:28px}.category-heading{letter-spacing:.5px;font-size:7px}.channel-header{height:74px;padding:0 13px}.channel-title{gap:6px}.channel-title strong{text-overflow:ellipsis;max-width:90px;font-size:12px;overflow:hidden}.channel-title>svg{width:17px}.header-actions{gap:3px}.header-actions .members-toggle{display:none}.messages{padding:12px}.conversation-intro{padding:26px 0}.conversation-intro h1{font-size:25px}.conversation-intro p{font-size:10px}.message{gap:8px;padding:9px 0}.message>.avatar{width:25px;height:25px;font-size:8px}.message-meta{flex-wrap:wrap;gap:5px}.message-meta strong{font-size:10px}.message-meta time{font-size:7px}.message p{font-size:11px}.composer{padding:10px}.composer-input{gap:7px;padding:6px 7px}.composer-input>svg{display:none}.composer textarea{font-size:10px}.composer-meta{font-size:7px}.composer-meta>span:first-child{max-width:120px}.empty{padding:20px}.empty h1{font-size:23px}.empty p{font-size:11px}.empty .eyebrow{font-size:6px}.primary,.secondary{gap:7px;padding:10px;font-size:11px}.voice-stage{padding:25px 15px}.participant-grid{grid-template-columns:1fr}.stage-controls{flex-direction:column}.voice-connection{padding:10px 7px}.voice-connection strong,.voice-connection small{font-size:8px}.server-actions{padding:0 7px}.server-actions .text-button{font-size:8px}.member-row{padding:5px}.date-divider{letter-spacing:1px;font-size:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=720px){.workspace{grid-template-columns:minmax(0,1fr)}.mobile-only{display:inline-flex}.mobile-navigation-backdrop{inset:0;top:var(--viewport-top,0px);height:var(--viewport-height,100dvh);z-index:30;background:#0009;display:block;position:fixed;bottom:auto}.server-rail,.channel-sidebar{top:var(--viewport-top,0px);height:var(--viewport-height,100dvh);z-index:32;padding-top:env(safe-area-inset-top);display:none;position:fixed}.navigation-open .server-rail,.navigation-open .channel-sidebar{display:flex}.server-rail{width:58px;padding-bottom:env(safe-area-inset-bottom);left:0}.channel-sidebar{width:min(280px,100vw - 82px);left:58px}.server-heading{gap:5px;height:68px;padding:12px}.server-heading h2{max-width:150px;font-size:15px}.server-heading .eyebrow{font-size:8px}.server-button{width:40px;height:40px;font-size:12px}.channel{gap:8px;padding:11px 9px;font-size:14px}.channel>svg{width:18px}.channel-tools .eyebrow,.category-heading{font-size:10px}.server-meta{padding:10px;font-size:12px}.user-controls{flex-wrap:nowrap;gap:3px;padding:12px 8px}.user-profile{flex-basis:auto;margin:0}.user-profile strong{max-width:80px}.user-controls>.icon{width:36px;height:44px}.server-actions .text-button{min-height:44px;font-size:12px}.voice-connection strong,.voice-connection small{font-size:11px}.channel-header{gap:8px;height:64px;padding:0 10px}.channel-title{flex:1;gap:8px}.channel-title strong{text-overflow:ellipsis;max-width:none;font-size:14px;overflow:hidden}.channel-title>svg{display:none}.header-actions{flex-shrink:0;gap:4px}.header-actions .members-toggle{display:none}.mobile-only.icon,.header-actions>.icon{flex-shrink:0;width:40px;height:44px}.messages{padding:15px}.message{gap:10px}.message-meta strong{font-size:12px}.message-meta time{font-size:10px}.message p{font-size:14px}.message>.avatar{width:32px;height:32px;font-size:10px}.conversation-intro h1{font-size:26px}.conversation-intro p,.empty p{font-size:13px}.composer{padding:10px 12px max(10px, env(safe-area-inset-bottom))}.composer textarea{font-size:16px}.composer-meta>span:first-child{display:none}.composer-meta{justify-content:flex-end;font-size:10px}.voice-stage{min-height:0}.screen-grid{grid-template-columns:minmax(0,1fr)}.primary,.secondary{min-height:44px;font-size:13px}dialog{max-height:calc(var(--viewport-height,100dvh) - 24px);padding:22px;overflow-y:auto}}@media (pointer:coarse){input,select,textarea{font-size:16px}}.peer-volume-control{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.sound-settings>.muted{margin-bottom:16px}.sound-settings input[type=range]{accent-color:var(--live);min-height:28px;padding:0}.sound-switch{flex-direction:row;justify-content:space-between;align-items:center;gap:14px}.sound-switch>input{flex-shrink:0}.sound-switch small,.sound-event-label small{color:var(--dim);margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;display:block}.sound-note{font-size:11px}.sound-readiness{color:var(--live);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.sound-readiness .text-button{margin-left:auto}.sound-hint{color:#bfccb7;border:1px solid #535d55;border-radius:5px;margin:12px 0;padding:12px;font-size:12px;line-height:1.6}.sound-category{border-top:1px solid var(--line);margin-top:24px}.sound-category-heading{margin:18px 0 8px;font-size:14px}.sound-event{border-bottom:1px solid #262e30;align-items:center;gap:10px;padding:10px 0;display:flex}.sound-event-label{color:#c9d2d1;flex-direction:row;flex:1;align-items:center;gap:12px;margin:0;font-weight:500;display:flex}.sound-event-label input{flex-shrink:0}.sound-event-label small{font-size:10px}.sound-event-label .sound-pending{color:#8f9c8c}.sound-play{width:36px;height:36px;color:var(--accent);border:1px solid #394440;flex-shrink:0}.sound-footer{margin-top:24px}.sound-footer a{display:flex}.sound-future{color:var(--dim);margin-top:24px;font-size:12px}.sound-future summary{cursor:pointer;padding:10px 0}.sound-future li{padding:6px 0}.sound-future code{margin-top:3px;font-size:10px;display:block}.sound-playground{background:radial-gradient(at 70% 0,#36453f40,#0000 50%),#121719;height:100%;padding:48px max(24px,50vw - 570px);overflow-y:auto}.sound-hero{border-bottom:1px solid #3b4845;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:36px;display:flex}.sound-hero h1{letter-spacing:-1.5px;margin:14px 0;font-size:clamp(30px,4vw,48px);font-weight:500}.sound-hero p{color:#91a09b;line-height:1.7}.sound-hero>svg{color:#a1b9ac}.sound-playground-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:24px;display:grid}.sound-card{background:linear-gradient(135deg,#20282a,#191f22);border:1px solid #34413d;border-radius:8px;min-width:0;padding:26px}.sound-card h2{letter-spacing:-.5px;margin:12px 0 20px;font-size:22px;font-weight:500}.sound-comparisons{flex-direction:column;gap:24px;display:flex}.sound-comparison{border-top:1px solid #35413d;margin-top:20px;padding-top:18px}.sound-comparison strong{margin-bottom:10px;font-size:13px;font-weight:500;display:block}.sound-comparison>div{flex-wrap:wrap;gap:8px;display:flex}.sound-comparison .secondary{padding:10px 12px;font-size:12px}.sound-pair{text-align:left;border-bottom:1px solid #34413d;align-items:center;gap:12px;width:100%;padding:15px 0;font-size:13px;display:flex}.sound-pair:hover{color:var(--live)}.sound-comparisons .wide{margin-top:20px}.sound-technical p{margin-top:15px;font-size:12px;line-height:1.7}.sound-technical details{margin-top:18px;font-size:12px}.sound-technical pre{color:#97b7a5;line-height:1.7}.sound-brand{letter-spacing:2px;color:#5a7267;text-align:center;padding:35px 0 0;font-size:9px}@media (width<=720px){.sound-playground{padding:28px 16px}.sound-playground-grid{grid-template-columns:minmax(0,1fr)}.sound-hero{padding-bottom:24px}.sound-hero>svg{display:none}.sound-card{padding:20px}.sound-play{min-width:44px;min-height:44px}}@media (width>=761px){.workspace{grid-template-columns:68px minmax(200px, min(var(--channel-width,260px), 30vw)) minmax(0, 1fr)}.workspace .members-panel{width:min(var(--member-width,228px), 25vw)}}.workspace{font-size:calc(14px * var(--interface-scale,1))}.channel-sidebar,.members-panel{min-width:0;min-height:0;position:relative}.panel-resizer{z-index:5;cursor:col-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0}.panel-resizer.channels{right:-3px}.panel-resizer.members{left:-3px}.panel-resizer:hover,.panel-resizer:focus-visible{background:#9daaa977;outline:none}.settings-dialog{width:min(1100px,100vw - 32px);max-width:none;height:min(750px, calc(var(--viewport-height,100dvh) - 32px));max-height:calc(var(--viewport-height,100dvh) - 20px);resize:both;min-width:min(600px,100vw - 24px);min-height:min(520px, calc(var(--viewport-height,100dvh) - 24px));padding:0;overflow:hidden}.settings-dialog>header{box-sizing:border-box;border-bottom:1px solid #343c40;flex-shrink:0;height:76px;margin:0;padding:16px 24px}.settings-dialog>header h2{font-size:19px}.settings-layout{grid-template-columns:224px minmax(0,1fr);height:calc(100% - 76px);min-height:0;display:grid}.settings-navigation{overscroll-behavior:contain;background:#14181b;flex-direction:column;gap:5px;padding:22px 14px;display:flex;overflow:auto}.settings-navigation>button{text-align:left;color:#a4afb0;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;min-height:42px;padding:12px 13px;font-size:13px}.settings-navigation>button:hover,.settings-navigation>button.selected{color:#e9efed;background:#2d363a;border-color:#414e52}.settings-search{background:#101416;border:1px solid #343d42;border-radius:6px;align-items:center;gap:7px;margin-bottom:18px;padding:0 8px;display:flex}.settings-search>input{background:0 0;border:0;min-width:0;margin:0;padding:12px 0;font-size:12px}.settings-brand{letter-spacing:2px;color:#71807f;margin-top:auto;padding:36px 12px 8px;font-size:9px;line-height:1.8}.settings-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;padding:32px clamp(18px,4vw,48px);overflow:auto}.settings-content h1{margin:8px 0 28px;font-size:28px}.settings-content h2{margin:30px 0 18px;font-size:18px}.settings-fields{flex-direction:column;gap:18px;display:flex}.settings-fields label{margin:0}.settings-content .settings-fields+.settings-fields{margin-top:28px}.settings-fields input:not([type=checkbox]),.settings-fields select{box-sizing:border-box;width:100%}.settings-fields .check-label{align-items:center;gap:12px;display:flex}.settings-fields .check-label input{flex-shrink:0;width:18px;height:18px}.settings-fields meter{width:100%;height:18px}.settings-actions{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.settings-content .sound-settings{margin-top:28px}.settings-status{color:#b2d6c3}.diagnostic-list{grid-template-columns:150px minmax(0,1fr);gap:14px;font-size:13px;display:grid}.diagnostic-list dd{overflow-wrap:anywhere;color:#b9c6c7;margin:0}.diagnostic-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#101618;padding:16px;font-size:12px}.session-row{border-bottom:1px solid #343e41;justify-content:space-between;gap:15px;padding:16px 0;font-size:13px;display:flex}.settings-standalone{background:#1b2023;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.settings-standalone>header{letter-spacing:2px;border-bottom:1px solid #354045;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 22px;font-size:12px;display:flex}.settings-standalone>.settings-layout{flex:1;height:auto}.avatar-current{align-items:center;gap:25px;display:flex}.avatar-editor{border-bottom:1px solid #343d42;margin-bottom:24px;padding:0 0 24px}.file-button{cursor:pointer;background:#313c40;border:1px solid #536064;border-radius:6px;padding:12px 16px;font-size:13px;display:inline-block}.file-button input{display:none}.crop-previews{flex-wrap:wrap;align-items:center;gap:24px;margin:20px 0;display:flex}.crop-square,.crop-circle{background:#101416;flex-shrink:0;width:240px;height:240px;position:relative;overflow:hidden}.crop-square{touch-action:none;cursor:move;outline:1px solid #8ea5a4}.crop-square:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 33%,#dbe9e337 33% 33.5%,#0000 33.5% 66%,#dbe9e337 66% 66.5%,#0000 66.5%);position:absolute;inset:0}.crop-circle{transform-origin:50%;border-radius:50%;margin:-45px -48px;transform:scale(.55)}.crop-square img,.crop-circle img{object-fit:initial;-webkit-user-select:none;user-select:none;display:block}.stream-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:16px 0 24px;display:grid}.stream-grid.has-focus{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stream-primary{grid-column:1/-1}.stream-tile{background:#101518;border:1px solid #3c4b4f;border-radius:8px;min-width:0;margin:0;overflow:hidden}.stream-picture{aspect-ratio:16/9;background:#090c0e;justify-content:center;align-items:center;display:flex;position:relative}.stream-picture video{object-fit:contain;width:100%;height:100%}.stream-tile figcaption{justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.stream-name{color:#d2ddda;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;min-width:0;overflow:hidden}.stream-tile figcaption>div{display:flex}.stream-loading{color:#8c9b9d;font-size:13px}.stream-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.stream-toolbar label{max-width:220px;margin:0;font-size:11px}.stream-toolbar select{padding:8px;font-size:12px}.stream-tile:fullscreen{background:#06090b;border:0;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex}.stream-tile:fullscreen .stream-picture{aspect-ratio:auto;flex:1;min-height:0}.stream-tile:fullscreen figcaption{flex-shrink:0;height:44px}.video-diagnostics{overflow-wrap:anywhere;color:#b6d4cc;background:#101c20;padding:10px 12px;font:10px/1.8 Consolas,monospace}.video-diagnostics span{display:block}.live-badge{letter-spacing:1.6px;color:#ccddd7;border:1px solid #5f8073;border-radius:3px;padding:4px 7px;font-size:9px}.voice-stage{max-width:none;padding-bottom:max(24px, env(safe-area-inset-bottom));overflow-x:hidden}.stage-controls{z-index:3;background:#1b2023ed;flex-wrap:wrap;padding:14px 0;position:sticky;bottom:0}.participant-card{min-width:0}.voice-stage .stage-heading h1{font-size:clamp(26px,3vw,38px)}html[data-compact=true] .message{padding-top:7px;padding-bottom:7px}html[data-compact=true] .message+.message{margin-top:0}html[data-animations=false] *,html[data-animations=false] :before,html[data-animations=false] :after{transition:none!important;animation:none!important}html[data-theme=silver] .main-panel,html[data-theme=silver] .settings-content{background:#293136}html[data-theme=silver] .channel-sidebar,html[data-theme=silver] .members-panel{background:#222b30}html[data-theme=silver] .server-rail{background:#1b242a}@media (width<=1100px) and (width>=761px){.workspace{grid-template-columns:64px minmax(200px, min(var(--channel-width,250px), 25vw)) minmax(0, 1fr)}.workspace .members-panel{display:none}}@media (width<=760px){.panel-resizer{display:none}.settings-dialog{width:calc(100vw - 12px);height:calc(var(--viewport-height,100dvh) - 12px);max-height:calc(var(--viewport-height,100dvh) - 12px);resize:none;border-radius:8px;min-width:0}.settings-dialog>header{height:68px;padding:12px 16px}.settings-dialog>header h2{font-size:16px}.settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:calc(100% - 68px)}.settings-navigation{flex-flow:row;align-items:center;gap:6px;max-height:112px;padding:8px;display:flex;overflow-x:auto}.settings-navigation>button{white-space:nowrap;min-height:38px;padding:9px;font-size:12px}.settings-navigation .settings-search,.settings-brand{display:none}.settings-content{padding:24px 18px}.settings-content h1{margin-bottom:22px;font-size:23px}.crop-previews{gap:8px}.crop-circle{display:none}.stage-controls>button{flex:1;min-width:110px;padding:10px 8px}.stream-grid{gap:10px}.settings-standalone>.settings-layout{min-height:0}.diagnostic-list{grid-template-columns:minmax(0,1fr);gap:6px}.diagnostic-list dd{margin-bottom:12px}}.profile-card{text-align:center}.profile-image{background:0 0;border:0;padding:0}.profile-image img{object-fit:cover;border-radius:18px}.profile-initials{margin:32px;font-size:64px}.capture-unavailable{color:#adc0be;background:#17262c;border:1px solid #394e54;border-radius:6px;padding:14px;font-size:12px;line-height:1.6}.benchmark-page{box-sizing:border-box;background:#192127;padding:clamp(16px,4vw,64px);position:fixed;inset:0;overflow:auto}.benchmark-page h1{font-size:clamp(26px,4vw,42px)}.benchmark-page>.muted{max-width:1000px;line-height:1.7}.benchmark-videos{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.benchmark-videos figure{min-width:0;margin:0}.benchmark-videos canvas,.benchmark-videos video{aspect-ratio:16/9;background:#0a1116;width:100%;display:block}.benchmark-videos figcaption{color:#99b1af;padding:10px 0;font-size:11px}.benchmark-page .settings-actions{align-items:end}.benchmark-page label{margin:0}.benchmark-page input{max-width:180px}.workspace .channel,.workspace .member-main,.workspace .user-profile,.workspace .message-body{font-size:calc(13px * var(--interface-scale,1))}.workspace .channel-header strong{font-size:calc(15px * var(--interface-scale,1))}@media (width<=760px){.benchmark-videos{grid-template-columns:minmax(0,1fr)}}.audio-settings select{width:100%;min-width:0}.device-full-name{white-space:normal;overflow-wrap:anywhere;color:#a9bdc1}.audio-comparison{gap:18px;display:grid}.audio-comparison audio{width:100%;max-width:100%}.audio-notice{background:#302f29;border-left:2px solid #bfab78;padding:12px}.avatar{border:1px solid var(--portrait-accent,#91bdb5);background:color-mix(in srgb, var(--portrait-accent,#91bdb5) 15%, #20282c)}.avatar.is-speaking{outline-offset:3px;outline:2px solid #c5f2df;box-shadow:0 0 18px #96d8b74d}.call-stage.voice-stage{flex:1 1 0;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;min-width:0;min-height:0;padding:12px;display:grid;overflow:visible}.call-heading{grid-row:1;align-items:center;gap:12px;min-width:0;font-size:13px;display:flex}.call-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-heading>span{color:#9ba9ad;font-size:12px}.call-heading>button{flex-shrink:0;margin-left:auto;padding:6px 9px;font-size:12px}.call-main{grid-row:2;min-width:0;min-height:0;position:relative}.call-roster{grid-template-rows:minmax(0,1fr) auto auto;gap:6px;height:100%;min-height:0;display:grid}.call-roster .participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;min-height:0}.call-roster .participant-card{gap:5px;height:100%;min-height:0;padding:8px;overflow:hidden}.call-roster .participant-card .avatar.large{flex-shrink:1;width:clamp(30px,7vh,90px);height:clamp(30px,7vh,90px);min-height:0;font-size:clamp(14px,3vh,28px)}.participant-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.participant-state{color:#a8b5b8;font-size:11px}.participant-card.speaking{border-color:#c5f2df}.roster-pages{justify-content:center;align-items:center;gap:12px;display:flex}.primary-stream{grid-template-rows:minmax(0,1fr) auto;gap:6px;height:100%;min-height:0;display:grid}.call-stage .stream-tile{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.call-stage .stream-picture{aspect-ratio:auto;background:#101619;justify-content:center;align-items:center;height:auto;min-height:0;display:flex}.call-stage .stream-picture video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.call-stage .stream-tile figcaption{gap:6px;min-width:0;padding:6px 9px}.call-stage .stream-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.stream-view-controls{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.stream-view-controls button{padding:5px 8px;font-size:12px}.call-strip{scroll-snap-type:x proximity;grid-row:3;gap:8px;height:106px;max-height:106px;padding:3px;display:flex;overflow:auto hidden}.call-strip>.participant-action-target{scroll-snap-align:start;flex:0 0 142px;width:142px}.call-strip .participant-card{gap:3px;height:100%;padding:6px}.call-strip .avatar{width:30px;height:30px;font-size:12px}.call-strip .participant-state{display:none}.call-controls{border-top:1px solid #344147;flex-wrap:wrap;grid-row:4;align-items:center;gap:8px;min-width:0;padding-top:6px;display:flex}.call-controls>button{min-height:34px;padding:6px 10px;font-size:12px}.capture-label{color:#a6b5b9;overflow-wrap:anywhere;max-width:100%;font-size:11px}.call-stage .live-badge{color:#c5ece4;background:#30413f;border:1px solid #9eb9b4;flex-shrink:0;padding:2px 6px;font-size:10px}.participant-action-target{min-width:0;min-height:0;position:relative}.participant-more{z-index:2;background:#1b252bd9;width:25px;height:25px;position:absolute;top:5px;right:5px}.participant-menu{z-index:5000;background:#202b30;border:1px solid #71888b;border-radius:8px;flex-direction:column;gap:7px;width:286px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:13px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 42px #0009}.participant-menu label{margin:5px 0;font-size:12px}.participant-menu input[type=range]{width:100%}.participant-menu button{text-align:left;padding:8px;font-size:12px}.members-panel .participant-action-target{flex:1}.members-panel .participant-more{top:12px}.members-panel .member-main{width:100%;padding-right:28px}.channel-action-target{position:relative}.channel-action-target>.channel{width:100%;padding-right:30px}.channel-more{background:0 0;width:26px;height:26px;position:absolute;top:5px;right:3px}.voice-member{flex-wrap:wrap;padding-right:32px}.voice-member .live-badge{padding:2px 5px;font-size:9px}.floating-stream{background:#182126;border:1px solid #8aabae;border-radius:8px;grid-template-rows:30px minmax(0,1fr);display:grid;position:absolute;overflow:hidden;box-shadow:0 10px 35px #0008}.floating-stream>header{cursor:move;touch-action:none;align-items:center;gap:5px;padding:3px 7px;font-size:12px;display:flex}.floating-stream>header strong{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.floating-stream>header button{padding:2px 6px}.floating-stream-body{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.floating-audio{justify-content:flex-end;padding:3px 10px;display:flex}.floating-audio button{padding:3px 7px;font-size:10px}.floating-resizer{cursor:nwse-resize;touch-action:none;color:#b0ccc9;width:15px;height:15px;font-size:12px;position:absolute;bottom:0;right:0}.call-stage .stream-tile:fullscreen{background:#11191e;padding:12px}.call-stage .video-diagnostics{z-index:2;background:#111e;max-width:calc(100% - 16px);max-height:30%;font-size:10px;position:absolute;bottom:42px;left:8px;overflow:auto}@media (width>=1500px){.call-roster .participant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.call-heading>span{display:none}.call-stage.voice-stage{gap:6px;padding:8px}.call-strip{height:88px}.call-strip .participant-card{gap:2px}.call-controls{gap:5px}.call-controls>button{padding:5px 6px;font-size:11px}}@media (height<=520px){.call-heading{font-size:12px}.call-strip{height:74px}.call-strip .avatar{width:23px;height:23px}.call-strip .participant-card{gap:2px;padding:3px}.call-strip .participant-card strong{font-size:10px}.call-controls .capture-label{display:none}}@media (prefers-reduced-motion:reduce){.avatar.is-speaking{animation:none}}@media (width<=1100px){.call-heading>span{display:none}}@media (height<=520px){.main-panel:has(.call-stage)>.channel-header{height:52px;min-height:52px}.call-stage.voice-stage{gap:6px;padding:8px}.call-stage .call-heading>span{display:none}.call-stage .call-strip{height:56px;max-height:56px}.call-stage .call-strip .avatar{display:none}.call-stage .call-controls{gap:5px;padding-top:5px}.call-stage .call-controls>button{min-height:30px;padding:4px 7px;font-size:11px}.call-stage .call-heading>button{padding:4px 7px}}.call-stage .call-strip .participant-card{justify-content:center;min-height:0}.call-stage .stream-view-controls>select{width:auto;max-width:180px;height:32px;padding:5px 9px;font-size:12px}.call-stage .stream-view-controls>button{min-height:32px;padding:5px 9px}.stream-picture .video-state{color:var(--text);z-index:2;background:#171b20ed;border:1px solid #6b7b87;border-radius:6px;padding:8px 12px;position:absolute;inset:auto 12px 12px}.info.toast{color:var(--text);background:#293338;border:1px solid #6b7b87}