.gradient-blinds-container{position:relative;width:100%;height:100%;overflow:hidden}.elastic-slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;min-width:8rem;position:relative}.elastic-slider-wrapper{display:flex;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.65rem}.elastic-slider-root{position:relative;display:flex;width:100%;max-width:200px;flex-grow:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;padding:.75rem 0}.elastic-slider-root:active{cursor:grabbing}.elastic-slider-track-wrapper{display:flex;flex-grow:1}.elastic-slider-track{position:relative;height:100%;flex-grow:1;overflow:hidden;border-radius:9999px;background-color:#80808059}.elastic-slider-range{position:absolute;height:100%;background-color:#c4c7c5;border-radius:9999px}.elastic-slider-value{color:#9aa0a6;font-size:.7rem;font-weight:500;letter-spacing:.05em;margin:0}.elastic-slider-icon{width:18px;height:18px;color:#9aa0a6;flex-shrink:0}.elastic-slider-icon.dark{color:#e8eaed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ease-ios: cubic-bezier(.32, .72, 0, 1);--radius-pill: 9999px;--surface-dark: #252628;--surface-muted: #2a2b2e;--color-danger: #ea4335;--color-danger-hover: #d93025}html,body,#root{height:100%}body{font-family:YS Text,Helvetica Neue,Helvetica,Arial,sans-serif;background:#202124;color:#e8eaed;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.no-select,.video-tile,.participant-label,.participant-avatar,.avatar-circle,.avatar-placeholder,.control-bar,.side-panel,.invite-panel,.toast,.participant-context-menu,.elastic-slider,img,svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.home-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.home-card{max-width:480px;text-align:center;padding:48px 40px;background:#292a2d;border-radius:16px;box-shadow:0 4px 24px #0006}.home-logo{margin-bottom:24px}.home-card h1{font-size:1.75rem;font-weight:400;margin-bottom:12px}.home-card p{color:#9aa0a6;line-height:1.5;margin-bottom:32px}.btn-primary{background:#1a73e8;color:#fff;padding:12px 32px;border-radius:24px;font-size:1rem;font-weight:500;transition:background .2s}.btn-primary:hover{background:#1967d2}.room-page{height:100%;display:flex;flex-direction:column;background:#202124;position:relative}.connecting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#202124d9;gap:16px;pointer-events:none}.spinner{width:40px;height:40px;border:3px solid #3c4043;border-top-color:#8ab4f8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-grid{flex:1;display:grid;gap:8px;padding:8px;min-height:0}.grid-solo{grid-template-columns:1fr;grid-template-rows:1fr}.grid-solo-invite,.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-3 .video-tile:first-child{grid-column:1 / -1}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-grid-spotlight{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px;min-height:0}.spotlight-main{flex:1;min-height:0;display:flex}.spotlight-filmstrip{display:flex;justify-content:center;align-items:center;gap:8px;height:112px;flex-shrink:0;overflow-x:auto;padding:0 8px 2px;width:100%}.video-tile--spotlight-main{flex:1;min-height:0;width:100%}.video-tile--filmstrip{width:160px;min-width:160px;height:90px;flex-shrink:0;aspect-ratio:16 / 9}.video-tile--screen video,.video-tile--screen video.screen-share{object-fit:contain;background:#000}.video-tile--spotlight-main video.screen-share{object-fit:contain}.video-tile{position:relative;background:#3c4043;border-radius:28px;overflow:hidden;min-height:120px;aspect-ratio:16 / 9;--speaking-glow: 0;--avatar-scale: 1;--avatar-accent: 138, 180, 248}.video-grid .video-tile{width:100%;height:100%;min-height:0}.video-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;transition:box-shadow .22s var(--ease-ios);box-shadow:inset 0 0 0 2px rgba(190,255,175,calc(var(--speaking-glow, 0) * .72)),inset 0 0 16px rgba(160,255,150,calc(var(--speaking-glow, 0) * .28))}.video-tile:not(.video-tile--has-video):after{box-shadow:inset 0 0 0 2px rgba(190,255,175,calc(var(--speaking-glow, 0) * .68)),inset 0 0 20px rgba(160,255,150,calc(var(--speaking-glow, 0) * .32))}.video-tile__media{position:absolute;top:0;right:0;bottom:0;left:0}.video-tile video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;background:transparent}.video-tile:not(.video-tile--has-video) video{opacity:0;visibility:hidden;pointer-events:none}.video-tile--filmstrip .avatar-placeholder{min-height:0}.video-tile--filmstrip .avatar-circle,.video-tile--filmstrip .avatar-circle--photo,.avatar-circle--filmstrip{width:36px;height:36px;font-size:1rem}.video-tile video.mirror{transform:scaleX(-1)}.video-tile video.no-mirror{transform:none}.video-tile video.camera-off{visibility:hidden}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-dark);pointer-events:none}.avatar-overlay .avatar-circle,.avatar-placeholder .avatar-circle,.avatar-circle{width:144px;height:144px;border-radius:50%;background:#8ab4f8;color:#202124;display:flex;align-items:center;justify-content:center;font-size:3.75rem;font-weight:500}.avatar-placeholder .avatar-circle,.avatar-placeholder .avatar-circle--photo{position:relative;z-index:1;background:rgb(var(--avatar-accent, 138, 180, 248));transition:transform .55s var(--ease-ios),box-shadow .48s var(--ease-ios),background .48s var(--ease-ios);transform:scale(var(--avatar-scale, 1));box-shadow:0 0 36px rgba(var(--avatar-accent, 138, 180, 248),calc(.34 + var(--speaking-glow, 0) * .62)),0 0 72px rgba(var(--avatar-accent, 138, 180, 248),calc(.2 + var(--speaking-glow, 0) * .48)),0 0 110px rgba(var(--avatar-accent, 138, 180, 248),calc(.12 + var(--speaking-glow, 0) * .28))}.video-tile--filmstrip .avatar-placeholder .avatar-circle,.video-tile--filmstrip .avatar-placeholder .avatar-circle--photo{width:36px;height:36px;font-size:1rem;transform:scale(calc(var(--avatar-scale, 1) * .94 + .06));box-shadow:0 0 12px rgba(var(--avatar-accent, 138, 180, 248),calc(.22 + var(--speaking-glow, 0) * .32)),0 0 24px rgba(var(--avatar-accent, 138, 180, 248),calc(.12 + var(--speaking-glow, 0) * .22))}.avatar-circle--photo{background:rgb(var(--avatar-accent, 138, 180, 248));overflow:hidden;padding:0;position:relative}.avatar-circle--photo.avatar-circle--revealing{animation:avatar-circle-ios-in .42s cubic-bezier(.34,1.28,.64,1) forwards;will-change:filter,opacity}@keyframes avatar-circle-ios-in{0%{opacity:.7;filter:blur(16px)}to{opacity:1;filter:blur(0)}}.avatar-circle__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;display:block}.avatar-circle__photo--hidden{opacity:0;pointer-events:none}.avatar-circle__letter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.avatar-circle--photo img{width:100%;height:100%;object-fit:cover}.participant-label{position:absolute;bottom:12px;left:12px;z-index:6;display:flex;align-items:center;gap:0;background:#0009;padding:4px 12px;border-radius:16px;font-size:.8125rem}.participant-label .icon-screen{flex:0 0 auto;margin-right:4px}.participant-label__name{min-width:0;flex:0 1 auto}.participant-label__icon-wrap{flex:0 0 auto;width:0;margin-right:0;opacity:0;overflow:hidden;transition:width .24s var(--ease-ios),margin-right .24s var(--ease-ios),opacity .24s var(--ease-ios)}.participant-label__icon-wrap--visible{width:16px;margin-right:4px;opacity:1}.participant-label__icon-inner{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.participant-label__icon-inner svg{display:block}.icon-muted{color:var(--color-danger)}.connecting-overlay.full-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.invite-panel{display:flex;align-items:center;justify-content:center;padding:16px}.invite-panel-inner{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;text-align:center;gap:16px;background:var(--surface-muted);border-radius:46px}.invite-tunnel-hint{color:#9aa0a6;font-size:.8125rem}.invite-text{color:#bdc1c6;line-height:1.6;font-size:.9375rem}.invite-share-row{display:flex;align-items:stretch;gap:10px;width:100%}.btn-share-telegram{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:26px;background:#2aabee;color:#fff;font-weight:600;font-size:1rem;transition:background .2s,transform .15s var(--ease-ios)}.btn-share-telegram__label{display:inline-flex;justify-content:center;min-width:11.5em}.btn-share-telegram:hover{background:#2298d6}.btn-share-telegram:active{transform:scale(.98)}.btn-copy-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#3c4043;color:#e8eaed;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s var(--ease-ios)}.btn-copy-icon:hover{background:#5f6368}.btn-copy-icon:active{transform:scale(.96)}.icon-btn-small{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;border-radius:50%;transition:background .15s var(--ease-ios),transform .15s var(--ease-ios)}.icon-btn-small:hover{opacity:1;background:#ffffff1a;transform:scale(1.05)}.icon-btn-small:active{transform:scale(.95)}.control-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 20px;gap:16px}.controls-left,.controls-center,.controls-right,.controls-group{display:flex;align-items:center;gap:8px}.controls-group{background:#3c4043;border-radius:var(--radius-pill);padding:6px;gap:2px;overflow:visible}.controls-left{background:#3c4043;border-radius:var(--radius-pill);padding:6px;gap:2px}.controls-center{flex:0 1 auto;justify-content:center}.controls-right{background:transparent;padding:0}.control-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e8eaed;transition:transform .22s var(--ease-ios),background .22s var(--ease-ios),color .22s var(--ease-ios)}.control-btn:not(.active):not(.off):not(.hangup):not(:disabled):hover{background:#ffffff1a;transform:scale(1.04)}.control-btn:not(.active):not(.off):not(.hangup):not(:disabled):active{transform:scale(.96)}.control-btn.off{background:var(--color-danger)}.control-btn.off:hover{background:var(--color-danger-hover);transform:scale(1.04)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.hangup{background:var(--color-danger);color:#fff}.control-btn.hangup:hover{background:var(--color-danger-hover);transform:scale(1.04)}.control-btn.active{background:#fff;color:#202124}.control-btn.active:hover{background:#fff;transform:none}.control-btn.active:active{transform:scale(.98)}.control-btn--with-badge{position:relative;overflow:visible}.control-btn__unread-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 2px #3c4043;pointer-events:none;transform-origin:center;z-index:2}.field-label{display:block;text-align:left;color:#9aa0a6;font-size:.875rem;margin-bottom:8px}.text-input{width:100%;background:#3c4043;border:none;border-radius:var(--radius-pill);color:#e8eaed;padding:12px 18px;font:inherit;margin-bottom:12px;transition:background .15s var(--ease-ios)}.text-input:focus{outline:none;background:#45484c}.chat-input{margin-bottom:0}.home-name-input{margin-bottom:8px}.field-error{color:#f28b82;font-size:.875rem;margin-bottom:12px;text-align:left}.lobby-page{position:relative;min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.lobby-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#12121a}.lobby-card{position:relative;z-index:2;width:420px;max-width:calc(100% - 48px);box-sizing:border-box;border-radius:36px;overflow:hidden;pointer-events:auto;background:#0a0a1252;border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 72px #0000006b,inset 0 1px #ffffff1f}.lobby-card--glass{isolation:isolate;background:#040408b8;border:none;box-shadow:0 28px 72px #0000007a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(32px) saturate(170%) brightness(1.08);backdrop-filter:blur(32px) saturate(170%) brightness(1.08)}.lobby-card--glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(45deg,#ffffff40,#fff0,#fff0,#ffffff40);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:10}.lobby-card--glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(145deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 38%,transparent 62%)}.lobby-card__glass-layer{display:none}.lobby-card:not(.lobby-card--glass):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 38%,transparent 62%)}.lobby-card__content{position:relative;z-index:2;padding:24px 28px 28px}.lobby-subtitle{display:none}.lobby-back-btn{align-self:flex-start;width:36px;height:36px;margin-bottom:20px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#ffffffa6;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.lobby-back-btn:hover{background:#ffffff2e;color:#fffffff2}.lobby-title{font-size:1.25rem;font-weight:500;line-height:1.4;margin:0 0 24px;color:#f8f9fa;text-shadow:0 1px 12px rgba(0,0,0,.25);white-space:normal;overflow:visible;text-overflow:unset}.lobby-title__names{color:#ffffffeb}.lobby-form{display:flex;flex-direction:column}.lobby-glass-input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;font:inherit;font-size:1rem;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.lobby-glass-input::placeholder{color:#ffffff73}.lobby-glass-input:focus{border-color:#ffffff73;background:#ffffff24;box-shadow:0 0 0 3px #ffffff14}.lobby-glass-input--invalid{border-color:#ea4335!important;box-shadow:0 0 0 3px #ea43352e!important}.lobby-glass-btn{margin-top:28px;width:100%;padding:14px 20px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:#ffffffeb;color:#1f1147;font:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 8px 28px #0f0a2838}.lobby-glass-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 32px #0f0a2847}.lobby-glass-btn:active{transform:translateY(0)}.lobby-field-error{margin-top:10px}.lobby-hint{color:#ffffff8c;font-size:.8125rem;margin-top:18px;text-align:center}.room-content{flex:1;display:flex;min-height:0;position:relative}.room-content .video-grid,.room-content .video-grid-spotlight{flex:1}.side-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;background:#00000059;border:none;cursor:pointer}.side-panel{position:absolute;right:0;top:10px;bottom:10px;width:360px;z-index:15;background:#2a2b30f7;border-left:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;border-radius:20px 0 0 20px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.side-panel-header h2{font-size:1.0625rem;font-weight:500;color:#f3f4f6}.participants-list{list-style:none;overflow-y:auto;flex:1}.participant-row{padding:12px 16px;border-bottom:1px solid #3c4043;transition:background .22s var(--ease-ios)}.participant-row:hover{background:#ffffff0a}.participant-info{display:flex;gap:12px;align-items:center;margin-bottom:8px}.participant-avatar{width:54px;height:54px;border-radius:50%;background:rgb(var(--avatar-accent, 66, 165, 245));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:1.25rem;overflow:hidden;flex-shrink:0}.participant-avatar--photo img{width:100%;height:100%;object-fit:cover}.participant-name{font-size:.9375rem}.participant-status{font-size:.75rem;color:#9aa0a6}.participant-status-icons{display:flex;align-items:center;gap:6px;flex-shrink:0}.participant-status-icon{display:block;opacity:.85}.participant-status-icon--off{color:var(--color-danger)}.participant-status-icon--on{color:#8ab4f8}.volume-control{display:flex;align-items:center;width:100%}.avatar-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;isolation:isolate;background:var(--surface-dark);pointer-events:none}.participant-context-menu,.participant-volume-menu{position:fixed;z-index:120;min-width:220px;padding:12px 14px;border-radius:14px;background:#202124f5;border:1px solid #3c4043;box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.participant-context-menu__title,.participant-volume-menu__title{font-size:.8125rem;color:#e8eaed;margin-bottom:8px;font-weight:500}.participant-context-menu__volume-label{font-size:.75rem;color:#9aa0a6;margin-bottom:6px}.participant-context-menu__kick,.participant-kick-btn{margin-top:10px;width:100%;border:none;border-radius:10px;padding:8px 12px;background:#f28b8226;color:#f28b82;font:inherit;font-size:.8125rem;cursor:pointer;transition:background .15s ease}.participant-context-menu__kick:hover,.participant-kick-btn:hover{background:#f28b8247}.participant-row-actions{display:flex;flex-direction:column;gap:8px;width:100%}.chat-panel{display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-empty{color:#9aa0a6;text-align:center;margin-top:24px}.chat-message{background:#3c4043;border-radius:18px;padding:10px 14px;max-width:90%}.chat-message.local{align-self:flex-end;background:#fff;color:#202124}.chat-message--continued{margin-top:-6px;padding-top:6px}.chat-author{font-size:.75rem;color:#9aa0a6;margin-bottom:4px}.chat-message.local .chat-author{color:#5f6368}.chat-text{font-size:.9375rem;word-break:break-word}.chat-link{color:#8ab4f8;text-decoration:none;word-break:break-all}.chat-link:hover{text-decoration:underline}.chat-link-preview{display:block;margin-top:8px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;text-decoration:none;color:inherit;transition:background .15s var(--ease-ios)}.chat-link-preview:hover{background:#ffffff14}.chat-link-preview--loading{padding:10px 12px}.chat-link-preview__image{display:block;width:100%;height:140px;background-size:cover;background-position:center;background-color:#ffffff0a}.chat-link-preview__body{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.chat-link-preview__host{font-size:.75rem;color:#8ab4f8;text-transform:uppercase;letter-spacing:.02em}.chat-link-preview__title{font-size:.875rem;font-weight:500;color:#e8eaed;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-link-preview__description{font-size:.8125rem;color:#9aa0a6;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid #3c4043}.chat-input-row .text-input{margin-bottom:0}.btn-send{width:44px;height:44px;border-radius:50%;background:#1a73e8;color:#fff;flex-shrink:0}.btn-send:disabled{opacity:.4}.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#3c4043;padding:10px 20px;border-radius:var(--radius-pill);z-index:20;font-size:.875rem;animation:toast-in .28s var(--ease-ios)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.error-page p{color:#9aa0a6;max-width:400px}@media(max-width:768px){.grid-solo-invite{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:start}.grid-solo-invite .video-tile{aspect-ratio:16 / 9;height:auto;width:100%;min-height:0}.grid-solo-invite .invite-panel{min-height:0;overflow-y:auto}.grid-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-3,.grid-4{grid-template-columns:1fr;grid-template-rows:auto}.grid-3 .video-tile:first-child{grid-column:auto}.control-bar{flex-wrap:wrap;justify-content:center;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px))}.controls-center{order:3;width:auto;max-width:100%;flex-wrap:wrap;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.audio-settings-body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.audio-settings-panel .ui-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px}.audio-settings-panel .ui-card--ptt{padding:14px 14px 12px}.hotkey-section-title{font-size:.875rem;font-weight:500;color:#e8eaed;margin-bottom:10px}.ptt-key-row-wrap{overflow:hidden}.audio-settings-panel .ui-switch__hint,.audio-settings-panel .ui-switch__text small{display:block;margin-top:10px;line-height:1.45}.ios-text-transition{display:inline;white-space:normal}.hotkey-section-hint{margin:0 0 12px;color:#9aa0a6;font-size:.75rem;line-height:1.45}.hotkey-section-hint .ios-text-transition{display:inline}.audio-settings-panel .ui-field__label,.audio-settings-panel .audio-settings-label{color:#ffffff8c;font-size:.8125rem;margin-bottom:8px}.audio-settings-panel .ui-select{border-color:#ffffff1f;background:#ffffff0d}.audio-settings-panel .ui-radio-card{background:#ffffff08;border-color:#ffffff1a}.audio-settings-panel .ui-radio-card:hover{background:#ffffff0f;border-color:#ffffff29}.audio-settings-panel .ui-radio-card--active{border-color:#ffffff6b;background:#ffffff14}.audio-settings-panel .ui-radio-card--active .ui-radio-card__dot{border-color:#ffffffbf}.audio-settings-panel .ui-radio-card--active .ui-radio-card__dot:after{background:#fff}.audio-settings-panel .ui-switch__track:has(input:checked){background:#ffffffb8}.audio-settings-panel .network-dot--excellent,.audio-settings-panel .network-dot--good,.audio-settings-panel .network-dot--fair,.audio-settings-panel .network-dot--poor{background:#fff}.audio-settings-apply{margin-top:4px;width:100%;padding:15px 20px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:#fffffff0;color:#141418;font:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 8px 28px #00000038}.audio-settings-apply:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 32px #00000047}.audio-settings-apply:active{transform:translateY(0)}.audio-settings-panel .ui-btn--ghost{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f3f4f6;padding:10px 16px;border-radius:12px}.audio-settings-panel .ui-btn--ghost:hover{background:#ffffff1a}.audio-settings-body>.ui-card:first-child{margin-top:4px}.audio-settings-section{display:flex;flex-direction:column;gap:8px}.audio-settings-label{font-size:.8125rem;color:#9aa0a6}.audio-settings-select{width:100%;border-radius:10px;border:1px solid #3c4043;background:#202124;color:#e8eaed;padding:8px 10px;font:inherit}.voice-mode-list{display:flex;flex-direction:column;gap:8px}.voice-mode-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#2a2b2e;cursor:pointer}.voice-mode-option input{margin-top:4px}.voice-mode-option strong{display:block;font-size:.875rem}.voice-mode-option small{display:block;color:#9aa0a6;font-size:.75rem;margin-top:2px}.toggle-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.toggle-row strong{display:block;font-size:.875rem}.toggle-row small{display:block;color:#9aa0a6;font-size:.75rem}.network-indicator{display:flex;align-items:center;gap:8px;font-size:.875rem;padding-top:2px}.network-dot{width:10px;height:10px;border-radius:50%;background:#9aa0a6}.network-dot--excellent,.network-dot--good{background:#81c995}.network-dot--fair{background:#fdd663}.network-dot--poor{background:#f28b82}.audio-test-btn,.audio-apply-btn{border:none;border-radius:10px;padding:9px 12px;font:inherit;cursor:pointer}.audio-test-btn{background:#3c4043;color:#e8eaed}.audio-apply-btn{background:#8ab4f8;color:#202124;font-weight:500}.audio-test-hint{font-size:.75rem;color:#9aa0a6;margin:6px 0 0}.audio-test-error{font-size:.75rem;color:#f28b82;margin:6px 0 0;line-height:1.35}.ui-field{display:flex;flex-direction:column;gap:8px}.ui-field__label{font-size:.8125rem;color:#9aa0a6}.ui-card{padding:12px;border-radius:14px;background:#2a2b2e;border:1px solid #3c4043}.ui-card--compact{padding:10px 12px}.ui-card--mic-test{display:flex;flex-direction:column;gap:10px}.ptt-key-row{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.ptt-key-row__label{flex:1;font-size:.8125rem;color:#9aa0a6}.ptt-key-btn{min-width:88px;padding:8px 14px;border-radius:10px;border:1px solid #5f6368;background:#3c4043;color:#e8eaed;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .22s var(--ease-ios),box-shadow .22s var(--ease-ios),background .22s var(--ease-ios),transform .22s var(--ease-ios)}.ptt-key-btn:hover:not(:disabled){background:#45484c;transform:scale(1.04)}.ptt-key-btn:active:not(:disabled){transform:scale(.96)}.ptt-key-btn--capturing{border-color:#8ab4f8;box-shadow:0 0 0 2px #8ab4f859}.ptt-key-reset{border:none;background:transparent;color:#9aa0a6;font:inherit;font-size:.8125rem;cursor:pointer;padding:4px 0}.ptt-key-reset:hover{color:#e8eaed}.ui-select-wrap{position:relative}.ui-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;border:1px solid #3c4043;background:#202124;color:#e8eaed;padding:8px 36px 8px 12px;font-size:.8125rem;line-height:1.35;cursor:pointer;transition:border-color .22s var(--ease-ios),background .22s var(--ease-ios),box-shadow .22s var(--ease-ios)}.ui-select:hover{border-color:#5f6368;background:#252628}.ui-select:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #8ab4f826}.ui-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9aa0a6;pointer-events:none}.ui-radio-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#2a2b2e;border:1px solid #3c4043;cursor:pointer;transition:border-color .22s var(--ease-ios),background .22s var(--ease-ios),transform .22s var(--ease-ios),box-shadow .22s var(--ease-ios)}.ui-radio-card:hover{background:#323336;border-color:#5f6368;transform:translateY(-1px)}.ui-radio-card--active:hover{transform:none}.ui-radio-card input{position:absolute;opacity:0;pointer-events:none}.ui-radio-card__dot{width:16px;height:16px;border-radius:50%;border:2px solid #5f6368;margin-top:2px;flex-shrink:0;position:relative}.ui-radio-card--active{border-color:#8ab4f8;background:#8ab4f814}.ui-radio-card--active .ui-radio-card__dot{border-color:#8ab4f8}.ui-radio-card--active .ui-radio-card__dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#8ab4f8}.ui-radio-card__text strong{display:block;font-size:.875rem}.ui-radio-card__text small{display:block;color:#9aa0a6;font-size:.75rem;margin-top:2px}.ui-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border-radius:12px;padding:4px 0;transition:opacity .22s var(--ease-ios)}.ui-switch:hover .ui-switch__track{filter:brightness(1.08)}.ui-switch input{position:absolute;opacity:0;pointer-events:none}.ui-switch__text strong{display:block;font-size:.875rem}.ui-switch__text small{display:block;color:#9aa0a6;font-size:.75rem}.ui-switch__track{position:relative;width:44px;height:26px;border-radius:999px;background:#5f6368;flex-shrink:0;transition:background .2s ease}.ui-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-ios);box-shadow:0 1px 3px #00000059;pointer-events:none}.ui-switch__track:has(input:checked){background:#8ab4f8}.ui-switch__track:has(input:checked) .ui-switch__thumb{transform:translate(18px)}.ui-btn{border:none;border-radius:10px;padding:10px 14px;font:inherit;font-size:.8125rem;cursor:pointer;transition:background .22s var(--ease-ios),opacity .22s var(--ease-ios),transform .22s var(--ease-ios),border-color .22s var(--ease-ios)}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn--compact{padding:7px 12px;font-size:.8125rem;align-self:flex-start}.ui-btn--primary{background:#8ab4f82e;color:#8ab4f8;font-weight:500;border:1px solid rgba(138,180,248,.35)}.ui-btn--primary:hover{background:#8ab4f847}.ui-btn--secondary{background:#3c4043;color:#e8eaed}.ui-btn--secondary:hover{background:#48494d}.ui-btn--block{width:100%}.error-page .btn-primary{margin-top:20px}.icon-screen{color:#8ab4f8}.voice-debug-panel .voice-debug-body{padding:12px 16px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.voice-debug-row{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem}.voice-debug-row span{color:#9aa0a6}.voice-debug-chart{width:100%;border-radius:10px;margin-top:8px}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:1200;padding:10px 16px;background:#5c1f1f;color:#fff;font-size:.875rem;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.12)}.connection-banner code{background:#00000040;padding:2px 6px;border-radius:4px}.webrtc-debug-log{margin-top:8px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.webrtc-debug-line{display:grid;grid-template-columns:64px 72px 1fr;gap:8px;align-items:start}.webrtc-debug-line--warn .webrtc-debug-msg{color:#fbbc04}.webrtc-debug-line--error .webrtc-debug-msg{color:#f28b82}.webrtc-debug-time{color:#9aa0a6}.webrtc-debug-tag{color:#8ab4f8}.webrtc-debug-section{margin-top:8px}.webrtc-debug-empty{margin:0;color:#9aa0a6}.webrtc-debug-section h3{margin:0 0 6px;font-size:.75rem;font-weight:600;color:#9aa0a6;text-transform:uppercase;letter-spacing:.04em}.webrtc-debug-line--info .webrtc-debug-msg{color:#e8eaed}