@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eff1ed;background:#111414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent:#b7f77d;--muted:#87908b;--border:#29302b;--panel:#191e1b;--red:#f49491}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button{transition:background .15s,color .15s,border-color .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:not(:disabled):active{transform:translateY(1px)}button svg{pointer-events:none}button:disabled:active{transform:none}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}input,select{width:100%;background:#121613;border:1px solid #353d36;color:#f1f3ef;border-radius:8px;padding:13px 14px;min-height:46px;outline:none}input::placeholder{color:#68726b;font-size:12px}input:hover,select:hover{border-color:#55624f}input:focus,select:focus{border-color:var(--accent)}select{font-size:12px;padding-right:28px;color:#d3d9d2;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px;color:#d5dbd3}input:disabled{color:#737e72;opacity:.6}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.app-shell{min-height:100dvh;display:grid;grid-template-columns:254px minmax(0,1fr)}.sidebar{background:#151917;border-right:1px solid #252c27;display:flex;flex-direction:column;padding:38px 22px 0;min-height:100dvh}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.8px}.brand-light{font-weight:500;margin-left:3px}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:7.5px;letter-spacing:2.1px;color:#8b9789;font-weight:500;margin-top:6px}.brand-mark{background:var(--accent);color:#18281a;width:40px;height:43px;border-radius:13px;display:grid;place-items:center;box-shadow:0 3px 18px #b7f77d0c}.brand-mark .icon{width:27px;height:27px;stroke-width:2.7}.server-card{margin:44px 0 33px;border:1px solid #30392f;border-radius:10px;padding:12px 10px;display:flex;gap:9px;align-items:center;background:#1a201b}.server-avatar{width:31px;height:34px;border:1px solid #506341;background:#32402c;color:#c6e9af;border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.server-card strong{display:block;font-size:11px;font-weight:600;white-space:nowrap}.server-card div>span{display:block;margin-top:4px;font-size:9px;color:#899286;white-space:nowrap}.server-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.channel-heading{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#6d796c;display:flex;justify-content:space-between;align-items:center;padding:0 11px;margin-bottom:12px}.channel-heading>span{font-size:9px;color:#667060;font-weight:400;letter-spacing:0}.channel-list{display:flex;flex-direction:column;gap:6px}.channel{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;padding:13px 12px;border-radius:8px;background:transparent;color:#8c968a;text-align:left;font-size:13px;font-weight:500}.channel .icon{width:19px;height:19px}.channel:hover{background:#212820;color:#d5e4ce}.channel.selected{background:#2a3526;border:1px solid #425337;color:#c4efa7}.channel-active-dot{display:none;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:auto}.channel.selected .channel-active-dot{display:block}.sidebar-note{padding:34px 12px 40px;margin-top:auto}.sidebar-note>.icon{width:23px;height:23px;color:#668259;margin-bottom:17px}.sidebar-note h3{font-size:16px;line-height:1.6;font-weight:600;color:#bcc7b7;letter-spacing:-.3px}.sidebar-note p{font-size:11px;line-height:1.8;margin-top:12px;color:#6e7a6b;max-width:180px}.sidebar-bottom{border-top:1px solid #293128;display:flex;align-items:center;gap:7px;color:#7f8b79;font-size:10px;height:62px;flex-shrink:0}.health-dot{width:5px;height:5px;border-radius:50%;background:#d4a86b}.health-dot.healthy{background:var(--accent);box-shadow:0 0 6px #b7f77d40}.small-lock{margin-left:auto;color:#53614e}.small-lock>.icon{width:13px;height:13px}.main{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 36% 50%,#1a211923,transparent 70%),#111513}.room-header{min-height:112px;padding:0 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262d26;gap:20px}.room-heading{display:flex;align-items:center;gap:16px}.room-icon{background:#1e261e;border:1px solid #303d2e;border-radius:12px;width:45px;height:45px;display:grid;place-items:center;color:#c2d8b5}.room-icon .icon{width:21px;height:21px}.room-heading h1{font-size:18px;font-weight:750;letter-spacing:-.4px;margin-bottom:5px}.room-heading p{font-size:11px;color:#7d8879}.header-actions{display:flex;gap:25px;align-items:center}.private-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#89947f}.private-label .icon{width:12px;height:12px}.button{border-radius:8px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;min-height:38px;border:1px solid #3a4437;white-space:nowrap}.button .icon{width:15px;height:15px}.button-secondary{background:#20271f;color:#d8e1d1}.button-secondary:hover{background:#2b3727;border-color:#617b51}.button-primary{background:var(--accent);border-color:var(--accent);color:#1b2b12;font-weight:700;box-shadow:0 4px 12px #a2eb680e}.button-primary:hover{background:#c9ff9c;border-color:#c9ff9c}.content{padding:38px 46px;display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:22px;flex:1;align-content:center;max-width:1570px;width:100%;margin:0 auto}.stage{background:linear-gradient(150deg,#1b221c50,#12181450);border:1px solid #2b342a;border-radius:15px;display:flex;flex-direction:column;min-height:568px;position:relative;overflow:hidden}.stage-topline{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;gap:10px}.eyebrow{color:#8da07f;letter-spacing:1.6px;font-weight:500;font-size:8px;display:flex;align-items:center;gap:7px;white-space:nowrap}.live-dot{width:4px;height:4px;border-radius:50%;background:#9cca7c}.member-count{color:#758371;display:flex;gap:6px;align-items:center;font-size:9px;text-align:right}.member-count .icon{width:13px;height:13px}.welcome{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3px 25px 38px}.sound-orbit{width:184px;height:162px;position:relative;display:grid;place-items:center;margin:2px auto 8px}.orbit{position:absolute;border-radius:50%;border:1px solid #879e6521}.orbit-one{width:130px;height:130px}.orbit-two{width:176px;height:176px;transform:scaleY(.8) rotate(-26deg);border-color:#879e6519}.sound-emblem{width:83px;height:83px;border-radius:24px;color:#c0ed99;display:grid;place-items:center;transform:rotate(-8deg);background:linear-gradient(135deg,#394a2d,#222d20);border:1px solid #64834978;box-shadow:0 0 55px #94cf3c12,inset 0 1px #def6b810}.sound-emblem>.icon{width:38px;height:38px;stroke-width:1.5;transform:rotate(8deg)}.orbit-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#a5cd7d;box-shadow:0 0 8px #a5cd7d20}.spark-one{left:18px;top:58px}.spark-two{right:30px;bottom:23px;width:4px;height:4px;background:#5a7a3e}.orbit-wave{position:absolute;right:13px;top:28px;width:29px;height:29px;display:grid;place-items:center;background:#23301f;border:1px solid #466038;border-radius:9px;transform:rotate(12deg);color:#97c973}.orbit-wave>.icon{width:16px;height:16px}.welcome-kicker{font-size:8px;letter-spacing:2.4px;color:#859677;font-weight:500;margin:13px 0 16px}.welcome h2{font-size:clamp(34px,3vw,46px);font-weight:650;letter-spacing:-2px;line-height:1.16;color:#edf1e8}.welcome h2 span{color:#c1e99d}.welcome>p{font-size:12px;color:#7d8c74;line-height:1.6;margin-top:16px}.welcome-features{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;color:#90a180;font-size:9px}.welcome-features span{display:flex;gap:5px;align-items:center}.welcome-features .icon{color:#a3cb80;width:12px;height:12px}.stage-footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #29332670;min-height:50px;color:#66765c;font-size:9px;padding:12px}.stage-footer .icon{width:12px;height:12px}.setup-card{background:#1a201a;border:1px solid #303b2d;border-radius:15px;padding:25px 23px;align-self:stretch}.setup-heading{display:flex;align-items:center;gap:9px;color:#9bb688;font-size:8px;letter-spacing:1.5px;font-weight:500;margin-bottom:18px}.setup-icon{width:29px;height:29px;border-radius:8px;background:#2e3d26;color:#b3db92;display:grid;place-items:center}.setup-icon .icon{width:16px;height:16px}.setup-card h2{font-size:20px;letter-spacing:-.8px;font-weight:700;margin-bottom:9px}.setup-description{font-size:11px;color:#8a9881;line-height:1.7;margin-bottom:24px;max-width:260px}.setup-card input+label,.code-input+label{margin-top:19px}.code-input{position:relative}.code-input>.icon{position:absolute;left:13px;top:15px;color:#6e7f63;width:14px;height:14px}.code-input input{padding-left:37px}.join-button{width:100%;margin-top:22px;min-height:45px;font-size:11px;gap:7px}.join-button .icon:last-child{margin-left:auto;width:15px;height:15px}.join-button .icon:first-child{width:16px;height:16px}.permission-note{text-align:center;color:#74816b;font-size:9px;line-height:1.6;max-width:210px;margin:11px auto 0}.audio-settings{margin-top:26px;padding-top:19px;border-top:1px solid #33402d}.settings-heading{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:#92a084;margin-bottom:19px}.settings-heading>.icon{width:12px;height:12px;stroke-width:1.2}.audio-settings label{font-size:10px;color:#a6b19b;margin-bottom:8px}.audio-settings select{min-height:37px;padding:8px 10px;color:#a4b197;font-size:10px;background:#161c16;border-color:#35432e}.volume-heading{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.volume-heading label{margin-bottom:0}.volume-heading output{font-size:9px;color:#97a889}input[type=range]{padding:0;min-height:18px;height:18px;margin:7px 0 0;border:none;background:transparent;accent-color:#b7f77d;cursor:pointer;width:100%}.device-note{font-size:8px;color:#687a5d;line-height:1.5;margin-top:9px;display:flex;gap:5px}.device-note>.icon{width:10px;height:10px;margin-top:1px}.connected-summary{padding:12px 0 0;text-align:center}.connected-check{width:56px;height:56px;background:#2f4425;color:#c2efa0;border:1px solid #506e3f;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.connected-check>.icon{width:28px;height:28px}.connected-summary h3{font-size:15px;margin-bottom:9px}.connected-summary p{font-size:11px;line-height:1.8;color:#93a285}.connected-summary .button{margin-top:21px;width:100%;font-size:10px;white-space:normal}.call-bar{min-height:93px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3229;padding:15px 46px;gap:22px;background:#171d17}.call-identity{display:flex;align-items:center;gap:11px;min-width:190px;flex:1}.self-avatar{width:38px;height:38px;background:#303d27;color:#accc92;border:1px solid #495e38;display:grid;place-items:center;border-radius:12px;font-size:13px;font-weight:700;flex-shrink:0}.call-identity strong{display:block;font-size:11px;color:#c6d4ba;font-weight:500;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-identity div>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#78896a;margin-top:6px}.call-identity i{width:4px;height:4px;border-radius:50%;background:#70865f;flex-shrink:0}.call-identity [data-state=connected]{color:#adcf8e}.call-identity [data-state=connected] i{background:var(--accent)}.call-identity [data-state=joining],.call-identity [data-state=reconnecting]{color:#e1bd80}.call-identity [data-state=joining] i,.call-identity [data-state=reconnecting] i{background:#e1bd80}.call-controls{display:flex;align-items:center;gap:8px}.control-button{height:40px;min-width:42px;padding:10px;background:#293425;border:1px solid #3a4a32;border-radius:9px;color:#c1d4b1;display:flex;align-items:center;justify-content:center;gap:7px}.control-button .icon{width:18px;height:18px}.control-button:hover:not(:disabled){background:#3a4a31}.control-button.is-off{color:var(--red);background:#422d29;border-color:#744842}.control-divider{height:25px;width:1px;background:#35412d;margin:0 3px}.leave-button{font-size:10px;padding:10px 12px;color:#f2a7a0;border-color:#5e3830;background:#34231f}.leave-button:hover:not(:disabled){background:#51302a}.connection-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#6e805f;font-size:9px;flex:1}.connection-meta .icon{width:14px;height:14px}.message{grid-column:1/-1;border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6}.message p{flex:1}.error-message{background:#3b2725;border:1px solid #76524b;color:#ffc5b9}.icon-button{border:0;background:transparent;padding:3px;color:inherit;display:grid;place-items:center}.icon-button>.icon{width:17px;height:17px}.unlock-message{background:#3a3424;border:1px solid #6c633e;color:#ead1a4;text-align:left}.toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%);padding:14px 20px;background:#d4f2ba;color:#213019;border:1px solid #e5f9d5;box-shadow:0 8px 40px #0007;border-radius:10px;font-size:12px;max-width:min(90vw,480px);z-index:10;text-align:center}.spinner{width:16px;height:16px;border:2px solid #1b2b1244;border-top-color:#1b2b12;border-radius:50%;animation:spin .8s linear infinite}.participants{padding:20px 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;flex:1}.participant{min-height:210px;border:1px solid #3a4733;background:#202a1e;border-radius:13px;text-align:center;position:relative;padding:15px 14px 25px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.participant.speaking{border-color:#99d868;box-shadow:inset 0 0 0 1px #99d86866;background:#263920}.participant-top{display:flex;justify-content:space-between;align-items:center;color:#748966}.participant-state{font-size:8px;letter-spacing:1.4px}.participant-mic .icon{width:14px;height:14px}.participant-avatar{width:62px;height:62px;margin:13px auto 16px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:21px;font-weight:600;background:#506e3e;color:#d5efbf;border:1px solid #88a37266;border-radius:20px}.participant-avatar[data-color="1"]{background:#635439;color:#ead6ab;border-color:#9b846a}.participant-avatar[data-color="2"]{background:#4e556a;color:#d1d7ef;border-color:#7e87a6}.participant-avatar[data-color="3"]{background:#67505d;color:#efd7e8;border-color:#957587}.participant-avatar[data-color="4"]{background:#3d6660;color:#c4e7e1;border-color:#6e958d}.participant h3{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.participant p{font-size:10px;color:#839678;margin-top:7px}.participant.speaking p{color:#b4df94}.speaking-bars{position:absolute;right:14px;bottom:15px;display:flex;align-items:center;gap:3px;height:15px;opacity:0}.speaking-bars i{width:3px;height:6px;border-radius:3px;background:#b7f77d}.speaking .speaking-bars{opacity:1}.speaking .speaking-bars i{animation:bar .65s infinite alternate}.speaking .speaking-bars i:nth-child(2){animation-delay:-.3s;height:13px}.speaking .speaking-bars i:nth-child(3){animation-delay:-.5s;height:10px}.speaking .speaking-bars i:nth-child(4){animation-delay:-.15s}.alone-message{text-align:center;padding:8px 26px 31px;font-size:11px;line-height:1.8;color:#7f9373}.alone-message>span{display:block;font-family:Manrope,sans-serif;font-weight:650;color:#b6c8a8;font-size:15px;margin-bottom:5px}.alone-message button{display:flex;align-items:center;gap:7px;justify-content:center;border:0;background:transparent;font-size:10px;color:#b2d894;margin:12px auto 0}.alone-message button>.icon{width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bar{to{height:14px}0%{height:4px}}@media(min-width:1550px){.content{grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding-top:50px;padding-bottom:50px}.stage{min-height:650px}.setup-card{padding:32px 27px}.setup-card h2{font-size:23px}.setup-description{font-size:12px}.setup-card input{font-size:13px}.audio-settings{margin-top:35px}.welcome h2{font-size:58px}.sound-orbit{margin-bottom:25px}.welcome>p{font-size:14px}.welcome-features{font-size:10px}.stage-topline{padding:27px 30px}}@media(max-width:1220px){.app-shell{grid-template-columns:219px minmax(0,1fr)}.sidebar{padding-left:18px;padding-right:18px}.brand{font-size:19px;gap:10px}.brand-mark{width:37px;height:40px}.server-card{padding-left:8px;padding-right:8px}.server-card strong{font-size:10px}.server-card div>span{font-size:8px}.room-header{padding:0 28px;min-height:98px}.content{padding:28px;gap:18px;grid-template-columns:minmax(0,1fr) 280px}.stage{min-height:557px}.setup-card{padding:22px 19px}.private-label{display:none}.stage-topline{padding:20px 18px;flex-wrap:wrap;gap:10px}.member-count{font-size:8px}.call-bar{padding-left:28px;padding-right:28px}.connection-meta{display:none}.call-identity{flex:initial}.welcome h2{font-size:38px}.welcome-features{flex-wrap:wrap;gap:9px 14px}.welcome>p{font-size:11px}.participants{padding:16px;gap:12px;grid-template-columns:1fr}.participant{min-height:193px}.participant-avatar{margin-top:6px;width:57px;height:57px}.brand small{font-size:7px;letter-spacing:1.8px}}@media(max-width:1020px)and (min-width:761px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.brand{font-size:17px;gap:8px}.brand-mark{width:33px;height:38px}.brand small{font-size:6px;letter-spacing:1.5px}.server-card{gap:7px}.server-avatar{width:26px;height:29px}.server-card strong{font-size:9px}.server-card div>span{font-size:7px}.content{padding:22px;grid-template-columns:minmax(0,1fr) 257px;gap:14px}.setup-card{padding:20px 16px}.setup-card h2{font-size:18px}.stage-topline{padding:18px 16px}.eyebrow{font-size:7px;letter-spacing:1px}.welcome{padding-left:16px;padding-right:16px}.welcome h2{font-size:33px}.welcome-kicker{font-size:7px;letter-spacing:1.5px}.stage-footer{font-size:8px}.join-button{font-size:10px}.sidebar-note{padding-left:10px;padding-right:10px}.sidebar-note h3{font-size:14px}.sidebar-note p{font-size:10px}.sidebar-bottom{font-size:9px}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:0;padding:19px 22px 15px;border-right:0;border-bottom:1px solid #2d352b;position:relative}.brand{font-size:20px;gap:10px}.brand-mark{width:34px;height:37px;border-radius:10px}.brand-mark .icon{width:25px;height:25px}.brand small{font-size:6px;letter-spacing:1.7px;margin-top:4px}.server-card,.channel-heading,.sidebar-note,.sidebar-bottom{display:none}.channel-list{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.channel{padding:10px 12px;font-size:12px;gap:8px;justify-content:center;background:#1c231c;border-color:#2b3528;border-radius:7px}.channel .icon{width:16px;height:16px}.channel-active-dot{width:4px;height:4px;margin-left:1px}.room-header{padding:21px 22px;min-height:85px;gap:10px}.room-icon{display:none}.room-heading h1{font-size:18px}.room-heading p{font-size:10px}.header-actions{gap:0}.invite-button{padding:10px;font-size:10px}.invite-button .icon{width:14px;height:14px}.content{padding:0 22px 25px;grid-template-columns:minmax(0,1fr);gap:18px}.stage{min-height:380px}.stage-topline{padding:19px;flex-wrap:nowrap}.eyebrow{font-size:7px;letter-spacing:1.2px}.member-count{font-size:8px}.welcome{padding:0 20px 25px}.sound-orbit{width:143px;height:118px;margin-top:0;margin-bottom:2px}.orbit-one{width:96px;height:96px}.orbit-two{width:134px;height:134px}.sound-emblem{width:63px;height:63px;border-radius:19px}.sound-emblem>.icon{width:30px;height:30px}.spark-one{left:7px;top:44px}.spark-two{right:19px;bottom:15px}.orbit-wave{right:7px;top:14px;width:23px;height:23px;border-radius:7px}.orbit-wave>.icon{width:14px;height:14px}.welcome-kicker{margin:8px 0 11px;font-size:7px;letter-spacing:2px}.welcome h2{font-size:34px;line-height:1.12;letter-spacing:-1.6px}.welcome>p{margin-top:11px;font-size:11px}.welcome-features{margin-top:16px;font-size:8px;gap:14px}.welcome-features .icon{width:10px;height:10px}.stage-footer{min-height:39px;font-size:8px}.setup-card{padding:25px}.setup-heading{margin-bottom:15px}.setup-card h2{font-size:23px}.setup-description{font-size:12px;max-width:100%;margin-bottom:24px}.setup-card input{font-size:14px}.setup-card input::placeholder{font-size:12px}.join-button{font-size:12px;min-height:47px}.join-button .icon:last-child{margin-left:0}.permission-note{max-width:100%;font-size:9px}.audio-settings{margin-top:24px;padding-top:23px}.settings-heading{font-size:9px}.audio-settings label{font-size:11px}.audio-settings select{font-size:12px;min-height:40px}.device-note{font-size:9px}.volume-heading output{font-size:10px}.call-bar{position:sticky;bottom:0;min-height:87px;padding:16px 22px;gap:9px;z-index:2;box-shadow:0 -10px 35px #11151140}.call-identity{min-width:0;gap:8px;flex:1}.self-avatar{width:32px;height:35px;border-radius:10px;font-size:11px}.call-identity strong{font-size:10px;max-width:145px}.call-identity div>span{font-size:8px;max-width:145px;line-height:1.4}.call-identity div>span>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-controls{gap:6px}.control-button{min-width:35px;height:36px;padding:8px}.control-button .icon{width:16px;height:16px}.control-divider{margin:0 1px;height:20px}.leave-button span{display:none}.participants{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px}.participant{min-height:187px;padding:12px 9px 25px}.participant-avatar{width:52px;height:52px;border-radius:16px;font-size:19px}.participant h3{font-size:11px}.participant p{font-size:9px}.alone-message{font-size:10px;padding-bottom:25px}.alone-message>span{font-size:14px}.connected-summary{padding-top:0}.connected-summary h3{font-size:16px}.connected-summary p{max-width:260px;margin:auto}.connected-summary .button{font-size:11px;min-height:43px}.toast{bottom:103px;width:max-content;font-size:11px}.message{font-size:11px}.main{min-height:calc(100dvh - 132px)}}@media(max-width:380px){.sidebar,.room-header,.content{padding-left:15px;padding-right:15px}.invite-button span{display:none}.invite-button{min-width:36px}.call-bar{padding-left:15px;padding-right:15px}.call-identity strong,.call-identity div>span{max-width:110px}.stage-topline{padding-left:15px;padding-right:15px}.eyebrow{font-size:6px;letter-spacing:1px}.member-count{font-size:7px;gap:4px}.member-count .icon{width:11px;height:11px}.setup-card{padding:22px}.channel{font-size:11px;padding:10px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.setup-card label,.setup-card input,.setup-card input::placeholder,.setup-card select,.setup-card .button,.channel{font-size:14px}.setup-description{font-size:14px;line-height:1.6}.join-button{gap:6px;padding-inline:10px}.setup-card .connected-summary .button{font-size:14px}@media(max-width:760px){.content:has(#join-form:not([hidden])) .setup-card{order:1}.content:has(#join-form:not([hidden])) .stage{order:2}.call-bar:has(#call-status[data-state=idle]),.call-bar:has(#call-status[data-state=joining]){display:none}.setup-card input,.setup-card select,.setup-card input::placeholder{font-size:16px}.setup-card label,.setup-card .button{font-size:14px}.permission-note{font-size:11px}.audio-settings label{font-size:14px}}.mic-test-panel{margin-top:12px}.setup-card .mic-test-panel .button,.setup-card .audio-test-button,.setup-card .ptt-button{width:100%;font-size:12px;min-height:38px}#mic-meter{display:block;width:100%;height:12px;margin-top:10px;accent-color:var(--accent)}#mic-meter::-webkit-meter-bar{background:#10170f;border:1px solid #384531;border-radius:10px}#mic-meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:10px}#mic-meter::-moz-meter-bar{background:var(--accent)}.audio-hint{color:#93a285;font-size:11px;line-height:1.6;margin-top:8px}.audio-test-button{margin-top:8px}.setup-card label.audio-option{display:flex;align-items:center;gap:10px;margin:17px 0 0;cursor:pointer;line-height:1.5}.audio-option input[type=checkbox]{width:17px;height:17px;min-height:17px;margin:0;flex-shrink:0;accent-color:var(--accent)}.setup-card label.audio-option span{float:none;color:#c4d0ba;font-size:12px;font-weight:500}.ptt-button{margin-top:10px;touch-action:none;user-select:none;-webkit-user-select:none}.ptt-button[aria-pressed=true]{color:#17320e;background:var(--accent);border-color:var(--accent)}.connection-quality{border-top:1px solid #34422d;padding-top:14px;margin-top:18px;color:#9baa90;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}.connection-quality[data-quality=good]{color:#b5d89a}.connection-quality[data-quality=fair]{color:#e5c68d}.connection-quality[data-quality=poor]{color:#f4aaa0}.participant-volume{margin-top:17px;padding-top:12px;border-top:1px solid #45553b;text-align:left}.participant-volume label{display:block;margin:0;font-size:10px;color:#a5b799}.participant-volume output{float:right;font-size:10px;color:#bfd8ae}.participant-volume input[type=range]{min-height:26px;height:26px}.participant:has(.participant-volume) .speaking-bars{top:15px;bottom:auto;right:38px}@media(max-width:760px){.setup-card .audio-option span,.setup-card .mic-test-panel .button,.setup-card .audio-test-button,.setup-card .ptt-button{font-size:14px}.audio-hint,.connection-quality{font-size:12px}.ptt-button{min-height:46px!important}}.call-bar{position:sticky;bottom:0;z-index:2;box-shadow:0 -10px 35px #11151140}