@layer nova-base{.hidden{display:none!important}#createModeBtn,#joinModeBtn{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.dropdown-noise-section .dropdown-toggle-info{padding:6px 2px 8px}.customization-section .customization-themes:first-of-type{margin-bottom:24px}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-surface-container:#141414;--color-surface-high:#1e1e1e;--color-surface-highest:#2a2a2a;--color-surface-island:#1a1a1a;--color-surface-input:#161616;--color-surface-card:#141414;--color-surface-overlay:#1a1a1a;--color-overlay:#0009;--color-surface-toast:#2a2a2a;--color-primary:#b19cd9;--color-primary-dim:#eaddff;--color-primary-container:#312b3d;--color-primary-on:#381e72;--color-secondary-container:#1e1e1e;--color-secondary-on:#e6e0e9;--color-tertiary:#efb8c8;--color-tertiary-on:#492532;--color-text:#e6e0e9;--color-text-muted:#9e9e9e;--color-text-bright:#fff;--color-text-disabled:#888;--color-text-hint:#666;--color-outline:#938f99;--color-outline-variant:#49454f;--color-divider:#ffffff0f;--color-divider-strong:#ffffff1a;--color-success:#4ade80;--color-success-dim:#a5f5c8;--color-success-bg:#4ade801a;--color-success-border:#4ade8059;--color-success-glow:#4ade8080;--color-warning:#f59e0b;--color-warning-dim:#fbbf24;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b59;--color-warning-glow:#f59e0b80;--color-error:#f2b8b5;--color-error-solid:#ef4444;--color-error-hover:#b71c1c;--color-error-bg:#ef44441a;--color-error-border:#ef444459;--color-error-on:#601410;--color-error-container:#3f1d1d;--color-error-container-on:#f9dedc;--color-youtube:red;--color-danger:#984061;--color-scrollbar-track:#1a1a1a;--color-scrollbar-thumb:#333;--color-scrollbar-hover:#444;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-brand:"Montserrat", sans-serif;--font-label:"Roboto", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-full:100px;--easing-emphasized:cubic-bezier(.2, 0, 0, 1);--duration-long:.5s;--md-sys-color-background:var(--color-bg);--md-sys-color-surface:var(--color-surface);--md-sys-color-surface-container:var(--color-surface-container);--md-sys-color-surface-container-high:var(--color-surface-high);--md-sys-color-surface-container-highest:var(--color-surface-highest);--color-surface-container-highest:var(--color-surface-highest);--md-sys-color-primary:var(--color-primary);--md-sys-color-on-primary:var(--color-primary-on);--md-sys-color-primary-container:var(--color-primary-container);--md-sys-color-on-primary-container:var(--color-primary-dim);--md-sys-color-secondary-container:var(--color-secondary-container);--md-sys-color-on-secondary-container:var(--color-secondary-on);--md-sys-color-tertiary:var(--color-tertiary);--md-sys-color-on-tertiary:var(--color-tertiary-on);--md-sys-color-on-surface:var(--color-text);--md-sys-color-on-surface-variant:var(--color-text-muted);--md-sys-color-outline:var(--color-outline);--md-sys-color-outline-variant:var(--color-outline-variant);--md-sys-color-error:var(--color-error);--md-sys-color-on-error:var(--color-error-on);--md-sys-shape-corner-medium:var(--radius-md);--md-sys-shape-corner-large:var(--radius-lg);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--md-sys-motion-easing-emphasized:var(--easing-emphasized);--md-sys-motion-duration-long2:var(--duration-long);--color-logo-stop-1:#d0bcff;--color-logo-stop-2:#b19cd9;--color-logo-stop-3:#9275b2;--color-logo-glow:#d0bcff40;--ease-spring:cubic-bezier(.2, 0, 0, 1);--m3-spring-bouncy:cubic-bezier(.175, .885, .32, 1.25);--m3-spring-smooth:cubic-bezier(.05, .7, .1, 1);--color-screen-bg:#050506;--color-video-bg:#09080b;--color-hangbtn-hover:#d32f2f;--color-spotify:#1db954;--color-context-menu-bg:#111827f2;--color-reconnect-bg-start:#3e1810;--color-reconnect-bg-end:#5d1a00;--color-panel-border-dark:#282828e6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 8px 3px #00000059, 0 1px 3px #0006;--shadow-lg:0 10px 20px #0006, 0 4px 8px #0000004d;--shadow-xl:0 20px 40px #00000080, 0 8px 16px #00000059;--blur-sm:blur(4px);--blur-md:blur(12px);--blur-lg:blur(24px);--blur-xl:blur(40px);--blur-backdrop:blur(24px) saturate(200%);--state-hover-opacity:.08;--state-press-opacity:.12;--state-focus-opacity:.12;--border-opacity-subtle:.08;--border-opacity-medium:.15;--border-opacity-strong:.25;--color-border-subtle:#ffffff14;--color-border-medium:#ffffff26;--color-border-on-dark:#ffffff1a;--color-state-hover-dark:#ffffff14;--color-state-hover-light:#0000000d;--color-mobile-island-bg:#141218eb;--color-mobile-island-border:#ffffff1a;--shadow-mobile-island:0 4px 28px #0000008c;--color-dialog-bg:var(--color-surface-container);--color-dialog-border:var(--color-border-subtle);--color-dialog-text:var(--color-text);--color-dialog-text-muted:var(--color-text-muted);--color-dialog-overlay:#0009;--shadow-dialog:0 8px 32px #0006;--color-chart-grid:var(--color-surface-high);--color-chart-line:var(--color-primary);--color-chart-dot:var(--color-primary);--color-default-banner:linear-gradient(135deg, #5865f2, #3b45a3);--color-google:#4285f4;--color-telegram:#08c;--color-guest-icon-bg:#f443361a;--color-guest-icon:#f43f5e}.conn-fail-overlay{background:var(--color-dialog-overlay);z-index:50001;width:100%;height:100%;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.conn-fail-dialog{background:var(--color-dialog-bg);border:1px solid var(--color-dialog-border);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:360px;color:var(--color-dialog-text);box-shadow:var(--shadow-dialog);animation:modalEnter .3s var(--m3-spring-bouncy);padding:32px 24px}.conn-fail-title{font-size:20px;font-weight:500;font-family:var(--font-label);color:var(--color-dialog-text);margin:0 0 12px}.conn-fail-body{color:var(--color-dialog-text-muted);font-size:14px;line-height:1.5;font-family:var(--font-ui);margin:0 0 24px}.conn-fail-actions{justify-content:center;gap:12px;display:flex}.conn-fail-btn{border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-label);flex:1;padding:12px;transition:background .2s,opacity .2s}.conn-fail-btn--cancel{border:1px solid color-mix(in srgb, var(--color-primary-dim) 20%, transparent);color:var(--color-primary-dim);background:0 0}.conn-fail-btn--cancel:hover{background:color-mix(in srgb, var(--color-primary-dim) 8%, transparent)}.conn-fail-btn--retry{background:var(--color-primary-dim);color:var(--color-primary-on);border:none}.conn-fail-btn--retry:hover{opacity:.9}svg{fill:currentColor;pointer-events:none;width:24px;height:24px;transition:transform .3s,opacity .3s;display:block}.control-btn svg{width:28px;height:28px}#shareBtn svg,#stopShareBtn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.control-btn.hang-btn svg{width:32px;height:32px;fill:var(--color-text-bright)}.btn-icon-bg svg{width:32px;height:32px}.animate-spin{transform-origin:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);margin:0;padding:0;transition:background-color .3s,border-color .3s,transform .2s,opacity .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}html{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);font-family:var(--font-ui);justify-content:center;align-items:center;min-height:100vh;padding:20px;line-height:1.6;display:flex;position:relative;overflow-x:hidden}.container{width:100%;max-width:440px;position:relative;z-index:20000!important}body.mode-call .app-header{z-index:22000;width:auto!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:16px!important;left:50%!important;transform:translate(-50%)!important}body.mode-call .main-island{background:var(--color-surface-container-highest)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:var(--shadow-md)!important;border:none!important;border-radius:100px!important;align-items:center!important;gap:12px!important;height:48px!important;padding:0 6px 0 20px!important;transition:background .2s,transform .2s!important;display:flex!important}body.mode-call .header-extras-btn{background:var(--color-surface-container-highest)!important;color:var(--color-text-bright)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important;border:none!important;border-radius:100px!important;justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;padding:0!important;text-decoration:none!important;transition:background .2s,transform .2s!important;display:flex!important}body.mode-call .header-extras-btn:hover{background:color-mix(in srgb, var(--color-surface-container-highest) 92%, var(--color-text-bright) 8%)!important;transform:translateY(-1px)!important}body.mode-call .header-extras-btn:active{transform:scale(.95)!important}.header-extras-btn .invite-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0!important;display:flex!important}.header-extras-btn .invite-icon-box svg{fill:currentColor;width:20px;height:20px;position:static!important;transform:none!important}.header-extras-btn .invite-text{font-family:var(--font-label);color:inherit;margin-left:8px;font-size:14px;font-weight:600;display:inline-block}body.mode-call .header-separator{display:none!important}@media (width<=768px){body.mode-call .header-extras-btn{justify-content:center!important;width:48px!important;padding:0!important}body.mode-call .header-extras-btn .invite-text{display:none!important}body.mode-call .header-extras-btn .invite-icon-box{margin:0!important}body.mode-call .main-island{gap:8px!important;padding:0 12px!important}}.header-invite-btn{border-radius:var(--radius-full);cursor:pointer;height:44px;font-family:var(--font-label);letter-spacing:.1px;align-items:center;gap:10px;margin-left:8px;padding:0 20px 0 16px;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden;background:var(--color-surface-high)!important;color:var(--color-secondary-on)!important;border:1px solid var(--color-border-subtle)!important}.header-invite-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);background:var(--color-secondary-container)!important;border-color:var(--color-border-medium)!important}.header-invite-btn:active{transform:scale(.96)translateY(0);background:var(--color-surface-highest)!important}.invite-icon-box{width:24px;height:24px;color:inherit;justify-content:center;align-items:center;margin-right:8px;display:flex;position:relative}.invite-icon-box svg{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)rotate(0)}.invite-icon-box .icon-link{opacity:1}.invite-icon-box .icon-check{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(-45deg)}.header-invite-btn.copied{padding-right:24px;background:var(--color-success-bg)!important;color:var(--color-success-dim)!important;border-color:var(--color-success-border)!important}.header-invite-btn.copied:hover{box-shadow:0 0 15px #4ade8033;background:#4ade8012!important}.header-invite-btn.copied .icon-link{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(45deg)}.header-invite-btn.copied .icon-check{opacity:1;fill:var(--color-success);transform:translate(-50%,-50%)scale(1)rotate(0);stroke:var(--color-success)!important}.header-invite-btn.copied .invite-text{color:var(--color-success-dim)!important}.invite-text{color:inherit;padding-right:0;font-size:14px;font-weight:500;transition:color .3s}.header-invite-btn.hidden{display:none!important}@media (width<=768px){body.mode-call .app-header{z-index:22000!important;white-space:nowrap!important;width:auto!important;height:48px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;display:inline-flex!important;position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important}body.mode-call .main-island,body.mode-call .header-extras-btn{backdrop-filter:var(--blur-backdrop)!important;-webkit-backdrop-filter:var(--blur-backdrop)!important;box-shadow:var(--shadow-mobile-island)!important;border-radius:999px!important;align-items:center!important;height:100%!important;display:inline-flex!important}body.mode-call .main-island{background:var(--color-mobile-island-bg)!important;border:1px solid var(--color-mobile-island-border)!important;gap:10px!important;padding:10px 18px!important}body.mode-call .header-extras-btn{flex-shrink:0;width:48px!important;height:48px!important;padding:0!important}body.mode-call .header-extras-btn .invite-icon-box{width:100%!important;height:100%!important;margin:0!important}body.mode-call .header-extras-btn{flex-shrink:0!important;justify-content:center!important;width:44px!important;height:44px!important;padding:0!important}body.mode-call .header-extras-btn .invite-text{display:none!important}body.mode-call .header-extras-btn .invite-icon-box{width:20px!important;height:20px!important;margin:0!important;display:flex!important}body.mode-call .header-extras-btn svg{width:20px!important;height:20px!important}}.call-timer{font-variant-numeric:tabular-nums;opacity:1;contain:layout;justify-content:center;align-items:center;display:flex;font-family:var(--font-label)!important;color:var(--color-text-bright)!important;letter-spacing:.5px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;min-width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:15px!important;font-weight:600!important;line-height:1!important;position:static!important;transform:none!important}@keyframes m3-time-in{0%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::view-transition-old(m3-status-box){animation:.2s ease-in forwards m3-status-fade-out}::view-transition-new(m3-status-box){animation:.3s ease-out forwards m3-status-fade-in}@keyframes m3-status-fade-out{to{opacity:0;transform:scale(.98)}}@keyframes m3-status-fade-in{0%{opacity:0;transform:scale(1.02)}}.call-timer.hidden{display:none!important}.participant-badge{pointer-events:auto;cursor:pointer;transform-origin:50%;border-radius:100px;align-items:center;gap:8px;height:36px;margin:0;padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex;background:var(--color-secondary-container)!important;color:var(--color-secondary-on)!important;box-shadow:none!important;border:none!important}body.mode-call .participant-badge:not(.hidden){height:36px!important;margin:0!important;padding:0 16px!important}body.mode-call .participant-badge:hover{background:color-mix(in srgb, var(--color-secondary-container) 92%, var(--color-secondary-on) 8%)!important}body.mode-call .participant-badge svg{stroke-width:2px;opacity:1;margin-right:6px;display:block;width:18px!important;height:18px!important}body.mode-call .participant-badge span{font-family:var(--font-label);margin:0;padding:0;font-size:14px;font-weight:500;line-height:1}body.mode-call .participant-badge.full{color:var(--color-primary)!important}body.mode-call .participant-badge.full svg{opacity:1}.participant-badge.hidden{display:none}.participant-badge:not(.full):not(.hidden){animation:none}.participant-badge.pop-anim{animation:.4s cubic-bezier(.175,.885,.32,1.275) badgePop!important}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.participant-badge.exit-anim{animation:.5s cubic-bezier(.33,1,.68,1) badgeExit!important}@keyframes badgeExit{0%{transform:scale(1)}30%{opacity:.7;transform:scale(.85)}to{transform:scale(1)}}#authSection{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;transition:none;display:flex;background:var(--color-surface-high)!important;box-shadow:none!important;border:none!important;border-radius:20px!important;margin-bottom:16px!important;padding:14px 18px!important}#authStatus{max-width:190px;color:var(--color-text-muted)!important;font-family:var(--font-label)!important;text-align:left!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important}#authStatus strong{color:var(--color-primary)!important;font-weight:600!important}#telegramLoginContainer{flex-shrink:0;justify-content:center;display:flex;background:0 0!important;margin:0!important;padding:0!important}.profile-section{justify-content:center;align-items:center;min-height:48px;padding:12px 0 4px;display:flex}body.mode-call .profile-section{display:none}.user-badge{flex-shrink:1;align-items:center;min-width:0;max-width:min(280px,100vw - 48px);display:flex;background:var(--color-secondary-container)!important;border-radius:var(--radius-full)!important;color:var(--color-secondary-on)!important;font-family:var(--font-label)!important;cursor:pointer!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;gap:8px!important;padding:6px 14px 6px 6px!important;font-size:14px!important;font-weight:500!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s!important}.user-badge:hover{background:var(--color-surface-highest)!important;transform:scale(1.04)!important}.user-badge:active{transform:scale(.96)!important}.user-avatar{display:block;object-fit:cover!important;border:none!important;border-radius:50%!important;width:30px!important;height:30px!important}.user-badge-icon{justify-content:center;align-items:center;display:flex;background:var(--color-primary-container)!important;width:30px!important;height:30px!important;color:var(--color-primary-dim)!important;border:none!important;border-radius:50%!important}.user-badge-icon svg{fill:currentColor!important;width:16px!important;height:16px!important}.user-badge-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:clamp(80px,30vw,160px);overflow:hidden;padding:0!important}.user-badge.hidden,.user-avatar.hidden,.user-badge-icon.hidden{display:none!important}.menu-card{margin-bottom:24px;transition:transform .4s,opacity .4s;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}body.mode-call .menu-card{display:none}.card,.settings-panel,.create-screen,.join-screen{box-shadow:none;background:0 0;border:none;padding:0}.create-screen,.join-screen{display:none}@keyframes m3-expressive-screen{0%{opacity:0;filter:blur(8px);transform:scale(.92)translateY(24px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes m3-item-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.create-screen.active,.join-screen.active{transform-origin:top;will-change:transform, opacity, filter;flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards m3-expressive-screen;display:flex}.join-screen.active{gap:24px}.mode-selector{will-change:transform, opacity;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards m3-expressive-screen}.create-screen.active>*,.join-screen.active>*{opacity:0;animation:.5s cubic-bezier(.2,0,0,1) forwards m3-item-slide-up}.join-screen.active>:first-child,.create-screen.active>:first-child{animation-delay:50ms}.join-screen.active>:nth-child(2),.create-screen.active>:nth-child(2){animation-delay:.1s}.join-screen.active>:nth-child(3),.create-screen.active>:nth-child(3){animation-delay:.15s}.join-screen.active>:nth-child(4),.create-screen.active>:nth-child(4){animation-delay:.2s}.mode-selector{flex-direction:column;gap:12px;width:100%;display:flex}.mode-btn{cursor:pointer;text-align:left;width:100%;transition:transform .4s var(--m3-spring-smooth), box-shadow .4s ease;align-items:center;padding:24px 28px;display:flex;position:relative;overflow:hidden;border:none!important}.mode-btn:hover{transform:translateY(-4px)}.mode-btn:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .2s;position:absolute;inset:0}.mode-btn:hover:before{opacity:.08}.mode-btn:active:before{opacity:.12}.mode-btn:active{border-radius:44px!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;transform:scale(.93)translateY(2px)!important}.mode-btn.mode-create{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important;border-radius:32px 32px 12px!important}.mode-btn.mode-join{background:var(--color-secondary-container)!important;color:var(--color-secondary-on)!important;border-radius:12px 32px 32px!important}.btn-icon-bg{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex}.mode-btn:hover .btn-icon-bg{transform:scale(1.15)rotate(-12deg)}.mode-btn:hover .btn-icon-bg svg{transition:transform .4s var(--m3-spring-bouncy);transform:scale(1.1)}.mode-create .btn-icon-bg{background:color-mix(in srgb, var(--color-primary-dim) 15%, transparent)}.mode-join .btn-icon-bg{background:color-mix(in srgb, var(--color-secondary-on) 15%, transparent)}.btn-icon-bg svg{fill:currentColor;width:28px;height:28px}.btn-text-group{flex-direction:column;flex:1;gap:4px;display:flex}.btn-title{font-family:var(--font-brand,"Montserrat", sans-serif);letter-spacing:-.2px;color:inherit;font-size:20px;font-weight:700}.btn-desc{font-family:var(--font-ui,sans-serif);opacity:.85;color:inherit;font-size:14px;font-weight:400;line-height:1.3}.mode-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale();transform:none!important}.screen-header{text-align:center;margin-bottom:32px}.screen-header h3{font-family:var(--font-brand,"Montserrat", sans-serif);color:var(--color-text-bright);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.screen-header p{color:var(--color-text-muted);margin:0;font-size:15px;font-weight:500}.m3-input-group{width:100%;margin-bottom:24px}.m3-text-field{background-color:var(--color-surface-container-highest);border:2px solid #0000;border-radius:24px;align-items:center;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.m3-text-field:hover{background-color:var(--color-surface-high)}.m3-text-field:focus-within{background-color:var(--color-surface-highest);border-color:var(--color-primary);z-index:2;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.m3-text-field input{width:100%;color:var(--color-text-bright);font-family:var(--font-label);background:0 0;border:none;outline:none;padding:24px 20px 8px;font-size:16px}.m3-text-field label{color:var(--color-text-muted);pointer-events:none;transform-origin:0 0;font-size:16px;font-weight:500;transition:transform .25s cubic-bezier(.2,0,0,1),color .25s;position:absolute;top:18px;left:20px}.m3-text-field input:focus~label,.m3-text-field input:not(:placeholder-shown)~label{color:var(--color-primary);transform:translateY(-10px)scale(.75)}.m3-text-field input:not(:focus):not(:placeholder-shown)~label{color:var(--color-text-disabled)}.large-code-field{border-radius:28px}.large-code-field input{text-align:center;letter-spacing:8px;text-transform:uppercase;caret-color:var(--color-primary);font-size:36px;font-weight:800;font-family:var(--font-mono);padding:36px 16px 16px}.large-code-field label{transform-origin:top;font-size:16px;top:22px;left:50%;transform:translate(-50%)}.large-code-field input:focus~label,.large-code-field input:not(:placeholder-shown)~label{transform:translate(-50%)translateY(-14px)scale(.8)}.trailing-icon{color:var(--color-text-disabled);pointer-events:none;align-items:center;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;position:absolute;right:24px}.trailing-icon svg{width:24px;height:24px}.large-code-field:focus-within .trailing-icon{color:var(--color-primary);transform:scale(1.15)rotate(5deg)}@keyframes elastic-error{0%{transform:scale(1)translate(0)}15%{transform:scale(.99)translate(-6px)}30%{transform:scale(.99)translate(5px)}45%{transform:scale(1)translate(-4px)}60%{transform:scale(1)translate(3px)}75%{transform:scale(1)translate(-1px)}90%{transform:scale(1)translate(.5px)}to{transform:scale(1)translate(0)}}.m3-text-field.input-error{animation:.55s cubic-bezier(.25,.46,.45,.94) both elastic-error;border-color:var(--color-error-solid,#ef4444)!important;background-color:var(--color-error-bg)!important;box-shadow:0 0 0 4px #ef444440!important}.m3-text-field.input-error label,.m3-text-field.input-error .trailing-icon{color:var(--color-error)!important}.m3-text-field.input-error input{caret-color:var(--color-error)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.action-buttons{flex-direction:column;gap:12px;margin-top:16px;display:flex}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px 3px #00000026;background-color:var(--color-primary-dim)!important}.action-btn:disabled{background:var(--color-surface-highest);cursor:not-allowed;color:var(--color-text-disabled)}.exit-btn{color:var(--md-sys-color-primary)!important;border:1px solid var(--md-sys-color-outline)!important;background:0 0!important}.exit-btn:hover{border-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-primary)!important;background:#d0bcff14!important}.join-screen .action-buttons{flex-direction:column;gap:14px;margin-top:32px;display:flex}.join-screen #joinBtn{border:none;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:800;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;box-shadow:0 4px 12px #b19cd926;background:var(--color-primary)!important;color:var(--color-primary-container)!important;border-radius:var(--radius-full)!important;height:60px!important}.join-screen #joinBtn svg{vertical-align:text-bottom;fill:currentColor;width:22px;height:22px;margin-right:8px;transition:transform .3s cubic-bezier(.2,0,0,1);display:inline-block}.join-screen #joinBtn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #b19cd940;background:var(--color-primary-dim)!important}.join-screen #joinBtn:hover:not(:disabled) svg{transform:translate(4px)}.join-screen #joinBtn:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 8px #0003}.join-screen #backFromJoin{justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;background:var(--color-surface-highest)!important;color:var(--color-text-bright)!important;border-radius:var(--radius-full)!important;border:none!important;height:60px!important}.join-screen #backFromJoin:hover{transform:translateY(-2px);background:var(--color-secondary-container)!important;color:var(--color-secondary-on)!important}.join-screen #backFromJoin:active{transform:scale(.96)}.room-code{text-align:center;margin-bottom:28px}.room-code-label{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600}.room-code-value{text-align:center;color:var(--color-text-bright);letter-spacing:8px;cursor:pointer;background:0 0;border:none;padding:0;font-size:64px;font-weight:200;transition:all .3s}.room-code-value:hover{text-shadow:0 0 20px #ffffff4d;transform:scale(1.05)}.room-url{text-align:center;margin-bottom:28px}.room-url-label{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.room-url-value{font-size:13px;font-family:var(--font-mono);color:var(--color-text-bright);word-break:break-all;border:1px solid var(--color-outline-variant);cursor:pointer;background:0 0;border-radius:8px;padding:12px 16px}.room-url-value:hover{border-color:var(--color-text-bright)}.status{border:none;border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.status.connected{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e4d}.status-indicator{background:var(--color-outline);border-radius:50%;flex-shrink:0;width:10px;height:10px}.status.waiting{color:var(--color-warning-dim);background:#ff6f0026;border:1px solid #ffb74d66;box-shadow:0 0 15px #ff6f001a}.status.waiting .status-indicator{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning);animation:1.5s ease-in-out infinite statusPulse}.status.disconnected{color:var(--color-error-solid);background:#ba1a1a26;border:1px solid #ff897d66;box-shadow:0 0 15px #ba1a1a26}.status.connected .status-indicator{background:var(--color-success)}@keyframes controlsPop{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}to{transform:translate(-50%)scale(1)}}@keyframes reconnectPulse{0%{border-color:#ff980099;transform:translate(-50%)scale(1);box-shadow:0 0 #ff6d0066,0 0 20px #ff6d0033}50%{border-color:#ff9800;transform:translate(-50%)scale(1.02);box-shadow:0 0 0 12px #ff6d0000,0 0 40px #ff6d0066}to{border-color:#ff980099;transform:translate(-50%)scale(1);box-shadow:0 0 #ff6d0000,0 0 20px #ff6d0033}}.controls-panel.state-reconnecting{background:linear-gradient(135deg, var(--color-reconnect-bg-start) 0%, var(--color-reconnect-bg-end) 100%)!important;color:var(--color-warning-dim)!important;border:1px solid var(--color-warning)!important;animation:1.5s infinite reconnectPulse!important}.controls-panel.state-success{animation:.4s cubic-bezier(.175,.885,.32,1.275) controlsPop;box-shadow:0 0 30px #ffffff80;background:#fff6!important;border-color:#ffffffe6!important}.controls-panel.state-error{animation:.4s cubic-bezier(.175,.885,.32,1.275) controlsPop;box-shadow:0 0 30px #ef44444d;background:#ef444473!important;border-color:#ef4444cc!important}.control-btn span{display:none}.controls-panel:hover .control-btn{opacity:.7}.controls-panel .control-btn:hover{opacity:1}.control-btn.muted,.control-btn.camera-off{background:var(--color-error-bg)!important;color:var(--color-error-solid)!important;box-shadow:none!important;border:none!important}.control-btn.muted:hover{background:color-mix(in srgb, var(--color-error-bg) 90%, var(--color-error-solid) 10%)!important;box-shadow:none!important}.control-btn.muted svg,.control-btn.muted .mic-off,.control-btn.camera-off svg{stroke:none!important;fill:currentColor!important}.control-btn.sharing-active{background-color:var(--color-success)!important;color:var(--color-primary-on)!important}.control-btn.hang-btn{aspect-ratio:1;background-color:var(--color-error-solid)!important;width:56px!important;height:56px!important;color:var(--color-text-bright)!important;border-radius:16px!important;margin-left:0!important}.control-btn.hang-btn:hover{box-shadow:0 4px 12px #e02b1d66;background-color:var(--color-error-hover)!important}.control-btn.secondary-btn{color:var(--color-text);background:#ffffff14;border:none}.control-btn .icon-container{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.mic-dropdown{align-items:stretch;gap:1px;position:relative;background-color:var(--color-primary)!important;color:var(--color-primary-on)!important;box-shadow:none!important;border-radius:16px!important;height:56px!important;padding:0!important;transition:transform .2s,background-color .2s!important;display:flex!important;overflow:visible!important}.mic-dropdown:hover{filter:brightness(1.08)}.mic-main-btn{justify-content:center;align-items:center;display:flex;position:relative;width:56px!important;height:100%!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border-radius:16px 4px 4px 16px!important;margin:0!important;transform:none!important}.mic-dropdown-toggle{justify-content:center;width:32px!important;height:100%!important;color:inherit!important;box-shadow:none!important;background:#0000001a!important;border-left:1px solid #0000001a!important;border-radius:4px 16px 16px 4px!important;flex-direction:row!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;display:flex!important}.mic-dropdown-toggle svg{width:16px;height:16px}.dropdown-arrow{transition:transform .3s}.mic-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.mic-dropdown:has(.muted){background-color:var(--color-error-bg)!important;color:var(--color-error-solid)!important;box-shadow:none!important;border:none!important}.mic-dropdown:has(.muted) .mic-dropdown-toggle{border-left:1px solid color-mix(in srgb, var(--color-error-solid) 15%, transparent)!important;color:var(--color-error-solid)!important;background:0 0!important}.mic-dropdown:has(.muted):hover{background-color:color-mix(in srgb, var(--color-error-bg) 92%, var(--color-error-solid) 8%)!important}.mic-dropdown-menu{background:var(--color-surface-card);z-index:1001;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;width:320px;max-width:90vw;padding:16px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.mic-dropdown-menu:not(.hidden){animation:menuPopUp .3s var(--md-sys-motion-easing-emphasized)}@keyframes menuPopUp{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.dropdown-section{margin-bottom:12px}.dropdown-section:last-child{margin-bottom:0}.dropdown-section label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:8px;padding-left:2px;font-size:11px;font-weight:700}.dropdown-select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-surface-container);width:100%;color:var(--color-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000;border-radius:8px;outline:none;padding:10px 36px 10px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:all .2s;overflow:hidden}.dropdown-select:hover{background-color:var(--color-surface-high);border-color:#ffffff1a}.mic-level-wrap{background:var(--color-surface-high,#ffffff14);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.mic-level-bar{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;width:0%;height:100%;transition:width 70ms linear}.mic-level-bar.hot{background:linear-gradient(90deg,#facc15,#f97316)}.dropdown-select:focus{background-color:var(--color-surface-high);border-color:var(--color-primary)}.dropdown-select option{background-color:var(--color-surface-card);color:var(--color-text-bright);padding:10px}.dropdown-divider{background:var(--color-divider,#ffffff14);border-radius:1px;height:1px;margin:4px 0}.dropdown-toggle-info{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.dropdown-toggle-icon{color:var(--color-text-muted);opacity:.8;flex-shrink:0}.dropdown-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dropdown-toggle-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.dropdown-toggle-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.4;overflow:hidden}.theme-light .dropdown-divider{background:var(--color-divider)}.theme-light .dropdown-toggle-title{color:var(--color-text-bright)}.theme-light .dropdown-toggle-desc{color:var(--color-text-muted)}.mic-on.hidden,.mic-off.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.5)rotate(-90deg)!important}#muteBtn.muted{--mic-level:0!important;box-shadow:none!important;color:var(--color-error-solid)!important;background:0 0!important;border:none!important}#muteBtn.muted .mic-off{filter:none;transform:scale(1)}.mic-wrapper{will-change:transform, filter;opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translateY(0)}.mic-loader{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translateY(150%)}.mic-loader svg{width:20px;height:20px;color:var(--color-warning-dim);animation:1s linear infinite spin}#muteBtn.loading-mic .mic-wrapper{opacity:0;transform:translateY(-150%)}#muteBtn.loading-mic .mic-loader{opacity:1;transform:translateY(0)}#muteBtn.loading-mic{pointer-events:none;background:#ffffff0d}#muteBtn.vad-idle{color:#3b82f6!important}#muteBtn.vad-speaking{color:#4ade91!important}.modal-dialog.hidden{display:none}@keyframes modalEnter{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-body{font-family:var(--font-label);color:var(--md-sys-color-on-surface-variant);padding:0 24px;font-size:14px;line-height:20px}.modal-actions .action-btn{min-width:unset;border-radius:20px;flex:0 auto;margin:0;padding:0 24px;height:40px!important;font-size:14px!important}.action-btn.primary{background:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}.action-btn.primary:hover{box-shadow:0 1px 2px #0000004d;background:var(--color-primary-dim)!important}.share-modal-content{text-align:center;max-width:380px}.share-prompt{color:var(--color-text-muted);margin-bottom:20px;font-size:15px}.room-share-info{border-radius:var(--radius-md);text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;display:flex}.info-item{word-break:break-all;justify-content:space-between;align-items:center;display:flex}.info-label{color:var(--color-text-muted);font-size:14px}.info-value{font-family:var(--font-brand);color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:16px;font-weight:700;overflow:hidden}.settings-panel{border-radius:var(--radius-md);background:0 0;border:none;margin-bottom:24px;padding:0;display:none;position:relative;z-index:21000!important}.settings-panel.active{display:block}.settings-panel h3{color:var(--color-text-bright);text-align:center;margin-bottom:24px;font-size:20px;font-weight:500}.settings-section{margin-bottom:24px}.settings-section h4{color:var(--color-text);border-bottom:1px solid var(--color-outline-variant);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:500}.settings-toggle-row{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none;padding-bottom:0}.settings-toggle-text{flex:auto}.settings-toggle-title{color:var(--color-text);font-size:15px;font-weight:500}.settings-toggle-desc{color:var(--color-text-disabled);margin-top:6px;font-size:12px;line-height:1.5}.settings-switch{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:26px;display:inline-flex;position:relative}.settings-switch input{opacity:0;width:0;height:0;position:absolute}.settings-switch-track{background:var(--color-surface-highest);border-radius:999px;width:100%;height:100%;transition:background .2s;display:block;position:relative}.settings-switch-track:after{content:"";background:var(--color-text);border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.settings-switch input:checked+.settings-switch-track{background:#fffc}.settings-switch input:checked+.settings-switch-track:after{background:var(--color-primary-on);transform:translate(22px)}.settings-switch input:focus-visible+.settings-switch-track{box-shadow:0 0 0 3px #ffffff59}.settings-switch input:disabled+.settings-switch-track{background:var(--color-surface-container);opacity:.6}.settings-switch input:disabled+.settings-switch-track:after{background:var(--color-outline-variant)}.settings-actions{gap:12px;margin-top:24px;display:flex}.screen-container{z-index:100;background:var(--color-screen-bg);border:1px solid #ffffff0f;border-radius:24px;justify-content:center;align-items:center;width:calc(100vw - 48px);max-width:1600px;height:calc(100vh - 180px);margin-top:10px;transition:border-radius .4s cubic-bezier(.2,0,0,1),box-shadow .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards screenContainerIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 24px 80px #000000b3,0 0 120px #0000004d}@keyframes screenContainerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.screen-container.hidden{display:none!important}.screen-container video{object-fit:contain;background:var(--color-video-bg);border-radius:0;width:100%;height:100%;transition:object-fit .3s}.screen-container.camera-mode video{object-fit:cover}.screen-container.camera-mode:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(#0000 50%,#00000040 100%);position:absolute;inset:0}.screen-info{z-index:102;pointer-events:none;backdrop-filter:blur(16px)saturate(150%);-webkit-backdrop-filter:blur(16px)saturate(150%);border-radius:var(--radius-full);color:#ffffffe6;font-family:var(--font-label);letter-spacing:.2px;background:#0000008c;border:1px solid #ffffff14;padding:8px 16px;font-size:13px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) .3s both badgeFadeIn;position:absolute;top:16px;left:16px}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.screen-fullscreen-btn{z-index:102;backdrop-filter:blur(16px)saturate(150%);-webkit-backdrop-filter:blur(16px)saturate(150%);color:#ffffffd9;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s cubic-bezier(.2,0,0,1);animation:.4s cubic-bezier(.16,1,.3,1) .4s both badgeFadeIn;display:flex;position:absolute;top:16px;right:16px}.screen-fullscreen-btn svg{stroke-width:2px;width:20px;height:20px;transition:transform .25s cubic-bezier(.2,0,0,1)}.screen-fullscreen-btn:hover{color:var(--color-text-bright);background:#ffffff26;border-color:#fff3;transform:scale(1.08)}.screen-fullscreen-btn:hover svg{transform:scale(1.1)}.screen-fullscreen-btn:active{background:#ffffff1a;transform:scale(.95)}:-webkit-any(.screen-container:fullscreen,.screen-container:-webkit-full-screen){box-shadow:none;border:none;border-radius:0;width:100vw;max-width:none;height:100vh;margin:0}:is(.screen-container:fullscreen,.screen-container:fullscreen){box-shadow:none;border:none;border-radius:0;width:100vw;max-width:none;height:100vh;margin:0}:-webkit-any(.screen-container:fullscreen video,.screen-container:-webkit-full-screen video){border-radius:0}:is(.screen-container:fullscreen video,.screen-container:fullscreen video){border-radius:0}:-webkit-any(.screen-container:fullscreen .screen-info,.screen-container:-webkit-full-screen .screen-info){top:24px;left:24px}:is(.screen-container:fullscreen .screen-info,.screen-container:fullscreen .screen-info){top:24px;left:24px}:-webkit-any(.screen-container:fullscreen .screen-fullscreen-btn,.screen-container:-webkit-full-screen .screen-fullscreen-btn){top:24px;right:24px}:is(.screen-container:fullscreen .screen-fullscreen-btn,.screen-container:fullscreen .screen-fullscreen-btn){top:24px;right:24px}:is(.screen-container:fullscreen .screen-info,.screen-container:fullscreen .screen-fullscreen-btn){opacity:1;transition:opacity .3s}.screen-container:after{content:"";z-index:101;pointer-events:none;opacity:1;background:linear-gradient(#00000073 0%,#00000026 50%,#0000 100%);border-radius:24px 24px 0 0;height:80px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.screen-container.hidden:after{display:none}.screen-container.no-interact,body.ui-priority .screen-container{pointer-events:none}.screen-share-indicator{z-index:200;pointer-events:none;backdrop-filter:blur(20px)saturate(150%);-webkit-backdrop-filter:blur(20px)saturate(150%);border-radius:var(--radius-full);color:var(--color-text);font-family:var(--font-label);letter-spacing:.1px;background:#141218cc;border:1px solid #ffffff14;padding:10px 24px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) forwards indicatorSlideIn;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d,0 0 0 1px #0000001a}@keyframes indicatorSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.screen-share-indicator.hidden{display:none}.screen-share-info{align-items:center;gap:10px;display:flex}.screen-share-info:before{content:"";background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #d0bcff66}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 0 6px #d0bcff00}}.screen-share-text{white-space:nowrap}@media (width<=640px){.screen-container{width:100vw;max-width:none;height:calc(100vh - 160px);box-shadow:none;border:none;border-radius:0;margin-top:0;top:calc(50% - 20px)}.screen-container:after{border-radius:0}.screen-container video{object-fit:contain}.screen-container.camera-mode video{object-fit:cover}.screen-info{padding:6px 12px;font-size:11px;top:12px;left:12px}.screen-fullscreen-btn{width:38px;height:38px;top:12px;right:12px}.screen-fullscreen-btn svg{width:18px;height:18px}.screen-share-indicator{padding:8px 18px;font-size:13px;top:70px}}@media (width<=380px){.screen-container{height:calc(100vh - 140px)}.screen-info{padding:4px 10px;font-size:10px;top:8px;left:8px}.screen-fullscreen-btn{width:34px;height:34px}}@media (height<=500px) and (orientation:landscape){.screen-container{border-radius:var(--radius-md);height:calc(100vh - 80px);top:40px;transform:translate(-50%)}.screen-info{top:8px;left:8px}.screen-fullscreen-btn{top:8px;right:8px}}#notifications{z-index:50005;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:320px;display:flex;position:fixed;top:24px;right:24px}.notification{pointer-events:auto;background:var(--color-surface-highest,#2b2930);color:var(--color-text-bright,#fff);font-family:var(--font-ui,system-ui);opacity:0;border:1px solid #ffffff14;border-radius:16px;padding:14px 20px;font-size:14px;line-height:1.4;transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-20px)scale(.95);box-shadow:0 10px 30px #00000059}.notification.visible{opacity:1;transform:translateY(0)scale(1)}.notification.removing{opacity:0;transform:translateY(-10px)scale(.9)}.notification-error{border-left:4px solid var(--color-error-solid,#ef4444)}.notification-success{border-left:4px solid var(--color-success,#4ade80)}.notification-warning{border-left:4px solid var(--color-warning,#f59e0b)}.notification-info{border-left:4px solid var(--color-primary,#d0bcff)}.participant-banner{bottom:calc(120px + env(safe-area-inset-bottom,0px));color:var(--color-text-bright);font-family:var(--font-label);letter-spacing:.2px;opacity:0;pointer-events:none;z-index:25000;text-align:center;--blur-value:blur(12px);max-width:clamp(280px,90vw,420px);backdrop-filter:var(--blur-value);-webkit-backdrop-filter:var(--blur-value);backdrop-filter:var(--blur-value);border:1px solid #80808026;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:500;transition:opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;left:50%;transform:translate(-50%,20px);background:var(--color-surface-container-highest)!important;box-shadow:0 12px 28px #00000040!important}.participant-banner.visible{opacity:1;transform:translate(-50%)}.participant-banner.hidden{display:none}.participant-banner .banner-icon{width:22px;height:22px;color:var(--color-primary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.participant-banner .banner-icon svg{fill:currentColor;width:22px;height:22px}.participant-banner .banner-text{white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.preloader{z-index:50000;background-color:var(--md-sys-color-background);pointer-events:all;opacity:1;visibility:visible;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-text-wrapper{color:var(--md-sys-color-on-surface-variant);letter-spacing:.1px;margin-top:32px;font-size:14px;font-weight:500}.dot{opacity:0;animation:1.4s cubic-bezier(.4,0,.2,1) infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:0}30%{opacity:1}}.preloader.reconnect-mode .loading-text-wrapper{color:var(--color-warning-dim)}.preloader.reconnect-mode .dot{color:var(--color-warning)}.main-logo{width:100px;height:100px;margin:0 auto 24px;display:none}body.mode-mode .main-logo{justify-content:center;align-items:center;display:flex}.main-logo svg{filter:drop-shadow(0 0 16px #d0bcff59);width:100%;height:100%}.nova-main-l1,.nova-main-l2{animation:3.5s ease-in-out infinite alternate nova-logo-breathe}.nova-main-l2{animation-duration:4s;animation-delay:.5s}@keyframes nova-logo-breathe{0%{opacity:.75}to{opacity:1;filter:drop-shadow(0 0 8px #d0bcff99)}}.header-extras-btn{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;display:flex;box-shadow:0 4px 12px #0003;background:var(--color-surface-high)!important;color:var(--color-primary)!important;border:1px solid #ffffff14!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.header-extras-btn:hover{transform:translateY(-1px);background:var(--color-surface-highest)!important}.header-extras-btn .invite-icon-box{justify-content:center;align-items:center;width:24px;height:24px;margin:0;display:flex}.header-extras-btn .invite-icon-box svg{width:20px;height:20px;position:static;transform:none}.extras-overlay{z-index:30000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.extras-overlay.hidden{display:none!important}.extras-panel{background:var(--color-surface-container-highest,var(--color-surface-high));border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);z-index:30001;opacity:0;pointer-events:none;width:min(380px,100vw - 24px);max-height:calc(100dvh - 120px);box-shadow:0 8px 32px #0000004d, 0 2px 8px #00000026, inset 0 1px 0 color-mix(in srgb, var(--color-text-bright) 5%, transparent);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:28px;padding:20px;transition:transform .32s cubic-bezier(.2,0,0,1),opacity .24s;position:fixed;top:88px;left:50%;overflow-y:auto;transform:translate(-50%)translateY(-12px)}.extras-panel.hidden{display:none!important}.extras-panel.extras-panel--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.extras-handle{display:none}@media (width<=768px){.extras-panel{width:min(360px,100vw - 20px);top:80px}}.extras-header{padding:4px 4px 12px}.extras-title{color:var(--color-text-bright);letter-spacing:-.2px;font-size:20px;font-weight:700}.extras-section{padding:4px 0}.extras-section-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.8px;opacity:.85;padding:16px 12px 8px;font-size:11px;font-weight:700}.extras-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;padding:10px 12px;transition:background .2s,transform .15s;display:flex;position:relative}.extras-item:hover:not(.extras-item--disabled){background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.extras-item:active:not(.extras-item--disabled){background:color-mix(in srgb, var(--color-primary) 14%, transparent);transform:scale(.98)}.extras-item--disabled{opacity:.45;cursor:default;pointer-events:none}.extras-item-icon{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-high));width:44px;height:44px;color:var(--color-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex}.extras-item:hover:not(.extras-item--disabled) .extras-item-icon{background:color-mix(in srgb, var(--color-primary) 22%, var(--color-surface-high));transform:scale(1.05)}.extras-item-icon svg{width:22px;height:22px}.extras-item-text{flex:1;min-width:0}.extras-item-label{color:var(--color-text-bright);font-size:15px;font-weight:600;line-height:1.3}.extras-item-desc{color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:1.4}.extras-item-arrow{color:var(--color-text-disabled);flex-shrink:0;transition:transform .2s,color .2s}.extras-item:hover:not(.extras-item--disabled) .extras-item-arrow{color:var(--color-primary);transform:translate(2px)}.extras-item-arrow svg{width:18px;height:18px}.extras-item.extras-item--yt .extras-item-icon{background:color-mix(in srgb, var(--color-youtube) 12%, var(--color-surface-high))!important;color:var(--color-youtube)!important}.extras-item.extras-item--yt:hover .extras-item-icon{background:color-mix(in srgb, var(--color-youtube) 20%, var(--color-surface-high))!important}.extras-item.extras-item--spotify .extras-item-icon{background:color-mix(in srgb, #1ed760 12%, var(--color-surface-high))!important;color:var(--color-spotify)!important}.extras-item.extras-item--spotify:hover .extras-item-icon{background:color-mix(in srgb, #1ed760 20%, var(--color-surface-high))!important}.extras-badge{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.extras-security-row{background:color-mix(in srgb, var(--color-surface-high) 50%, transparent);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:4px 0;padding:12px;transition:background .2s;display:flex}.extras-security-row:hover{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-high))}.extras-security-row.password-row{flex-direction:column;align-items:stretch;gap:10px}.extras-security-text{flex:1;min-width:0}.extras-security-label{color:var(--color-text-bright);font-size:15px;font-weight:600;line-height:1.3}.extras-security-desc{color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:1.4}.password-input-wrapper{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-outline-variant,#ffffff26);border-radius:14px;align-items:center;gap:8px;padding:4px 4px 4px 14px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.password-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface))}.extras-password-input{color:var(--color-text-bright,#fff);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0;font-family:inherit;font-size:14px}.extras-password-input::placeholder{color:var(--color-text-disabled,#fff6)}.security-save-btn{background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-on);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s,color .2s,box-shadow .2s;display:flex}.security-save-btn:hover{filter:brightness(1.1);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 40%, transparent)}.security-save-btn:active{transform:scale(.92)}.security-save-btn svg{fill:currentColor;width:18px;height:18px}.security-save-btn.delete-btn{color:#ff6b6b;background:#f4433626}.security-save-btn.delete-btn:hover{color:#ff8787;background:#f4433640}.security-save-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-highest,#ffffff14);color:var(--color-text-disabled,#ffffff4d)}.call-room-code{z-index:22000;height:40px;font-family:var(--font-ui);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;inset:24px 20px auto auto;transform:none;background-color:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:16px!important;box-shadow:0 4px 6px #0000004d!important}.call-room-code:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0003;background-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}.call-room-code:hover svg{color:var(--md-sys-color-on-primary)!important}.call-room-code:active{transform:translateY(1px)}.call-room-code svg{opacity:.8;transition:opacity .2s;color:var(--md-sys-color-on-primary-container)!important}.call-room-code.copied{cursor:default;background:#10b98126;border-color:#10b9814d}.code-context-menu,.participant-context-menu{background:var(--color-context-menu-bg);border:1px solid #ffffff1a;border-radius:10px;min-width:180px;padding:6px 0;display:none;position:fixed;box-shadow:0 18px 40px #0f172a73}.code-context-menu{z-index:1600}.participant-context-menu{z-index:35000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.code-context-menu:not(.hidden),.participant-context-menu:not(.hidden){animation:.2s cubic-bezier(.16,1,.3,1) forwards contextMenuFadeIn;display:block}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.code-value-text{font-family:var(--font-mono);letter-spacing:1px;color:var(--color-text-bright);font-size:14px;font-weight:700}.code-label-text{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.code-copy-icon{width:16px;height:16px;color:var(--color-text-disabled);transition:color .2s}.code-context-menu button,.participant-context-menu button{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:10px 16px;font-size:14px;transition:background .15s,color .15s;display:flex}.participant-context-menu button.danger{color:#f87171}.participant-context-menu button.danger:hover{color:#fca5a5;background:#f871711f}.code-context-menu button:hover:not(:disabled),.code-context-menu button:focus-visible:not(:disabled),.participant-context-menu button:hover:not(:disabled),.participant-context-menu button:focus-visible:not(:disabled){color:var(--color-text-bright);background:#ffffff2e}.code-context-menu button:disabled,.participant-context-menu button:disabled{color:#f0f0f059;cursor:not-allowed}.code-context-menu:after,.participant-context-menu:after{content:"";top:-8px;left:var(--menu-arrow-left,24px);border-style:solid;border-width:0 8px 8px;border-color:transparent transparent var(--color-context-menu-bg) transparent;position:absolute}.code-context-menu.invert:after,.participant-context-menu.invert:after{border-width:8px 8px 0;border-color:var(--color-context-menu-bg) transparent transparent transparent;top:auto;bottom:-8px}.participant-wrapper{align-items:center;display:flex;position:relative}body.mode-call .participant-badge{-webkit-user-select:none;user-select:none;color:var(--color-text-muted)!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;gap:6px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:14px!important;animation:none!important}body.mode-call .participant-badge:active{transform:scale(.92)!important}.participant-panel-overlay{z-index:22500;display:none;position:fixed;inset:0}.participant-panel-overlay.active{display:block}.participant-tooltip{transform-origin:top;background:var(--color-surface-input);opacity:0;visibility:hidden;pointer-events:none;z-index:23000;border:1px solid #d0bcff1a;border-radius:24px;flex-direction:column;gap:2px;width:296px;padding:6px;transition:opacity .28s cubic-bezier(.2,0,0,1),transform .38s cubic-bezier(.34,1.45,.64,1),visibility .28s;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-16px)scale(.88);box-shadow:0 2px 6px #0000004d,0 8px 24px #00000073,0 24px 56px #00000059,inset 0 1px #ffffff0d}.participant-tooltip.panel-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.pt-header{font-size:11px;font-family:var(--font-label);letter-spacing:1.4px;text-transform:uppercase;color:#cac4d08c;align-items:center;gap:7px;padding:10px 12px 6px;font-weight:500;display:flex}.pt-header:before{content:"";background:#cac4d033;flex-shrink:0;width:16px;height:1px;display:inline-block}.pt-header:after{content:"";background:#cac4d033;flex:1;height:1px;display:inline-block}.pt-item{border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:8px 10px;transition:background-color .18s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.pt-profile-hint{width:18px;height:18px;color:var(--color-text-muted);opacity:.45;pointer-events:none;flex-shrink:0;transition:opacity .2s,transform .2s,color .2s;transform:translate(0)}.pt-item:hover .pt-profile-hint{opacity:1;color:var(--color-primary);transform:translate(2px)}.pt-item:before{content:"";border-radius:inherit;pointer-events:none;background:#d0bcff00;transition:background .2s;position:absolute;inset:0}.pt-item:hover:before{background:#d0bcff1a}.pt-item:active{transform:scale(.97)}.pt-item:active:before{background:#d0bcff29}.pt-item:nth-child(2){animation:.35s cubic-bezier(.34,1.45,.64,1) both ptItemSlide}.pt-item:nth-child(3){animation:.35s cubic-bezier(.34,1.45,.64,1) 60ms both ptItemSlide}@keyframes ptItemSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pt-avatar-box{flex-shrink:0;width:44px;height:44px;position:relative}.pt-avatar{background:var(--color-primary-container);width:100%;height:100%;color:var(--color-primary-dim);font-size:17px;font-weight:700;font-family:var(--font-label);box-shadow:0 0 0 2px var(--color-surface-input), 0 0 0 3.5px #d0bcff59;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .3s;display:flex}.pt-item:hover .pt-avatar{box-shadow:0 0 0 2px var(--color-surface-input), 0 0 0 3.5px #d0bcff99}.pt-avatar-img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--color-surface-input), 0 0 0 3.5px #d0bcff59;border-radius:50%}.pt-avatar.local{color:var(--color-success-dim);box-shadow:0 0 0 2px var(--color-surface-input), 0 0 0 3.5px #bcebe266;background:linear-gradient(135deg,#4ade8026,#4ade8038)}.pt-avatar.waiting{background:var(--color-surface-container);color:var(--color-outline-variant);box-shadow:none;border:2px dashed #ffffff1f;animation:2s ease-in-out infinite waitingPulse}@keyframes waitingPulse{0%,to{opacity:1}50%{opacity:.55}}.pt-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pt-name{font-size:14px;font-weight:400;font-family:var(--font-label);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;overflow:hidden}.pt-status-text{font-size:12px;font-family:var(--font-label);color:#cac4d0a6;letter-spacing:.1px;align-items:center;gap:4px;display:flex}.pt-status-text.status-online:before,.pt-status-text.status-call:before{content:"";background:var(--color-success-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pt-status-text.status-call:before{background:var(--color-success-dim);box-shadow:0 0 5px #a5f5c899}.pt-you-badge{font-size:10px;font-weight:700;font-family:var(--font-label);color:var(--color-tertiary);letter-spacing:.8px;background:#efb8c81f;border:1px solid #efb8c840;border-radius:20px;flex-shrink:0;padding:3px 9px}.pt-divider{background:#ffffff0f;height:1px;margin:4px 10px}.pt-actions{gap:6px;padding:6px 10px 4px;display:flex}.pt-action-btn{color:#cac4d073;font-size:12px;font-weight:500;font-family:var(--font-label);cursor:not-allowed;letter-spacing:.2px;background:#ffffff0d;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;transition:all .2s;display:flex}.pt-action-btn svg{opacity:.5;width:15px;height:15px}.status-online{color:#bcebe2d9!important}.status-call{color:#a5f5c8e6!important}.status-connecting{color:#938f99bf!important}.legal-footer{z-index:10;opacity:1;justify-content:center;width:100%;margin-top:40px;transition:opacity .3s;display:flex;position:relative}.legal-footer.hidden{opacity:0;pointer-events:none}.legal-pill-container{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);box-shadow:none;justify-content:center;align-items:center;padding:4px;transition:background .3s cubic-bezier(.2,0,0,1),border-color .3s;display:inline-flex}.legal-pill-container:hover{background:var(--color-surface-high);border-color:var(--color-outline)}.legal-link{color:var(--color-text-muted);font-family:var(--font-label);letter-spacing:.1px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1)}.legal-link:hover{background-color:var(--color-secondary-container);color:var(--color-secondary-on)}.legal-link:active{background-color:color-mix(in srgb, var(--color-secondary-container) 85%, var(--color-secondary-on) 15%);transform:scale(.96)}.legal-separator{background-color:var(--color-outline-variant);opacity:.6;width:1px;height:16px;margin:0 4px}.log{border:1px solid var(--color-outline-variant);max-height:120px;color:var(--color-text-disabled);font-size:11px;font-family:var(--font-mono);background:0 0;border-radius:8px;margin-top:16px;padding:12px;overflow-y:auto}.log:empty{display:none}.log div{border-bottom:1px solid var(--color-outline-variant);padding:2px 0}.log div:last-child{border-bottom:none}.stats-panel{z-index:9001;background:#0a0a0ae6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.stats-panel.hidden{display:none}.stats-content{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:90%;max-width:400px;max-height:80vh;padding:24px;overflow-y:auto}.stats-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.stats-header h3{color:var(--color-text-bright);margin:0;font-size:18px;font-weight:500}.stats-close{background:var(--color-surface-highest);color:var(--color-text);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.stats-close:hover{background:var(--color-surface-container)}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat-section{margin-bottom:16px}.stat-section h4{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:500}.stat-item{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-label{color:var(--color-text-disabled);font-size:12px;font-weight:500}.stat-value{color:var(--color-text-bright);font-size:13px;font-weight:600;font-family:var(--font-mono)}.stat-unit{color:var(--color-outline);margin-left:4px;font-size:11px}.stats-history{border-top:1px solid var(--color-outline-variant);padding-top:16px}.stat-chart{text-align:center}.stat-chart canvas{border-radius:6px;max-width:100%;height:auto}.chart-label{color:var(--color-text-disabled);margin-top:8px;font-size:11px;font-weight:500}.speaker-indicator{z-index:105;background:0 0;border:none;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.speaker-indicator .bar{display:none}.speaker-indicator:after{content:"";background:var(--color-text-bright);opacity:.1;border-radius:50%;width:80px;height:80px;transition:transform .1s;box-shadow:0 0 40px #fff3}.speaker-indicator.active:after{opacity:.3;transform:scale(1.5);box-shadow:0 0 80px #fff6}.speaker-indicator.hidden,#speakerIndicator{display:none!important}.modal-dialog{z-index:20000;opacity:0;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);visibility:hidden;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-dialog.visible{opacity:1;pointer-events:auto;visibility:visible}.modal-content{background:var(--color-surface-high);border-radius:var(--radius-xl);border:1px solid #ffffff14;width:90%;max-width:440px;max-height:80vh;padding:32px;transition:transform .3s cubic-bezier(.2,0,0,1);overflow-y:auto;transform:scale(.9);box-shadow:0 8px 32px #0006}.modal-dialog.visible .modal-content{animation:modalEnter .5s var(--m3-spring-bouncy) forwards;transform:scale(1)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 24px 16px;display:flex}.modal-header h3{color:var(--color-text);font-family:var(--font-label);margin:0;font-size:22px;font-weight:400;line-height:32px}.modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:24px;line-height:1;transition:background .2s;display:flex}.modal-close:hover{background:#e6e0e914}.input-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px;font-size:12px;font-weight:500;display:block}.modal-actions{border-top:none;justify-content:flex-end;gap:12px;margin-top:32px;padding:24px;display:flex}.action-btn{border-radius:var(--radius-full);cursor:pointer;text-align:center;letter-spacing:.1px;border:none;width:100%;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 1px 2px #0000004d;text-transform:none!important;background-color:var(--md-sys-color-primary)!important;height:56px!important;color:var(--md-sys-color-on-primary)!important}.action-btn.exit-btn{color:var(--color-primary);background:0 0;border:1px solid #d0bcff33}.action-btn.exit-btn:hover{border-color:var(--color-primary);background:#d0bcff14}#startWithQuality{box-shadow:0 2px 6px #9840614d;background:var(--color-danger)!important;color:var(--color-text-bright)!important}#startWithQuality:hover{transform:translateY(-1px);box-shadow:0 4px 10px #98406166;background:var(--color-danger)!important}.controls-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);background:#141218f2;border:1px solid #ffffff14;align-items:center;gap:12px;padding:12px 24px;box-shadow:0 8px 32px #0006;display:flex!important}.control-btn{cursor:pointer;color:var(--color-text);background:var(--color-surface-high);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;padding:0!important}.control-btn:hover{background:var(--color-surface-highest);color:var(--color-text-bright);transform:translateY(-1px)}.control-btn .material-symbols-rounded,.control-btn svg{width:24px;height:24px;font-size:24px}.mic-dropdown{background:var(--color-surface-high);border-radius:var(--radius-full);align-items:center;transition:all .25s;display:flex;overflow:hidden}.mic-dropdown:hover{background:var(--color-surface-highest)}.mic-main-btn{background:0 0!important;border-radius:0!important;width:56px!important;height:52px!important}.mic-dropdown-toggle{width:32px!important;height:52px!important;color:var(--color-text-muted)!important;background:#ffffff0d!important;border-left:1px solid #ffffff14!important;border-radius:0!important}.mic-dropdown-toggle:hover{color:var(--color-text-bright)!important;background:#ffffff1f!important}.control-btn.muted{background:#ef444426!important}.mic-dropdown:has(.muted){background:#ef444426!important}.control-btn.muted{color:var(--color-error)!important}.control-btn.sharing-active{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important}#hangBtn{border-radius:var(--radius-full);width:64px;height:52px;background:var(--color-error-solid)!important;color:#fff!important}#hangBtn:hover{box-shadow:0 4px 12px #d32f2f66;background:var(--color-hangbtn-hover)!important}#hangBtn svg{fill:#fff}.share-dropdown{position:relative}.share-quality-dropdown{z-index:1001;flex-direction:column;gap:16px;width:280px;padding:20px;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);background:var(--color-surface-container-highest,var(--color-surface-high))!important;border:1px solid #ffffff0d!important;border-radius:24px!important;box-shadow:0 16px 40px #0006!important}.share-quality-dropdown:after{content:"";border:8px solid #0000;border-top-color:var(--color-surface-container-highest,var(--color-surface-high));position:absolute;top:100%;left:50%;transform:translate(-50%)}.share-quality-dropdown:before{content:"";border:9px solid #0000;border-top-color:#ffffff0d;margin-top:1px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.share-quality-dropdown:not(.hidden){animation:.35s cubic-bezier(.2,0,0,1) forwards sqDropDown}@keyframes sqDropDown{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.sqd-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sqd-title{color:var(--color-text-bright);letter-spacing:.2px;font-size:16px;font-weight:700}.sqd-close{cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.sqd-close:hover{color:var(--color-text-bright);background:#ffffff1a}.sqd-close svg{width:18px;height:18px}.sqd-quality-badge{background:var(--color-surface-high,#ffffff0d);color:var(--color-text-bright);border:none;border-radius:16px;align-items:center;gap:16px;padding:16px;font-size:15px;font-weight:500;display:flex}.sqd-quality-badge svg{width:24px;height:24px;color:var(--color-primary);stroke-width:2px;flex-shrink:0}.sqd-actions{gap:12px;margin-top:8px;display:flex}.sqd-btn{cursor:pointer;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;height:48px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:flex}.sqd-btn:active{transform:scale(.97)}.sqd-btn-ghost{background:var(--color-surface-highest,#ffffff14);color:var(--color-text)}.sqd-btn-ghost:hover{color:var(--color-text-bright);background:#ffffff1f}#startWithQuality{background:var(--color-primary)!important;color:var(--color-primary-container)!important;box-shadow:none!important}#startWithQuality:hover{transform:translateY(0);background:var(--color-primary-dim,#d0bcff)!important}.share-quality-dropdown.visible{display:flex!important}#shareBtn{background:var(--color-surface-high)!important;color:var(--color-text-bright)!important}#shareBtn:hover{box-shadow:0 4px 12px #0000004d;background:var(--color-surface-highest)!important;color:var(--color-secondary-on)!important}#stopShareBtn{animation:2s infinite pulsePurple;background:var(--color-primary-dim)!important;color:var(--color-primary-on)!important}@keyframes pulsePurple{0%{box-shadow:0 0 #eaddff66}70%{box-shadow:0 0 0 10px #eaddff00}to{box-shadow:0 0 #eaddff00}}.control-btn:after{content:attr(title);color:var(--color-primary-on);white-space:nowrap;opacity:0;pointer-events:none;background:#e3e2e6e6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-12px)}.control-btn:hover:after{opacity:1}@media (width<=640px){body:not(.mode-call) .container{width:100%;max-width:100%;max-height:none;position:static;top:auto;left:auto;overflow-y:visible;transform:none}.container{max-width:100%}body.mode-call .app-header{gap:8px!important;height:32px!important;padding:0 12px!important;top:16px!important}body.mode-call .app-header h1{display:none!important}body.mode-call .participant-badge{gap:4px;font-size:12px;padding-left:10px!important}body.mode-call .participant-badge span{font-size:12px}.call-timer{border-radius:6px;height:28px;padding:0 8px;top:16px;left:16px;border-left:none!important;padding-left:0!important;font-size:12px!important}.call-room-code{background:#0a0a0ad9;border-radius:10px;height:36px;padding:6px 12px;top:16px;right:16px}.code-label-text{display:none}.code-value-text{font-size:13px}.code-copy-icon{width:14px;height:14px}.controls-panel{border-radius:var(--radius-xl);justify-content:space-evenly;gap:8px;width:92%;max-width:360px;padding:8px 12px;bottom:24px}.control-btn{border-radius:14px!important;width:48px!important;height:48px!important}.mic-dropdown{border-radius:14px!important}.mic-main-btn{width:42px!important;height:48px!important}.mic-dropdown-toggle{width:24px!important;height:48px!important}.control-btn.hang-btn{border-radius:14px!important;width:48px!important;height:48px!important}.screen-container{aspect-ratio:auto;background:var(--color-video-bg);border:none;border-radius:0;width:100vw;height:80vh;max-height:none}.screen-container video{width:100%;height:100%;object-fit:contain!important}.screen-info{padding:6px 10px;font-size:11px;top:12px;left:10px}.screen-fullscreen-btn{border-radius:4px;padding:6px;top:12px;right:10px}.screen-fullscreen-btn svg{width:16px;height:16px}.participant-banner{bottom:calc(110px + env(safe-area-inset-bottom,0px));gap:10px;width:max-content;padding:12px 20px;font-size:13px}.participant-banner .banner-text{white-space:nowrap}}@media (width<=480px){body{padding:16px}.header{margin-bottom:32px}h1{font-size:20px}.card{border-radius:0;padding:0}.menu-card{background:0 0!important;border-radius:0!important;padding:0!important}.mode-btn{padding:20px}.btn-icon-bg{width:48px;height:48px;margin-right:16px}.btn-title{font-size:18px}.legal-footer{margin-top:32px}.legal-pill-container{background:0 0;border:none;justify-content:center;width:auto}.legal-link{text-align:center;flex:none;padding:8px 12px;font-size:13px}.app-header{justify-content:flex-start}.app-header h1{font-size:18px}.user-badge{max-width:calc(100vw - 32px)!important;padding:4px 12px 4px 4px!important;font-size:13px!important}.user-badge-name{max-width:clamp(60px,45vw,160px);font-size:13px}.user-avatar,.user-badge-icon{width:28px!important;height:28px!important}#authSection{border-radius:20px!important;padding:20px 16px!important}.settings-toggle-row{gap:10px;padding:12px 0}.settings-toggle-title{font-size:14px}.settings-toggle-desc{font-size:11px}.settings-switch{width:44px;height:24px}.settings-switch-track:after{width:18px;height:18px;top:3px;left:3px}.settings-switch input:checked+.settings-switch-track:after{transform:translate(20px)}#shareBtn,#stopShareBtn{display:none!important}.speaker-indicator{width:150px;height:150px}.speaker-indicator:after{width:60px;height:60px}.room-code-value{letter-spacing:6px;font-size:48px}.stats-content{width:calc(100% - 32px);margin:16px;padding:20px}.stats-grid{grid-template-columns:1fr;gap:8px}.mic-dropdown-menu{width:240px}}.control-btn,.action-btn,.mode-btn{transition:transform .15s cubic-bezier(.2,0,0,1),background-color .2s,box-shadow .2s,border-radius .2s!important}.control-btn:active,.action-btn:active,.mode-btn:active{transform:scale(.96)!important}#muteBtn:not(.muted){will-change:border-radius;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:var(--blob-radius,24px)!important}.controls-panel{z-index:1000;border-radius:var(--radius-full);transition:transform .6s var(--ease-spring), opacity .3s ease;background:var(--color-surface-high);opacity:0;justify-content:center;align-items:center;gap:12px;padding:12px 24px;display:flex;position:fixed;bottom:24px;left:50%;right:auto;transform:translate(-50%)translateY(120%);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff14;background-color:var(--color-surface-high)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #ffffff14!important;padding:12px!important}.controls-panel:not(.hidden){opacity:1;transform:translate(-50%)translateY(0)}#muteBtn .mic-on,#muteBtn .mic-off{width:24px;height:24px;transition:opacity .2s;position:absolute}#muteBtn .mic-on.hidden,#muteBtn .mic-off.hidden{pointer-events:none;opacity:0!important}@media (width<=640px){.controls-panel{max-width:90vw;bottom:24px;border-radius:var(--radius-full)!important;background:var(--color-surface-card)!important;gap:12px!important;width:auto!important;padding:6px!important;box-shadow:0 10px 40px #00000080!important}.control-btn{flex-shrink:0;border-radius:50%!important;width:52px!important;height:52px!important}.mic-dropdown{overflow:hidden;border-radius:var(--radius-full)!important;gap:0!important;height:52px!important;padding:0!important}.mic-main-btn{background:0 0!important;border-radius:0!important;width:60px!important;height:100%!important}#muteBtn:not(.muted){box-shadow:none!important;background-color:#0000!important;border-radius:0!important}.mic-dropdown-toggle{background:#0000001a!important;border-left:1px solid #0000001a!important;border-radius:0!important;width:32px!important;height:100%!important}.control-btn.hang-btn{border-radius:var(--radius-full)!important;width:68px!important;height:52px!important}body.mode-call .app-header{width:auto!important;padding:0!important;top:16px!important}}#muteBtn .mic-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important}#muteBtn .mic-on,#muteBtn .mic-off{z-index:1;font-size:28px;transition:opacity .2s,transform .2s cubic-bezier(.2,0,0,1);top:50%;left:50%;transform:translate(-50%,-50%);width:28px!important;height:28px!important;margin:auto!important;position:absolute!important;inset:0!important}#muteBtn .mic-on:not(.hidden),#muteBtn .mic-off:not(.hidden){opacity:1;transform:scale(1)rotate(0)!important}#muteBtn .mic-on.hidden,#muteBtn .mic-off.hidden{opacity:0;transform:scale(.5)rotate(-90deg)!important}#muteBtn .mic-frozen{z-index:1;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)rotate(-120deg);width:28px!important;height:28px!important;margin:auto!important;position:absolute!important;inset:0!important}#muteBtn.vad-idle .mic-on{pointer-events:none;opacity:0!important;transform:scale(.4)rotate(120deg)!important}#muteBtn.vad-idle .mic-frozen{opacity:1;color:#3b82f6;transform:scale(1)rotate(0)}.mic-dropdown:not(.muted){background-color:var(--color-surface-high)!important;color:var(--color-text-bright)!important}#muteBtn:not(.muted) .mic-on{color:var(--color-text-bright)!important}.mic-dropdown:has(.muted){background-color:var(--color-surface-container)!important;color:var(--color-text-muted)!important}button.user-badge{background:var(--color-secondary-container)!important;border-radius:var(--radius-full)!important;cursor:pointer!important;border:none!important;transition:background .18s,transform .35s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026!important}button.user-badge:hover{background:color-mix(in srgb, var(--color-secondary-container) 85%, var(--color-secondary-on) 15%)!important;transform:scale(1.03)!important}button.user-badge:active{transform:scale(.96)!important}.user-badge-chevron{opacity:.5;flex-shrink:0;width:16px!important;height:16px!important}.btn-google-signin{height:40px;color:var(--color-text);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:9px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,transform .15s,box-shadow .18s;display:inline-flex}.btn-google-signin:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.btn-google-signin:active{box-shadow:none;background:#ffffff0f;transform:translateY(0)}.btn-google-signin svg{flex-shrink:0;fill:none!important;width:18px!important;height:18px!important}.auth-buttons-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth-divider{color:#ffffff40;flex-shrink:0;padding:0 2px;font-size:11px}.account-overlay{z-index:50000;opacity:0;background:#0009;transition:opacity .35s cubic-bezier(.25,1,.5,1);position:fixed;inset:0;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.account-overlay--visible{opacity:1}.account-panel{border:1px solid var(--color-divider,#ffffff0d);z-index:50001;border-radius:28px;flex-direction:column;gap:16px;width:calc(100% - 24px);max-width:440px;padding:24px;transition:transform .45s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;transform:translate(120%);box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff0d;background:var(--color-surface-container,#141414)!important}.theme-light .account-panel{border:1px solid #00000014;box-shadow:0 16px 48px #0000001a;background:var(--color-surface-container,#f7f2fa)!important}.account-panel--visible{transform:translate(0)}.member-profile-panel{opacity:0;pointer-events:none;border-radius:16px;gap:0;width:92%;max-width:420px;max-height:calc(100vh - 80px);padding:0;transition:transform .35s cubic-bezier(.34,1.45,.64,1),opacity .3s cubic-bezier(.2,0,0,1);position:fixed;inset:40px auto auto 50%;overflow:hidden auto;transform:translate(-50%)translateY(-16px)scale(.96);box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0f}.member-profile-panel.account-panel--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.member-profile-banner{background:linear-gradient(135deg,#5865f2,#3b45a3) 50%/cover;border-radius:16px 16px 0 0;flex-shrink:0;width:100%;height:170px}.member-profile-header{z-index:1;align-items:flex-end;gap:16px;margin-top:-42px;margin-bottom:20px;padding:0 20px;display:flex;position:relative}.member-profile-avatar{background:var(--color-primary-container);border:6px solid var(--color-surface-container);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.member-profile-avatar .account-avatar-img{object-fit:cover;width:100%;height:100%}.member-profile-avatar .account-avatar-fallback{width:100%;height:100%;color:var(--color-primary-dim);justify-content:center;align-items:center;font-size:38px;font-weight:700;display:flex}.member-profile-text{flex:1;min-width:0;padding-bottom:4px}.member-profile-name{font-family:var(--font-brand);color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:800;line-height:1.2;overflow:hidden}.member-profile-tag{color:var(--color-text-muted);margin-top:2px;font-size:13px}.member-profile-body{padding:0 20px}.member-profile-section{margin-bottom:16px}.member-profile-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-primary);margin-bottom:8px;font-size:12px;font-weight:700}.member-profile-description{background:var(--color-surface-container-high);color:var(--color-text);word-break:break-word;white-space:pre-wrap;border-radius:12px;min-height:44px;padding:14px 16px;font-size:14px;line-height:1.5}.member-profile-name-row{align-items:center;min-width:0;display:flex}.member-profile-name-row .member-profile-name{flex:0 auto}.member-profile-badges-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:0;margin-top:6px;display:flex}.member-profile-badges-row .member-profile-tag,.member-profile-badges-row .member-profile-tag--you{margin-top:0!important}.member-profile-meta{color:var(--color-text-muted);align-items:center;gap:7px;padding:2px 2px 2px 4px;font-size:13px;display:flex}.member-profile-meta.hidden{display:none}.member-profile-meta-icon{fill:currentColor;opacity:.75;flex-shrink:0;width:15px;height:15px}.member-profile-meta-value{color:var(--color-text);font-weight:600}.sub-badge{font-family:var(--font-label);letter-spacing:.5px;text-transform:uppercase;color:#f4ce78;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;background:#f4ce7814;border:1px solid #f4ce7840;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:2.5px 7px 2.5px 6px;font-size:9.5px;font-weight:800;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 0 10px #f4ce780a}.sub-badge.hidden{display:none!important}.sub-badge svg{fill:currentColor;flex-shrink:0;width:10px;height:10px;transition:transform .2s}.sub-badge:hover{background:#f4ce7821;border-color:#f4ce7866;transform:translateY(-.5px);box-shadow:0 0 12px #f4ce7826}.sub-badge:hover svg{transform:scale(1.1)rotate(15deg)}.sub-badge-text{color:inherit}.pe-name-block .sub-badge{align-self:flex-start;margin-top:8px}.theme-light .sub-badge{color:#87620e;background:#a67b1412;border-color:#a67b1438;box-shadow:0 0 10px #a67b1408}.theme-light .sub-badge:hover{background:#a67b141a;border-color:#a67b1459}.member-profile-footer{justify-content:flex-end;padding:12px 20px 20px;display:flex}.member-profile-close-btn{background:var(--color-surface-highest);color:var(--color-text);border-radius:var(--radius-full);font-size:14px;font-weight:600;font-family:var(--font-label);cursor:pointer;border:none;padding:10px 28px;transition:background .2s,transform .15s}.member-profile-close-btn:hover{background:var(--color-surface-island);transform:translateY(-1px)}.member-profile-close-btn:active{transform:scale(.97)}.account-tab-content{display:none}.account-tab-content.active{animation:.22s accountTabFade;display:block}@keyframes accountTabFade{0%{opacity:0}to{opacity:1}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-tabs{background:var(--color-surface-input,#161616);border-radius:var(--radius-full);border:1px solid var(--color-divider);gap:6px;margin-bottom:8px;padding:6px;display:flex}.account-tab-btn{color:var(--color-text-muted);font-family:var(--font-ui);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex:1;padding:12px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative}.account-tab-btn:hover{background:var(--color-surface-high);color:var(--color-text-bright)}.account-tab-btn:active{transform:scale(.97)}.account-tab-btn.active{background:var(--color-text-bright)!important;color:var(--color-bg)!important}.customization-label{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;padding:8px 16px;font-size:11px;font-weight:700}.customization-themes{grid-template-columns:1fr 1fr;gap:16px;padding:8px 8px 16px;display:grid}.customization-theme-btn{color:var(--color-text);font-family:var(--font-ui);cursor:pointer;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative;background:var(--color-surface-input,#161616)!important;border:1px solid var(--color-divider)!important}.customization-theme-btn:hover{border-color:var(--color-outline);transform:translateY(-2px);background:var(--color-surface-highest)!important}.customization-theme-btn:active{transform:scale(.97)}.customization-theme-btn.active{background:var(--color-surface-highest)!important;border-color:var(--color-text-bright)!important;color:var(--color-text-bright)!important}.custom-lang-btn{flex-direction:row;justify-content:center;gap:10px;padding:14px 18px}.custom-lang-flag{font-size:20px}.theme-preview{border:1px solid var(--color-outline-variant);border-radius:12px;width:100%;height:56px;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#ffffff1f;border-radius:3px;height:10px;position:absolute;top:8px;left:8px;right:8px}.theme-preview-light:before{background:#0000000f}.theme-preview:after{content:"";background:var(--color-text-bright);opacity:.15;border-radius:4px;width:35%;height:14px;position:absolute;bottom:8px;left:8px}.theme-preview-dark{background:#000}.theme-preview-light{background:#fdf7ff}.theme-preview-anthropic-light{background:#f0eee6}.theme-preview-anthropic-dark{background:#211f1b}.theme-preview-anthropic-light:before{background:#1f1e1d0f}.theme-preview-anthropic-light:after,.theme-preview-anthropic-dark:after{opacity:.9;background:#d97757}.theme-preview-supernova-dark{background:radial-gradient(130% 130% at 78% 12%,#3a2a66 0%,#16132a 42%,#0a0b12 100%)}.theme-preview-supernova-light{background:linear-gradient(135deg,#fbf8f1 0%,#f0e7d4 100%)}.theme-preview-supernova-light:before{background:#211e160f}.theme-preview-supernova-dark:after{opacity:.95;background:#e7b24c}.theme-preview-supernova-light:after{opacity:.9;background:#a67b14}.theme-active-dot{background:var(--color-text-bright);opacity:0;width:18px;height:18px;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:10px;right:10px;transform:scale(.5)}.theme-active-dot:before{content:"✓";font-size:11px;font-weight:800}.customization-theme-btn.active .theme-active-dot{opacity:1;transform:scale(1)}.qset-field{padding:4px 0 8px}.qset-pack{background:var(--color-surface-input);border:1px solid var(--color-divider);border-radius:20px;margin:4px 8px 14px;padding:16px;transition:border-color .25s,box-shadow .25s}.qset-pack.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.qset-pack-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.qset-pack-icon{background:var(--color-surface-highest);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.qset-pack-meta{flex:auto;min-width:0}.qset-pack-title{color:var(--color-text-bright);font-size:15px;font-weight:700}.qset-pack-desc{color:var(--color-text-muted);margin-top:2px;font-size:12px}.qset-pack-check{background:var(--color-primary);width:22px;height:22px;color:var(--color-primary-on);opacity:0;transition:all .25s var(--ease-spring,cubic-bezier(.2, 0, 0, 1));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;transform:scale(.5)}.qset-pack-check:before{content:"✓"}.qset-pack.active .qset-pack-check{opacity:1;transform:scale(1)}.qset-pack-lock{cursor:help;background:linear-gradient(135deg,#ffe7a0,#f5c04a 45%,#e8973c);border:1px solid #ffd678b3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex;box-shadow:0 2px 6px #e89b3c4d,inset 0 1px #ffffff80}.qset-pack--locked .qset-pack-variants{filter:grayscale(.45)brightness(.95);opacity:.7}.qset-pack--locked .qset-variant{cursor:not-allowed}.qset-pack--locked .qset-variant:hover{border-color:var(--color-divider);transform:none}.qset-pack-variants{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qset-variant{background:var(--color-surface);border:1px solid var(--color-divider);cursor:pointer;color:var(--color-text-muted);font-family:var(--font-ui);border-radius:14px;flex-direction:column;gap:10px;padding:10px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,color .2s;display:flex;position:relative}.qset-variant:hover{border-color:var(--color-outline);transform:translateY(-2px)}.qset-variant:active{transform:scale(.97)}.qset-variant.active{border-color:var(--color-text-bright);color:var(--color-text-bright)}.qset-variant .theme-preview{height:46px}.qset-variant-label{text-align:center}.qset-variant .theme-active-dot{top:8px;right:8px}.qset-variant.active .theme-active-dot{opacity:1;transform:scale(1)}.theme-editor-dialog{z-index:60000;background:var(--color-overlay,#0009);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:20px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.theme-editor-dialog.visible{opacity:1;visibility:visible}.theme-editor-content{background:var(--color-surface-high);border:1px solid var(--color-divider);border-radius:var(--radius-xl);opacity:0;width:94%;max-width:460px;max-height:88vh;transition:transform .35s var(--m3-spring-bouncy), opacity .25s ease;flex-direction:column;display:flex;overflow:hidden;transform:scale(.92);box-shadow:0 24px 64px #00000073}.theme-editor-dialog.visible .theme-editor-content{opacity:1;transform:scale(1)}.te-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.te-title{font-family:var(--font-label);color:var(--color-text-bright);font-size:20px;font-weight:600}.te-close{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:24px;line-height:1;transition:background .2s,color .2s}.te-close:hover{background:var(--color-surface-highest);color:var(--color-text-bright)}.te-body{flex-direction:column;padding:4px 20px 8px;display:flex;overflow-y:auto}.te-body .customization-label{padding:14px 0 8px}.te-segment{grid-template-columns:1fr 1fr;gap:10px;display:grid}.te-seg-btn{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface-input);color:var(--color-text-muted);font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:transform .15s,border-color .2s,color .2s,background .2s;display:flex}.te-seg-btn .te-seg-icon{font-size:16px}.te-seg-btn:hover{border-color:var(--color-outline)}.te-seg-btn:active{transform:scale(.97)}.te-seg-btn.active{border-color:var(--color-primary);background:var(--color-surface-highest);color:var(--color-text-bright);box-shadow:0 0 0 1px var(--color-primary)}.te-guided{flex-direction:column;gap:10px;display:flex}.te-color-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.te-color-label{font-family:var(--font-ui);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.te-color-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.te-swatch{border:1px solid var(--color-divider);cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px;padding:0;overflow:hidden}.te-swatch::-webkit-color-swatch-wrapper{padding:0}.te-swatch::-webkit-color-swatch{border:none;border-radius:50%}.te-swatch::-moz-color-swatch{border:none;border-radius:50%}.te-hex{border:1px solid var(--color-divider);border-radius:var(--radius-sm,8px);background:var(--color-surface-input);width:96px;color:var(--color-text);font-family:var(--font-mono,monospace);text-transform:uppercase;text-align:center;padding:8px 10px;font-size:13px;transition:border-color .2s}.te-hex:focus{border-color:var(--color-primary);outline:none}.te-hex--invalid{border-color:var(--color-error-solid,#dc2626)}.te-radius{align-items:center;gap:14px;display:flex}.te-range{appearance:none;background:var(--color-surface-highest);cursor:pointer;border-radius:100px;flex:auto;height:6px}.te-range::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-surface-high);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}.te-range::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-surface-high);cursor:pointer;border-radius:50%;width:20px;height:20px}.te-radius-val{text-align:right;min-width:44px;font-family:var(--font-mono,monospace);color:var(--color-text-muted);font-size:13px}.te-presets{flex-wrap:wrap;gap:10px;display:flex}.te-preset{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface-input);width:76px;color:var(--color-text-muted);font-family:var(--font-ui);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:600;transition:transform .15s,border-color .2s,color .2s;display:flex}.te-preset:hover{border-color:var(--color-outline);color:var(--color-text-bright);transform:translateY(-2px)}.te-preset:active{transform:scale(.96)}.te-preset-dot{border:1px solid var(--color-divider);background:linear-gradient(135deg, var(--p-accent) 0 38%, transparent 38%), linear-gradient(135deg, var(--p-surface) 0 70%, var(--p-bg) 70%);border-radius:8px;width:100%;height:30px}.te-preset-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.te-advanced{border-top:1px solid var(--color-divider);margin-top:10px;padding-top:6px}.te-advanced-summary{cursor:pointer;font-family:var(--font-label);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 4px;font-size:12px;font-weight:700;list-style:none;display:flex}.te-advanced-summary::-webkit-details-marker{display:none}.te-advanced-summary:before{content:"▸";font-size:11px;transition:transform .2s}.te-advanced[open] .te-advanced-summary:before{transform:rotate(90deg)}.te-group-label{font-family:var(--font-label);color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.8px;padding:10px 0 6px;font-size:11px;font-weight:700}.te-adv-grid{flex-direction:column;gap:8px;display:flex}.te-adv-row .te-color-label{color:var(--color-text-muted);font-size:13px}.te-preview{padding:2px 0 4px}.te-pv-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.te-pv-text{font-family:var(--font-label);color:var(--color-text-bright);font-size:16px;font-weight:600}.te-pv-muted{color:var(--color-text-muted);font-size:13px}.te-pv-input{border-radius:var(--radius-md);background:var(--color-surface-input);border:1px solid var(--color-divider);color:var(--color-text);padding:10px 12px;font-size:14px}.te-pv-btn{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-on);font-family:var(--font-ui);cursor:default;border:none;align-self:flex-start;padding:10px 20px;font-size:14px;font-weight:600}.te-footer{border-top:1px solid var(--color-divider);background:var(--color-surface-high);flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.te-footer-spacer{flex:auto}.te-btn{border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,color .2s}.te-btn:active{transform:scale(.97)}.te-btn--primary{background:var(--color-primary);color:var(--color-primary-on)}.te-btn--primary:hover{background:var(--color-primary-dim)}.te-btn--ghost{border-color:var(--color-outline-variant);color:var(--color-text);background:0 0}.te-btn--ghost:hover{background:var(--color-surface-highest)}.te-btn--danger{color:var(--color-error-solid,#dc2626);border-color:var(--color-error-border,#ef44444d);background:0 0}.te-btn--danger:hover{background:var(--color-error-bg,#ef44441a)}@media (width<=480px){.te-preset{width:calc(33.3333% - 6.66667px)}.te-footer{flex-wrap:wrap}}.account-header{border-bottom:none;align-items:center;gap:16px;padding:8px 8px 16px;display:flex}.account-back-btn{background:var(--color-surface-highest,#ffffff0d);width:44px;height:44px;color:var(--md-sys-color-on-surface);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex}.account-back-btn:hover{background:var(--color-text-bright);color:var(--color-bg);transform:scale(1.05)}.account-back-btn:active{transform:scale(.95)}.account-back-btn svg{width:20px!important;height:20px!important}.account-title{font-family:var(--font-brand);color:var(--md-sys-color-on-surface);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.account-profile-card{border:1px solid var(--color-divider);border-radius:24px;align-items:center;gap:16px;margin:8px 0 24px;padding:16px 20px;transition:all .25s;display:flex;background:var(--color-surface-container-high,#1e1e1e)!important}.theme-light .account-profile-card{background:var(--color-surface-input)!important}.account-profile-card:hover{border-color:#ffffff1a;transform:translateY(-1px)}.account-profile-avatar{background:var(--md-sys-color-primary-container);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .25s;display:flex;overflow:hidden}.account-profile-card:hover .account-profile-avatar{transform:scale(1.03)}.account-avatar-img{object-fit:cover;width:100%;height:100%}.account-avatar-fallback{color:var(--md-sys-color-on-primary-container)}.account-avatar-fallback svg{width:38px!important;height:38px!important}.account-profile-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.account-profile-name{font-family:var(--font-brand);color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.5px;font-size:20px;font-weight:800;overflow:hidden}.account-profile-provider{color:var(--color-text-muted);background:var(--color-surface-highest);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-divider);align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.provider-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.account-banner{background:linear-gradient(135deg,#5865f2,#3b45a3) 50%/cover;border-radius:24px;width:100%;height:110px;margin-bottom:16px}.account-section{border-bottom:none;padding:0 8px 16px}.account-section-header{padding:12px 16px}.account-section-title{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.account-item{border:1px solid var(--color-divider);border-radius:24px;flex-direction:column;margin-bottom:16px;padding:20px;transition:all .25s;display:flex;background:var(--color-surface-container-high,#1e1e1e)!important}.theme-light .account-item{background:var(--color-surface-input)!important}.account-item:hover{border-color:#ffffff14;transform:translateY(-1px)}.account-item-content{align-items:center;gap:16px;display:flex}.account-item-icon{background:var(--color-surface-highest);width:40px;height:40px;color:var(--color-text-bright);border:1px solid var(--color-divider);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-item-icon svg{width:20px!important;height:20px!important}.account-item-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.account-item-label{font-family:var(--font-ui);color:var(--color-text-bright);font-size:16px;font-weight:700}.account-item-description{color:var(--color-text-muted);font-size:13px}.account-item-action{background:var(--color-surface-input,#161616);border-radius:var(--radius-full);border:1px solid var(--color-divider);align-items:center;gap:12px;margin-top:14px;padding:6px 6px 6px 18px;transition:all .25s;display:flex}.account-item-action:focus-within{background:var(--color-surface-high);border-color:var(--color-text-bright)}.account-item-value{font-size:15px;font-family:var(--font-mono);color:var(--color-text-bright);text-align:left;background:0 0;margin-top:12px;padding:4px 0 0;font-weight:600}.m3-filled-field{flex:1;height:40px;padding:0;box-shadow:none!important;background:0 0!important}.m3-filled-field:hover,.m3-filled-field:focus-within{box-shadow:none!important;background:0 0!important}.m3-filled-field-input{color:var(--color-text-bright);font-size:15px;font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;padding:0;font-weight:500}.m3-filled-field-input::placeholder{color:var(--color-text-hint)}.m3-filled-field-input textarea,textarea.m3-filled-field-input,#accountDescriptionInput{resize:none;height:auto;min-height:40px;padding:8px 0;line-height:1.4}.m3-icon-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;background:var(--color-text-bright)!important;color:var(--color-bg)!important}.m3-icon-btn:hover{transform:scale(1.05)}.m3-icon-btn:active{transform:scale(.93)}.account-save-status{border-radius:var(--radius-full);text-align:center;margin-top:14px;padding:10px 16px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.25,1,.5,1) tabFadeIn}.account-save-status--ok{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.account-save-status--err{background:var(--color-error-bg);color:var(--color-error-solid);border:1px solid var(--color-error-border)}.account-logout-btn{border-radius:var(--radius-full);width:calc(100% - 16px);font-size:15px;font-weight:700;font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:12px;margin:16px auto 24px;padding:16px;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;color:var(--color-error-solid)!important;border:1.5px solid var(--color-error-border)!important;background:0 0!important}.account-logout-btn:hover{transform:scale(1.02);background:var(--color-error-solid)!important;color:#fff!important;border-color:var(--color-error-solid)!important}.account-logout-btn:active{transform:scale(.96)}.account-logout-icon{fill:currentColor;width:20px!important;height:20px!important}@media (width<=480px){.account-panel{border:1px solid var(--color-divider);border-bottom:none;border-radius:28px 28px 0 0;max-width:100%;max-height:94vh;padding:20px;inset:auto 0 0;transform:translateY(100%)}.account-panel--visible{transform:translate(0)}.member-profile-panel{border-bottom:none;border-radius:16px;gap:0;width:calc(100% - 24px);max-width:420px;max-height:calc(100vh - 80px);padding:0;inset:auto auto 12px 50%;overflow:hidden;transform:translate(-50%)translateY(16px)scale(.96)}.member-profile-panel.account-panel--visible{transform:translate(-50%)translateY(0)scale(1)}.account-header{padding:12px 4px}.account-profile-card{margin:8px 0 16px;padding:16px 20px}.account-item{margin-bottom:12px;padding:20px}.m3-filled-field{height:40px}.m3-icon-btn{width:40px;height:40px}}.controls-panel.hidden{opacity:0!important;pointer-events:none!important;display:none!important}body.mode-call{padding:0!important;overflow:hidden!important}@media (width<=768px){html{overflow:hidden auto!important}body:not(.mode-call){justify-content:flex-start!important;align-items:flex-start!important;padding:0!important;overflow-y:auto!important}body:not(.mode-call) .container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important;overflow-x:hidden!important}body.mode-call .screen-container:not(.hidden){width:100vw!important;max-width:none!important;height:100dvh!important;box-shadow:none!important;background:var(--color-bg)!important;z-index:50!important;border:none!important;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}body.mode-call .app-header{z-index:22000!important;white-space:nowrap!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:auto!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;display:inline-flex!important;position:fixed!important;top:16px!important;left:50%!important;transform:translate(-50%)!important}body.mode-call .call-timer{color:var(--color-primary-dim)!important;font-variant-numeric:tabular-nums!important;font-size:14px!important;font-weight:600!important}body.mode-call .header-separator:not(.hidden){background:#ffffff2e!important;width:1px!important;height:16px!important;margin:0!important;display:block!important}body.mode-call .participant-badge:not(.hidden){color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:500!important;animation:none!important;display:inline-flex!important}body.mode-call .participant-badge svg{width:15px!important;height:15px!important}body.mode-call .header-invite-btn:not(.hidden){background:#d0bcff1a!important;border:1px solid #d0bcff33!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;margin-left:2px!important;padding:0!important;display:flex!important}body.mode-call .invite-text,body.mode-call .app-header-right{display:none!important}body:not(.mode-call) .controls-panel:not(.hidden){opacity:1!important;width:100%!important;max-width:none!important;padding:20px 24px calc(30px + env(safe-area-inset-bottom,0px))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:1000!important;background:linear-gradient(#0000 0%,#0000008c 30%,#000000eb 60%,#000 100%)!important;border:none!important;border-radius:0!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:16px!important;margin:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}body:not(.mode-call) .controls-panel .share-dropdown,body:not(.mode-call) .controls-panel #shareBtn,body:not(.mode-call) .controls-panel #stopShareBtn,body:not(.mode-call) .controls-panel #flipCameraBtn{display:none!important}body:not(.mode-call) .controls-panel:not(.hidden) .control-btn{border-radius:50%!important;flex-grow:0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin:0!important;display:flex!important;transform:none!important}body:not(.mode-call) .controls-panel:not(.hidden) .control-btn span{display:none!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-dropdown{border-radius:var(--radius-full)!important;background-color:var(--color-surface-high)!important;height:64px!important;color:var(--color-text-bright)!important;flex-grow:0!important;flex-shrink:0!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-dropdown:has(.muted){color:var(--color-error)!important;background:#ef44443d!important;box-shadow:inset 0 0 0 1.5px #ef44448c!important}}body:not(.mode-call) .controls-panel:not(.hidden) .mic-main-btn{border-radius:var(--radius-full) 0 0 100px!important;width:64px!important;height:100%!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-dropdown-toggle{width:28px!important;height:100%!important;color:inherit!important;background:#0000001a!important;border-left:1px solid #0000001f!important;border-radius:0 100px 100px 0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-dropdown-toggle svg{width:14px!important;height:14px!important}body:not(.mode-call) .controls-panel:not(.hidden) #hangBtn{border-radius:var(--radius-full)!important;background:var(--color-error-solid)!important;width:74px!important;height:64px!important;color:var(--color-text-bright)!important;box-shadow:0 6px 20px #c0392b66!important}body:not(.mode-call) .controls-panel:not(.hidden) #hangBtn svg{fill:#fff!important;width:26px!important;height:26px!important}.mic-dropdown-menu:not(.hidden){bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;background:var(--color-bg)!important;border:1px solid #ffffff17!important;border-radius:24px!important;width:auto!important;padding:20px!important;animation:.28s cubic-bezier(.2,0,0,1) mMenuUp!important;position:fixed!important;left:16px!important;right:16px!important;transform:none!important;box-shadow:0 -4px 40px #0009!important}@keyframes mMenuUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=390px){body:not(.mode-call) .controls-panel:not(.hidden){gap:12px!important;padding-left:16px!important;padding-right:16px!important}body:not(.mode-call) .controls-panel:not(.hidden) .control-btn{width:58px!important;height:58px!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-dropdown{height:58px!important}body:not(.mode-call) .controls-panel:not(.hidden) .mic-main-btn{width:58px!important}body:not(.mode-call) .controls-panel:not(.hidden) #hangBtn{width:68px!important;height:58px!important}}.ytcw-panel{z-index:31000;backdrop-filter:blur(24px)saturate(140%);-webkit-backdrop-filter:blur(24px)saturate(140%);opacity:0;pointer-events:none;background:#0f0d13b3;justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}.ytcw-panel.ytcw-panel--visible{opacity:1;pointer-events:auto}.ytcw-card{flex-direction:column;gap:20px;width:100%;max-width:1100px;height:100%;max-height:85vh;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.92)translateY(24px)}.ytcw-panel.ytcw-panel--visible .ytcw-card{transform:scale(1)translateY(0)}.ytcw-nav-capsule{background:var(--color-surface-container-highest,#232128e6);border:1px solid #ffffff14;border-radius:100px;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff0d}.ytcw-back-btn{width:48px;height:48px;color:var(--color-text-bright);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,0,0,1);display:flex}.ytcw-back-btn:hover{background:#ffffff1a;transform:scale(1.05)}.ytcw-back-btn svg{fill:currentColor;width:24px;height:24px}.ytcw-url-field{background:#00000040;border:2px solid #0000;border-radius:100px;flex:1;align-items:center;gap:12px;height:48px;padding:0 20px;transition:all .3s;display:flex}.ytcw-url-field:focus-within{border-color:var(--color-primary,#d0bcff);background:#0006}.ytcw-yt-icon{width:22px;height:22px;fill:var(--color-youtube);flex-shrink:0}.ytcw-url-input{color:var(--color-text-bright,#fff);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.ytcw-url-input::placeholder{color:#ffffff4d}.ytcw-load-btn{background:var(--color-primary,#d0bcff);width:48px;height:48px;color:var(--color-primary-container,#381e72);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #d0bcff40}.ytcw-load-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.ytcw-load-btn:active{transform:scale(.95);box-shadow:0 2px 6px #d0bcff33}.ytcw-load-arrow{fill:currentColor;width:24px;height:24px}.ytcw-load-spinner{border:2px solid #381e724d;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite ytcwSpin}@keyframes ytcwSpin{to{transform:rotate(360deg)}}.ytcw-player-area{background:#000;border:1px solid #ffffff0d;border-radius:36px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0d}.ytcw-placeholder{text-align:center;color:#fff9;flex-direction:column;align-items:center;gap:20px;display:flex}.ytcw-placeholder-icon{background:color-mix(in srgb, var(--color-youtube) 5%, transparent);width:88px;height:88px;color:var(--color-youtube);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-youtube) 10%, transparent);border-radius:32px;justify-content:center;align-items:center;display:flex}.ytcw-placeholder-icon svg{fill:currentColor;width:44px;height:44px}.ytcw-placeholder p{margin:0;font-size:16px;font-weight:500}.ytcw-player-container{position:absolute;inset:0}.ytcw-player-container iframe{width:100%!important;height:100%!important}.ytcw-fs-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.ytcw-player-area:hover .ytcw-fs-btn{opacity:1}.ytcw-fs-btn:hover{background:#000000b3;transform:scale(1.05)}.ytcw-player-area--fs{z-index:99999!important;border-radius:0!important;position:fixed!important;inset:0!important}.ytcw-status-row{flex-shrink:0;justify-content:center;gap:16px;display:flex}.ytcw-status-chip{background:var(--color-surface-container,#1c1b1fcc);color:var(--color-text);border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:10px;padding:10px 20px 10px 14px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 16px #0003}.ytcw-status-chip.ytcw-drift-warn{background:var(--color-warning-bg);color:var(--color-warning-dim,var(--color-warning));border-color:var(--color-warning-border)}.ytcw-status-chip.ytcw-drift-bad{background:var(--color-error-bg);color:var(--color-error-solid);border-color:var(--color-error-border)}.ytcw-status-chip.ytcw-drift-ok{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.ytcw-sync-dot{background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .3s}.ytcw-sync-dot--ok{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb, var(--color-success) 80%, transparent)}.ytcw-sync-dot--warn{background:var(--color-warning-dim,var(--color-warning));box-shadow:0 0 8px color-mix(in srgb, var(--color-warning-dim,var(--color-warning)) 80%, transparent)}.ytcw-sync-dot--bad{background:var(--color-error-solid);animation:.8s ease-in-out infinite ytcwPulse}.ytcw-sync-dot--loading{background:var(--color-primary);animation:1s ease-in-out infinite ytcwPulse}.ytcw-peer-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s}.ytcw-peer-dot--online{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb, var(--color-success) 80%, transparent)}.ytcw-peer-dot--wait{background:var(--color-warning-dim,var(--color-warning));animation:1.2s infinite ytcwPulse}@keyframes ytcwPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.ytcw-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) ytcwShake}@keyframes ytcwShake{0%,to{transform:translate(0)}15%,60%{transform:translate(-4px)}30%,90%{transform:translate(4px)}}@media (width<=768px){.ytcw-panel{padding:12px}.ytcw-card{gap:12px;max-height:none}.ytcw-nav-capsule{border-radius:28px;flex-wrap:wrap;gap:8px;padding:12px}.ytcw-url-field{flex-basis:100%;order:3;height:44px}.ytcw-player-area{border-radius:28px}.ytcw-status-row{flex-direction:column;align-items:stretch;gap:8px}.ytcw-status-chip{justify-content:center}.ytcw-back-btn,.ytcw-load-btn{width:44px;height:44px}}.ytcw-invite-toast{background:var(--color-surface-container-highest,#242424);opacity:0;z-index:32000;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:16px;width:90%;max-width:400px;padding:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 16px 40px #00000080}.ytcw-invite-toast.ytcw-invite-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.ytcw-invite-icon{background:#ff00001a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ytcw-invite-icon svg{fill:red;width:24px;height:24px}.ytcw-invite-text{flex:1;min-width:0}.ytcw-invite-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.ytcw-invite-sub{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ytcw-invite-actions{flex-shrink:0;gap:8px;display:flex}.ytcw-invite-btn{cursor:pointer;border:none;border-radius:100px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.ytcw-invite-accept{background:var(--color-primary,#d0bcff);color:#381e72}.ytcw-invite-accept:hover{background:#eaddff}.ytcw-invite-decline{color:#fff;background:#ffffff1a;width:40px;padding:0}.ytcw-invite-decline:hover{background:#ffffff26}.extras-item.extras-item--yt{pointer-events:auto!important;opacity:1!important;cursor:pointer!important}.extras-item.extras-item--yt:hover{background:#ff00000f!important}.extras-item.extras-item--yt .extras-item-icon{color:var(--color-youtube)!important;background:#ff00001a!important}body.mode-call .app-header:not(.hidden){z-index:22000;gap:12px!important;width:auto!important;height:56px!important;margin:0!important;padding:0!important;display:inline-flex!important;position:fixed!important;top:24px!important;left:50%!important;transform:translate(-50%)!important}body.mode-call .main-island,body.mode-call .header-extras-btn{background:var(--color-surface-high)!important;border-radius:var(--radius-full)!important;align-items:center!important;height:56px!important;padding:0 24px!important;transition:background .2s,transform .2s!important;display:flex!important;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d!important}body.mode-call .header-extras-btn{width:56px!important;color:var(--color-secondary-on)!important;justify-content:center!important;padding:0!important}body.mode-call #headerExtrasBtn{justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}body.mode-call #headerExtrasBtn .invite-text{display:none!important}body.mode-call #headerExtrasBtn .invite-icon-box{width:20px!important;height:20px!important;margin:0!important}body.mode-call .main-island:hover,body.mode-call .header-extras-btn:hover{background:color-mix(in srgb, var(--color-surface-high) 92%, var(--color-text-bright) 8%)!important;transform:none!important}body.mode-call .controls-panel:not(.hidden){z-index:21000;background:var(--color-surface-container)!important;border-radius:var(--radius-full)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:auto!important;max-width:calc(100vw - 32px)!important;padding:12px 16px!important;display:flex!important;position:fixed!important;bottom:32px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d!important}body.mode-call .control-btn:not(.hidden){flex-shrink:0;border-radius:var(--radius-full)!important;background:var(--color-secondary-container)!important;width:56px!important;height:56px!important;color:var(--color-secondary-on)!important;cursor:pointer!important;border:none!important;justify-content:center!important;align-items:center!important;transition:background .2s,transform .1s!important;display:flex!important}body.mode-call .control-btn:hover{background:color-mix(in srgb, var(--color-secondary-container) 92%, var(--color-secondary-on) 10%)!important}body.mode-call .control-btn:active{transform:scale(.95)!important}body.mode-call .mic-dropdown:not(.hidden){background:var(--color-secondary-container)!important;border-radius:var(--radius-full)!important;clip-path:none!important;gap:0!important;height:56px!important;transition:transform .1s!important;display:flex!important;overflow:visible!important}body.mode-call .mic-dropdown-toggle{width:38px!important;height:100%!important;color:inherit!important;border-left:1px solid color-mix(in srgb, var(--color-secondary-on) 12%, transparent)!important;background:0 0!important;margin:0!important;padding:0!important}body.mode-call .mic-main-btn:hover,body.mode-call .mic-dropdown-toggle:hover{background:color-mix(in srgb, var(--color-secondary-on) 8%, transparent)!important}body.mode-call .control-btn.muted{background:var(--color-error-bg)!important;color:var(--color-error-solid)!important}body.mode-call .mic-dropdown:has(.muted){background:var(--color-error-bg)!important;color:var(--color-error-solid)!important}body.mode-call .mic-dropdown-menu,body.mode-call .share-quality-dropdown{background:var(--color-surface-container-high)!important;z-index:30000!important;border:none!important;border-radius:28px!important;min-width:260px!important;padding:16px!important;box-shadow:0 24px 48px #0000004d!important}body.mode-call .participant-tooltip{background:var(--color-surface-container-high)!important;z-index:25000!important;border-radius:28px!important;padding:16px!important;top:calc(100% + 12px)!important;box-shadow:0 24px 48px #0000004d!important}@media (width<=768px){body.mode-call .controls-panel:not(.hidden){bottom:max(16px, env(safe-area-inset-bottom))!important;border-radius:32px!important;gap:8px!important;padding:8px!important}body.mode-call .control-btn,body.mode-call .mic-dropdown{height:48px!important}body.mode-call .control-btn{width:48px!important}body.mode-call .mic-main-btn{width:52px!important}body.mode-call .mic-dropdown-toggle{width:34px!important}body.mode-call #hangBtn{width:68px!important}}body.mode-call .mic-main-btn{width:64px!important;height:100%!important;color:inherit!important;background:0 0!important;margin:0!important;padding:0!important}body.mode-call .mic-dropdown-toggle:not(.hidden){border-radius:0 var(--radius-full) var(--radius-full) 0!important;background:var(--color-secondary-container)!important;width:32px!important;color:var(--color-secondary-on)!important;border:none!important;border-left:1px solid color-mix(in srgb, var(--color-secondary-on) 12%, transparent)!important;margin:0!important}body.mode-call .mic-dropdown-toggle:hover{background:color-mix(in srgb, var(--color-secondary-container) 92%, var(--color-secondary-on) 8%)!important;color:var(--color-secondary-on)!important}body.mode-call #shareBtn,body.mode-call #stopShareBtn{background:var(--color-secondary-container)!important;border-radius:var(--radius-full)!important}body.mode-call #hangBtn{background:var(--color-error-solid)!important;border-radius:var(--radius-full)!important}body.mode-call .mic-dropdown:hover{filter:none!important}body.mode-call .control-btn.muted,body.mode-call .mic-dropdown.muted{background:var(--color-error-bg)!important;color:var(--color-error-solid)!important;box-shadow:none!important}body.mode-call .mic-dropdown.muted .control-btn{color:var(--color-error-solid)!important;background:0 0!important}body.mode-call .control-btn.muted:hover,body.mode-call .mic-dropdown.muted:hover{background:color-mix(in srgb, var(--color-error-bg) 92%, var(--color-error-solid) 8%)!important}body.mode-call #hangBtn{background:var(--color-error-solid)!important;width:80px!important;color:var(--color-text-bright)!important}body.mode-call #hangBtn:hover{background:color-mix(in srgb, var(--color-error-solid) 92%, #000 8%)!important}body.mode-call #stopShareBtn{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important}body.mode-call .mic-dropdown-menu,body.mode-call .share-quality-dropdown{background:var(--color-surface-container-high)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:24px!important;padding:16px!important;box-shadow:0 8px 24px 4px #00000026,0 2px 6px #0000004d!important}body.mode-call .dropdown-select,body.mode-call .sqd-select{background-color:var(--color-surface-highest)!important;color:var(--color-text)!important;border:none!important;border-radius:12px!important;padding:14px 16px!important}body.mode-call .dropdown-select:hover,body.mode-call .sqd-select:hover{background-color:color-mix(in srgb, var(--color-surface-highest) 95%, var(--color-text) 5%)!important}@media (width<=768px){body.mode-call .controls-panel:not(.hidden){bottom:max(16px, env(safe-area-inset-bottom))!important;border-radius:32px!important;gap:8px!important;width:auto!important;max-width:calc(100vw - 32px)!important;padding:8px 12px!important}body.mode-call .control-btn{width:48px!important;height:48px!important}body.mode-call .mic-dropdown{height:48px!important}body.mode-call .mic-main-btn{border-radius:24px 0 0 24px!important;width:48px!important}body.mode-call .mic-dropdown-toggle:not(.hidden){border-radius:0 24px 24px 0!important;width:32px!important}body.mode-call #hangBtn{width:64px!important}body.mode-call .app-header{gap:8px!important;top:16px!important}body.mode-call .main-island{height:40px!important;padding:0 16px!important}body.mode-call .header-extras-btn{width:40px!important;height:40px!important}}@media (hover:none) and (pointer:coarse){body.mode-call .app-header:not(.hidden){left:50%!important;top:calc(16px + env(safe-area-inset-top,0px))!important;gap:8px!important;width:auto!important;height:48px!important;padding:0!important;position:fixed!important;transform:translate(-50%)!important}body.mode-call .main-island{height:48px!important;padding:0 16px!important}body.mode-call #headerExtrasBtn:not(.hidden){justify-content:center!important;width:48px!important;min-width:48px!important;height:48px!important;padding:0!important}body.mode-call #headerExtrasBtn .invite-text{display:none!important}body.mode-call #headerExtrasBtn .invite-icon-box{width:22px!important;height:22px!important;margin:0!important}body.mode-call .controls-panel:not(.hidden){bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}body.mode-call .participant-tooltip{background:var(--color-surface-container-highest)!important;border:1px solid #ffffff0d!important;border-radius:28px!important;width:280px!important;padding:16px 12px 12px!important;box-shadow:0 16px 40px #00000080,0 4px 12px #0003!important}.pt-header{color:var(--color-text-muted)!important;text-transform:uppercase!important;letter-spacing:1px!important;justify-content:flex-start!important;padding:0 12px 14px!important;font-size:13px!important;font-weight:700!important}.pt-header:before,.pt-header:after{display:none!important}.pt-item{background:0 0!important;border:none!important;border-radius:16px!important;margin-bottom:2px!important;padding:8px 12px!important}.pt-item:hover{background:#ffffff0f!important}.pt-you-badge{text-transform:uppercase;background:var(--color-primary-container)!important;color:var(--color-primary-on)!important;letter-spacing:.5px!important;border:none!important;border-radius:8px!important;padding:5px 10px!important;font-size:10px!important;font-weight:800!important}.pt-divider{display:none!important}body.mode-call .header-extras-btn{border-radius:50%!important;width:44px!important;min-width:44px!important;height:44px!important;margin-left:8px!important}body.mode-call .header-extras-btn .invite-text{display:none!important}body.mode-call .header-extras-btn .invite-icon-box{width:22px!important;height:22px!important;margin:0!important}body.mode-call .header-extras-btn:hover{transform:translateY(-2px)scale(1.05)!important}body.mode-call .call-timer{align-items:center!important;display:inline-flex!important}.call-timer.timer-tick{animation:none!important}.timer-digit-wrapper{justify-content:center;align-items:center;width:1ch;height:20px;display:inline-flex;overflow:hidden}.timer-digit{line-height:1;display:inline-block}.timer-digit.update-anim{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards digit-pop}@keyframes digit-pop{0%{opacity:0;filter:blur(2px);color:var(--color-primary);transform:translateY(12px)scale(.8)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.timer-colon{margin:0 1px;line-height:1;animation:2s ease-in-out infinite colon-breathe;transform:translateY(-1px)}@keyframes colon-breathe{0%,to{opacity:1}50%{opacity:.3}}@keyframes m3-device-click-in{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}30%{opacity:.6;transform:translate(-50%,-50%)scale(.5)rotate(-25deg)}65%{opacity:1;filter:drop-shadow(0 0 10px #d0bcffb3);transform:translate(-50%,-50%)scale(1.3)rotate(15deg)}to{filter:drop-shadow(0 0 #0000);transform:translate(-50%,-50%)scale(1)rotate(0)}}.device-swap-anim{transform-origin:50%;will-change:transform, filter, opacity;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards m3-device-click-in!important}.dropdown-noise-section{padding:2px 2px 4px}.noise-mode-selector{background:var(--color-surface-high,#ffffff14);border:1px solid var(--color-outline-variant,#ffffff1a);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex}.noise-mode-btn{min-width:0;color:var(--color-text-muted);font-size:11.5px;font-weight:600;font-family:var(--font-label,inherit);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;background:0 0;border:none;border-radius:9px;flex:1 1 0;padding:7px 3px;transition:background .22s cubic-bezier(.2,0,0,1),color .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1);overflow:hidden}.noise-mode-btn.active{background:var(--color-primary);color:var(--color-primary-on,#fff);box-shadow:0 2px 8px #6750a459}.noise-mode-btn[data-mode=off].active{background:var(--color-error,#b3261e);color:var(--color-error-on,#fff);box-shadow:0 2px 8px #b3261e66}.noise-mode-btn[data-mode=norm].active{background:var(--color-primary,#6750a4);color:var(--color-primary-on,#fff);box-shadow:0 2px 8px #6750a466}.noise-mode-btn[data-mode=rnn].active{background:var(--color-tertiary,#7d5260);color:var(--color-tertiary-on,#fff);box-shadow:0 2px 8px #7d526066}.noise-mode-btn[data-mode=df].active{background:var(--color-secondary,#1e6f5c);color:#fff;box-shadow:0 2px 8px #1e6f5c6b}.noise-mode-btn:hover:not(.active){background:var(--color-surface-container,#ffffff1f);color:var(--color-text)}.noise-mode-btn:active:not(.active){transform:scale(.96)}.theme-light .noise-mode-selector{background:var(--color-surface-high);border-color:#0000001a}.theme-light .noise-mode-btn:hover:not(.active){color:var(--color-text-bright);background:#0000000d}.spcw-panel{--sp-green:#1ed760;--sp-green-dim:#1db954;--sp-on-green:#06140a;--sp-surface:var(--color-surface,#0a0a0a);--sp-container:var(--color-surface-container-high,#1a1a1a);--sp-container-hi:var(--color-surface-container-highest,#242424);--sp-on-surface:var(--color-text-bright,#e6e0e9);--sp-on-variant:var(--color-text-muted,#cac4d0);--sp-outline:var(--color-outline-variant,#ffffff1f);--sp-spring:cubic-bezier(.34, 1.56, .64, 1);--sp-emphasized:cubic-bezier(.2, 0, 0, 1);--sp-corner-xl:28px;--sp-corner-lg:20px;--sp-corner-md:16px;border-radius:var(--sp-corner-xl);z-index:1000;width:380px;min-width:300px;min-height:360px;color:var(--sp-on-surface);font-family:var(--font-ui,"Inter", sans-serif);-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;display:flex;position:fixed;top:80px;right:20px;overflow:visible}.spcw-card{border-radius:var(--sp-corner-xl);background:var(--sp-container);border:none;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000004d,0 6px 18px 4px #00000059}.spcw-header{cursor:grab;justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex}.spcw-header-left{align-items:center;gap:12px;display:flex}.spcw-logo-badge{background:color-mix(in srgb, var(--sp-green) 18%, transparent);width:40px;height:40px;color:var(--sp-green);transition:border-radius .4s var(--sp-spring), transform .4s var(--sp-spring);border-radius:14px;justify-content:center;align-items:center;display:flex}.spcw-panel:hover .spcw-logo-badge{border-radius:50%}.spcw-logo{width:24px;height:24px}.spcw-brand{font-family:var(--font-brand,"Montserrat", sans-serif);letter-spacing:-.2px;color:var(--sp-on-surface);font-size:20px;font-weight:700}.spcw-header-right{align-items:center;gap:6px;display:flex}.spcw-sync-toggle{cursor:pointer;border-radius:var(--sp-corner-md);align-items:center;gap:10px;padding:4px 6px;display:inline-flex}.spcw-sync-toggle input{display:none}.spcw-sync-slider{background:var(--sp-container-hi);border:2px solid var(--color-outline,#79747e);width:52px;height:32px;transition:background .3s var(--sp-emphasized), border-color .3s var(--sp-emphasized);border-radius:100px;flex-shrink:0;position:relative}.spcw-sync-slider:after{content:"";background:var(--color-outline,#79747e);width:16px;height:16px;transition:left .35s var(--sp-spring), width .35s var(--sp-spring), height .35s var(--sp-spring), background .3s var(--sp-emphasized);border-radius:50%;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.spcw-sync-toggle input:checked+.spcw-sync-slider{background:var(--sp-green);border-color:var(--sp-green)}.spcw-sync-toggle input:checked+.spcw-sync-slider:after{background:var(--sp-on-green);width:24px;height:24px;left:22px}.spcw-sync-toggle:active .spcw-sync-slider:after{width:28px}.spcw-sync-label{font-family:var(--font-label,"Roboto", sans-serif);color:var(--sp-on-variant);min-width:44px;font-size:13px;font-weight:600}.spcw-icon-btn{width:40px;height:40px;color:var(--sp-on-variant);cursor:pointer;transition:background .2s ease, transform .3s var(--sp-spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.spcw-icon-btn svg{width:22px;height:22px}.spcw-icon-btn:hover{background:color-mix(in srgb, var(--sp-on-surface) 10%, transparent)}.spcw-icon-btn:active{transform:scale(.88)}.spcw-nav{align-items:center;gap:12px;padding:4px 20px 16px;display:flex}.spcw-field{background:var(--sp-container-hi);height:52px;transition:border-color .25s var(--sp-emphasized), background .25s var(--sp-emphasized);border:1px solid #0000;border-radius:100px;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.spcw-field:focus-within{border-color:var(--sp-green);background:color-mix(in srgb, var(--sp-green) 8%, var(--sp-container-hi))}.spcw-field-icon{width:20px;height:20px;color:var(--sp-on-variant);flex-shrink:0}.spcw-url-input{color:var(--sp-on-surface);font-size:14px;font-family:var(--font-ui,"Inter", sans-serif);background:0 0;border:none;outline:none;flex:1}.spcw-url-input::placeholder{color:var(--sp-on-variant)}.spcw-load-btn{border-radius:var(--sp-corner-md);background:var(--sp-green);width:56px;height:52px;color:var(--sp-on-green);cursor:pointer;transition:border-radius .4s var(--sp-spring), transform .3s var(--sp-spring), background .2s ease;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #1ed76059}.spcw-load-btn svg{width:26px;height:26px}.spcw-load-btn:hover:not(:disabled){border-radius:100px;transform:translateY(-1px)}.spcw-load-btn:active:not(:disabled){transform:scale(.92)}.spcw-load-btn:disabled{opacity:.7;cursor:default}.spcw-load-btn.loading{background:var(--sp-container-hi);color:var(--sp-on-variant);box-shadow:none}.spcw-spin{transform-origin:50%;animation:.9s linear infinite spcw-spin}@keyframes spcw-spin{to{transform:rotate(360deg)}}.spcw-info-area{align-items:center;gap:16px;padding:0 20px 16px;display:flex}.spcw-album-art{border-radius:var(--sp-corner-lg);object-fit:cover;flex-shrink:0;width:72px;height:72px;box-shadow:0 4px 14px #0006}.spcw-track-info{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.spcw-track-title{font-family:var(--font-brand,"Montserrat", sans-serif);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;color:var(--sp-on-surface);font-size:17px;font-weight:600;line-height:1.25;overflow:hidden}.spcw-select-wrap{align-items:center;display:flex;position:relative}.spcw-source-select{appearance:none;background:var(--sp-container-hi);width:100%;color:var(--sp-on-variant);font-size:12px;font-family:var(--font-label,"Roboto", sans-serif);cursor:pointer;border:none;border-radius:100px;padding:8px 32px 8px 14px;font-weight:500;transition:background .2s}.spcw-source-select:hover{background:color-mix(in srgb, var(--sp-on-surface) 12%, var(--sp-container-hi))}.spcw-source-select:focus{outline:2px solid var(--sp-green);outline-offset:-2px}.spcw-source-select option{background:var(--sp-container-hi);color:var(--sp-on-surface)}.spcw-select-arrow{width:18px;height:18px;color:var(--sp-on-variant);pointer-events:none;position:absolute;right:10px}.spcw-controls{align-items:center;gap:16px;padding:0 20px 18px;display:flex}.spcw-controls.hidden{display:none}.spcw-play-btn{background:var(--sp-green);width:60px;height:60px;color:var(--sp-on-green);cursor:pointer;transition:border-radius .45s var(--sp-spring), transform .3s var(--sp-spring), box-shadow .3s ease;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px #1ed76066}.spcw-play-btn svg{fill:currentColor;width:30px;height:30px}.spcw-play-btn.playing{border-radius:22px}.spcw-play-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 16px #1ed76080}.spcw-play-btn:active{transform:scale(.9)}.spcw-progress-wrapper{flex-direction:column;flex:1;gap:6px;display:flex}.spcw-progress{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}.spcw-progress::-webkit-slider-runnable-track{background:var(--sp-container-hi);border-radius:100px;height:8px}.spcw-progress::-moz-range-track{background:var(--sp-container-hi);border-radius:100px;height:8px}.spcw-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sp-green);border:3px solid var(--sp-container);width:6px;height:22px;box-shadow:0 0 0 1px var(--sp-green);transition:transform .2s var(--sp-spring);border-radius:100px;margin-top:-7px}.spcw-progress::-moz-range-thumb{background:var(--sp-green);border:3px solid var(--sp-container);border-radius:100px;width:6px;height:22px}.spcw-progress:active::-webkit-slider-thumb{transform:scaleY(1.15)}.spcw-time{font-family:var(--font-label,"Roboto", sans-serif);color:var(--sp-on-variant);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:12px;font-weight:600}.spcw-lyrics-area{text-align:center;background:var(--sp-surface);border-radius:var(--sp-corner-lg);scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;min-height:150px;margin:0 12px 12px;padding:24px 16px;font-size:17px;display:flex;position:relative;overflow-y:auto}.spcw-lyric-line{color:var(--sp-on-variant);opacity:.45;transform-origin:50%;transition:color .4s var(--sp-emphasized), opacity .4s var(--sp-emphasized), transform .4s var(--sp-spring);font-weight:500;line-height:1.35;transform:scale(.97)}.spcw-lyric-line.active{color:var(--sp-green);font-family:var(--font-brand,"Montserrat", sans-serif);letter-spacing:-.3px;opacity:1;font-size:22px;font-weight:700;transform:scale(1.06)}.spcw-no-lyrics{color:var(--sp-on-variant);max-width:80%;margin:auto;font-size:14px;line-height:1.5}.spcw-player-container{opacity:.01;pointer-events:none;width:200px;height:200px;position:absolute;top:-9999px;left:-9999px}.spcw-invite-toast{background:var(--color-surface-container-highest,#333);border-radius:var(--sp-corner-lg,20px);z-index:2000;max-width:340px;color:var(--color-text-bright,#e6e0e9);animation:spcw-toast-in .5s var(--sp-spring,cubic-bezier(.34, 1.56, .64, 1));border:none;flex-direction:column;gap:16px;padding:20px 22px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 28px 6px #0006}@keyframes spcw-toast-in{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.spcw-invite-title{font-family:var(--font-label,"Roboto", sans-serif);color:var(--color-text-muted,#cac4d0);font-size:13px;font-weight:600}.spcw-invite-sub{font-family:var(--font-brand,"Montserrat", sans-serif);color:var(--color-text-bright,#e6e0e9);font-size:16px;font-weight:600}.spcw-invite-actions{justify-content:flex-end;gap:10px;display:flex}.spcw-invite-btn{cursor:pointer;height:40px;font-family:var(--font-label,"Roboto", sans-serif);transition:transform .25s var(--sp-spring,cubic-bezier(.34, 1.56, .64, 1)), background .2s ease;border:none;border-radius:100px;padding:0 22px;font-size:14px;font-weight:600}.spcw-invite-btn:active{transform:scale(.93)}.spcw-invite-accept{background:var(--sp-green,#1ed760);color:var(--sp-on-green,#06140a)}.spcw-invite-accept:hover{background:var(--sp-green-dim,#1db954)}.spcw-invite-decline{color:var(--color-text-bright,#e6e0e9);background:0 0}.spcw-invite-decline:hover{background:#ffffff1a}.spcw-resize-handle{cursor:se-resize;z-index:1010;border-radius:0 0 var(--sp-corner-xl) 0;width:22px;height:22px;position:absolute;bottom:0;right:0}.spcw-resize-handle:after{content:"";border-right:2px solid var(--color-outline,#ffffff59);border-bottom:2px solid var(--color-outline,#ffffff59);border-radius:0 0 4px;width:9px;height:9px;transition:border-color .2s;position:absolute;bottom:7px;right:7px}.spcw-resize-handle:hover:after{border-color:var(--sp-green,#1ed760)}@media (width<=768px){.spcw-panel{border-radius:0;inset:auto 0 0;width:100%!important;height:64vh!important}.spcw-card{border-radius:var(--sp-corner-xl) var(--sp-corner-xl) 0 0}.spcw-resize-handle{display:none!important}.spcw-sync-label{display:none}}.guest-nick-overlay{background:var(--color-overlay);opacity:1;transition:opacity .25s;position:fixed;inset:0;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;z-index:49000!important}.guest-nick-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.guest-nick-modal{background:var(--md-sys-color-surface-container-high,var(--color-surface-high,#1e1e1e));width:min(420px,100vw - 32px);color:var(--color-on-surface);box-shadow:var(--shadow-elevation-4);opacity:1;visibility:visible;border-radius:28px;flex-direction:column;gap:18px;padding:28px 24px 20px;transition:opacity .28s cubic-bezier(.2,0,0,1),transform .32s cubic-bezier(.34,1.4,.64,1),visibility .28s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);z-index:49500!important}.guest-nick-modal.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%)scale(.92)}.guest-nick-header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.guest-nick-icon{background:var(--md-sys-color-secondary-container,#4a4458);width:56px;height:56px;color:var(--md-sys-color-on-secondary-container,#e8def8);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.guest-nick-icon--warning{background:var(--color-guest-icon-bg);color:var(--color-guest-icon)}.guest-nick-icon svg{width:28px;height:28px}.guest-nick-title{letter-spacing:0;color:var(--md-sys-color-on-surface,#e6e1e5);margin:0;font-size:22px;font-weight:500;line-height:1.2}.guest-nick-subtitle{color:var(--md-sys-color-on-surface-variant,#c9c5d0);margin:0;font-size:14px;font-weight:400;line-height:1.4}.guest-nick-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.guest-nick-btn{cursor:pointer;letter-spacing:.1px;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s,transform .12s;display:inline-flex}.guest-nick-cancel{color:var(--md-sys-color-primary,#d0bcff)}.guest-nick-cancel:hover{background:color-mix(in srgb, var(--md-sys-color-primary,#d0bcff) 8%, transparent)}.guest-nick-confirm{background:var(--md-sys-color-primary,#d0bcff);color:var(--md-sys-color-on-primary,#381e72)}.guest-nick-confirm:hover{background:color-mix(in srgb, var(--md-sys-color-primary,#d0bcff) 92%, white);box-shadow:0 1px 6px #00000059}.guest-nick-confirm:active{transform:scale(.97)}.guest-nick-confirm:disabled{opacity:.5;cursor:not-allowed}.theme-light .guest-nick-modal{background:var(--md-sys-color-surface-container-high,#ece6f0);color:var(--md-sys-color-on-surface,#1d1b20)}.theme-light .guest-nick-title{color:var(--md-sys-color-on-surface,#1d1b20)}@media (width<=480px){.guest-nick-modal{border-radius:24px;padding:22px 18px 16px}.guest-nick-title{font-size:20px}.guest-nick-subtitle{font-size:13px}}.m3e-loading-indicator{justify-content:center;align-items:center;width:96px;height:96px;display:flex}.m3e-loading-indicator svg{width:100%;height:100%;overflow:visible}.m3e-loading-indicator .m3e-shape{fill:var(--md-sys-color-primary,#d0bcff);transform-origin:50%;transform-box:view-box;will-change:d, transform}.preloader.reconnect-mode .m3e-loading-indicator .m3e-shape{fill:var(--color-warning,#ff8c00)}@media (width<=480px){.m3e-loading-indicator{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.m3e-loading-indicator .m3e-shape{opacity:.85}}.home-group-btn{background:linear-gradient(135deg, var(--color-primary-container), var(--color-surface-high));border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;color:var(--color-text-bright);font-family:var(--font-label);cursor:pointer;transition:transform .3s var(--ease-spring), background .3s ease, border-color .3s ease, box-shadow .3s ease;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:14px 24px;font-size:15px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000040}.home-group-btn:after{content:"BETA";background:var(--color-tertiary);color:var(--color-tertiary-on);letter-spacing:.5px;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:6px;right:8px}.home-group-btn:hover{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-container));box-shadow:0 6px 16px var(--color-logo-glow);border-color:var(--color-primary-dim);transform:translateY(-2px)}.home-group-btn:active{transform:translateY(0)scale(.98)}.home-group-btn svg{fill:currentColor;width:20px;height:20px}.group-video-grid{box-sizing:border-box;gap:16px;width:100%;height:100%;padding:16px;transition:all .3s;display:grid}.group-video-grid.streams-1{grid-template-rows:1fr;grid-template-columns:1fr}.group-video-grid.streams-2{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.group-video-grid.streams-3,.group-video-grid.streams-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}@media (width<=640px){.group-video-grid.streams-2{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.group-video-item{background:var(--color-video-bg,#000);border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.group-video-item video{object-fit:contain;border-radius:inherit;width:100%;height:100%}.group-video-label{color:#fff;font-size:12px;font-family:var(--font-label,sans-serif);pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.2px;background:#000000a6;border:1px solid #ffffff1a;border-radius:999px;padding:6px 14px;font-weight:500;position:absolute;bottom:12px;left:12px}}@layer nova-theme{body{background:var(--color-bg)!important}@media (width<=600px){body{align-items:flex-start!important;padding:0!important}}.theme-light body{background:var(--color-bg)!important}body:not(.mode-call) .container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:520px;min-height:100dvh;padding:48px 20px 32px;display:flex}@media (width<=600px){body:not(.mode-call) .container{justify-content:flex-start!important;gap:14px!important;max-width:100%!important;min-height:auto!important;padding:90px 16px 24px!important}}@media (width<=390px){body:not(.mode-call) .container{max-width:100%!important;padding:80px 14px 20px!important}}body.mode-mode .auth-section,body.mode-mode .menu-card,body.mode-mode .profile-section,body.mode-mode .legal-footer{width:100%;max-width:520px;margin-left:auto;margin-right:auto}@keyframes home-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes home-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}body:not(.mode-call) .main-logo{z-index:21000;cursor:pointer;align-items:center;width:auto;height:44px;margin:0;padding:4px 4px 4px 8px;transition:all .3s;animation:none;display:flex;position:fixed;top:20px;left:20px;right:auto}body:not(.mode-call) .main-logo svg{flex-shrink:0;width:36px;height:36px;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}body:not(.mode-call) .main-logo:hover svg{transform:rotate(360deg)}body:not(.mode-call) .main-logo svg path{transition:stroke .3s;stroke:var(--color-text-bright)!important}body:not(.mode-call) .main-logo .main-logo-label{font-family:var(--font-brand);color:var(--color-text-bright);white-space:nowrap;opacity:0;letter-spacing:-.5px;max-width:0;margin-left:0;font-size:22px;font-weight:800;transition:max-width .4s cubic-bezier(.2,0,0,1),opacity .3s,margin-left .4s,color .3s;overflow:hidden}body:not(.mode-call) .main-logo:hover .main-logo-label{opacity:1;max-width:120px;margin-left:10px}.theme-light body:not(.mode-call) .main-logo svg path{stroke:var(--color-text-bright)!important}.theme-light body:not(.mode-call) .main-logo .main-logo-label{color:var(--color-text-bright)}body:not(.mode-call) .main-logo svg defs,body:not(.mode-call) .main-logo svg filter{display:none}body:not(.mode-call) .main-logo svg{filter:none}body.mode-call .main-logo{display:none}.home-hero{display:none!important}body.mode-mode .auth-section{text-align:center;animation:.55s cubic-bezier(.2,0,0,1) 80ms both home-slide-up}body.mode-mode .mode-selector .mode-btn.mode-create,body.mode-mode .mode-selector .mode-btn.mode-join{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.home-page{flex-direction:column;gap:24px;animation:.55s cubic-bezier(.2,0,0,1) .1s both home-slide-up;display:flex}@media (width<=600px){.home-page{gap:16px!important}}.recent-section{width:100%}.recent-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-secondary-on);opacity:.7;margin-bottom:12px;font-size:13px;font-weight:700}.recent-list{flex-direction:column;gap:6px;display:flex}.recent-room-card{background:var(--color-surface-high);cursor:pointer;color:inherit;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:background .2s,transform .3s cubic-bezier(.34,1.56,.64,1),border-color .2s;display:flex}.recent-room-card:hover{background:var(--color-surface-highest);border-color:var(--color-outline);transform:scale(1.02)}.recent-room-card:active{transition-duration:.1s;transform:scale(.98)}.recent-room-icon{background:color-mix(in srgb, var(--color-primary-dim) 15%, transparent);border-radius:14px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.recent-room-card:hover .recent-room-icon{transform:scale(1.08)rotate(-4deg)}.recent-room-icon svg{width:22px;height:22px;fill:var(--color-primary-dim)}.recent-room-info{flex:1;min-width:0}.recent-room-code{font-family:var(--font-brand), monospace;letter-spacing:1.5px;color:var(--color-primary-dim);font-size:16px;font-weight:700}.recent-room-meta{opacity:.5;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex}.recent-room-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.recent-room-dot.inactive{background:var(--color-secondary-on);opacity:.4;animation:none}.recent-room-arrow{opacity:.3;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.recent-room-card:hover .recent-room-arrow{opacity:.7;transform:translate(3px)}.recent-room-arrow svg{fill:currentColor;width:20px;height:20px}.recent-empty{text-align:center;opacity:.35;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;font-size:14px;display:flex}.recent-empty svg{fill:currentColor;opacity:.4;width:40px;height:40px}.recent-section:has(.recent-list:empty) .recent-title{display:none}.home-actions{align-items:stretch;gap:10px;width:100%;display:flex}.home-new-room-btn{cursor:pointer;background:var(--color-surface-high);color:var(--color-text-bright);white-space:nowrap;border:1px solid #ffffff0f;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s;display:flex;box-shadow:0 1px 2px #0000001a,0 3px 12px #00000014}.home-new-room-btn:hover{transform:scale(1.03);box-shadow:0 6px 22px #00000029,0 2px 6px #00000014}.home-new-room-btn:active{transition-duration:.1s;transform:scale(.96)}.home-new-room-btn svg{fill:currentColor;width:22px;height:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.home-new-room-btn:hover svg{transform:rotate(90deg)}.home-join-inline{background:var(--color-surface-high);border:1px solid #ffffff14;border-radius:20px;flex:1;align-items:stretch;transition:border-color .25s,box-shadow .25s,background .2s;display:flex;overflow:hidden}.home-join-inline:focus-within{border-color:var(--color-primary-dim);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary-dim) 20%, transparent);background:var(--color-surface-highest)}.home-join-inline.input-error{animation:.55s cubic-bezier(.25,.46,.45,.94) both elastic-error;border-color:var(--color-error-solid,#ef4444)!important;background:var(--color-surface-highest)!important;box-shadow:0 0 0 4px #ef444440!important}.home-join-input{min-width:0;color:inherit;font-family:var(--font-brand), monospace;letter-spacing:2px;background:0 0;border:none;outline:none;flex:1;padding:14px 18px;font-size:16px;font-weight:600}.home-join-input::placeholder{color:var(--color-secondary-on);opacity:.5;letter-spacing:.5px;font-family:inherit;font-weight:400}.home-join-submit{background:color-mix(in srgb, var(--color-primary-dim) 12%, transparent);color:var(--color-primary-dim);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:flex}.home-join-submit:hover{background:color-mix(in srgb, var(--color-primary-dim) 22%, transparent)}.home-join-submit:active{background:color-mix(in srgb, var(--color-primary-dim) 30%, transparent)}.home-join-submit svg{fill:currentColor;width:18px;height:18px}.profile-section{justify-content:center;padding:0;display:flex}body.mode-mode .profile-section{animation:.55s cubic-bezier(.2,0,0,1) .22s both home-slide-up}.user-badge{background:var(--color-surface-container)!important;border:1px solid var(--color-outline-variant)!important;border-radius:var(--radius-full)!important;gap:10px!important;padding:6px 14px 6px 6px!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s!important}.user-badge:hover{background:var(--color-surface-high)!important;border-color:var(--color-outline)!important;transform:scale(1.04)!important}.user-badge-icon,.user-avatar{width:30px!important;height:30px!important}.user-badge-icon{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important;border-radius:50%!important}.legal-footer{display:none!important}.theme-light .recent-room-icon{background:#6366f11a}.theme-light .home-new-room-btn{background:var(--color-primary-container);color:var(--color-primary-dim)}.theme-light .home-join-inline{background:var(--color-surface-container);border-color:#00000014}.theme-light .home-join-inline:focus-within{background:var(--color-surface-highest);border-color:var(--color-primary-dim)}.theme-light .home-join-submit{color:var(--color-primary-dim);background:#6366f114}.theme-light .home-join-submit:hover{background:#6366f129}.theme-light .recent-room-card{background:var(--color-surface-container);border-color:#0000000f}.theme-light .recent-room-card:hover{background:var(--color-surface-highest)}@media (width<=520px){body:not(.mode-call) .container{gap:12px;padding:86px 16px 20px;overflow-x:hidden;max-width:100%!important}body.mode-mode .main-logo{width:52px;height:52px}.home-hero-title{font-size:26px}.home-hero-sub{font-size:13px}.home-page{gap:14px}.home-actions{flex-direction:column;align-items:center;gap:8px}.home-new-room-btn{border-radius:12px;justify-content:center;width:100%;max-width:340px;padding:10px 18px;font-size:14px}.home-new-room-btn svg{width:18px;height:18px}.home-join-inline{border-radius:12px;width:100%;max-width:340px}.home-join-input{padding:10px 14px;font-size:14px}.home-join-submit{padding:10px 14px;font-size:13px}.home-group-btn{width:100%;max-width:340px;border-radius:12px!important;margin-top:4px!important;padding:10px 16px!important;font-size:14px!important}.home-group-btn svg{width:16px!important;height:16px!important}#authSection{margin-bottom:8px!important;padding:10px 14px!important}#authStatus{font-size:12px!important;line-height:1.4!important}.recent-room-card{border-radius:14px;padding:12px 14px}.recent-room-icon{border-radius:12px;width:40px;min-width:40px;height:40px}.recent-room-icon svg{width:20px;height:20px}.recent-room-code{font-size:15px}.recent-title{margin-bottom:8px}.menu-card{margin-bottom:14px!important}.profile-section{padding:4px 0!important}}@media (width>=521px) and (width<=680px){.home-new-room-btn{padding:14px 22px}}@media (width>=681px) and (width<=1024px){body:not(.mode-call) .container{max-width:600px;padding:56px 32px 40px}body.mode-mode .auth-section,body.mode-mode .menu-card,body.mode-mode .profile-section{max-width:600px}.home-new-room-btn{padding:18px 32px;font-size:17px}.home-join-input{font-size:17px}.account-panel{max-width:520px}.member-profile-panel{max-width:420px}}@media (width>=1025px){body:not(.mode-call) .container{max-width:640px;padding:64px 40px 48px}body.mode-mode .auth-section,body.mode-mode .menu-card,body.mode-mode .profile-section{max-width:640px}}.theme-light .menu-card,.theme-light .modal-content,.theme-light .account-panel,.theme-light .extras-panel,.theme-light .mic-dropdown-menu,.theme-light .camera-dropdown-menu,.theme-light .share-quality-dropdown,.theme-light .code-context-menu,.theme-light .participant-context-menu{box-shadow:var(--shadow-md);border:1px solid var(--color-outline-variant);background-color:var(--color-surface)}.theme-light .account-profile-card{box-shadow:var(--shadow-sm);border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container)}.theme-light .account-item{box-shadow:var(--shadow-sm);border:1px solid var(--color-outline-variant);background-color:var(--color-surface-input)}.theme-light .code-context-menu:after,.theme-light .participant-context-menu:after{border-color:transparent transparent var(--color-surface) transparent}.theme-light .code-context-menu.invert:after,.theme-light .participant-context-menu.invert:after{border-color:var(--color-surface) transparent transparent transparent}.theme-light .pt-name,.theme-light .account-item-label,.theme-light .extras-item-label,.theme-light .code-context-menu button,.theme-light .participant-context-menu button,.theme-light .sqd-title,.theme-light .screen-header p,.theme-light .room-code-value{color:var(--color-text-bright)}.theme-light .pt-item:hover,.theme-light .extras-item:hover:not(.extras-item--disabled),.theme-light .account-item-action:focus-within,.theme-light .code-context-menu button:hover,.theme-light .code-context-menu button:focus-visible,.theme-light .participant-context-menu button:hover:not(.danger),.theme-light .participant-context-menu button:focus-visible:not(.danger),.theme-light .sqd-btn-ghost:hover,.theme-light .desktop-cam-preview-btn--cancel:hover{background-color:var(--color-state-hover-dark);color:var(--color-text-bright)}.theme-light .participant-context-menu button.danger{color:#dc2626}.theme-light .participant-context-menu button.danger:hover{color:#b91c1c;background:#dc26261a}.theme-light .header-invite-btn,.theme-light .header-extras-btn,.theme-light .call-room-code,.theme-light .btn-google-signin{border-color:var(--color-border-medium);color:var(--color-text-bright)}.theme-light .header-invite-btn:hover,.theme-light .header-extras-btn:hover,.theme-light .call-room-code:hover,.theme-light .btn-google-signin:hover{background-color:var(--color-state-hover-light);border-color:var(--color-border-strong,#00000040)}.theme-light .header-separator,.theme-light .pt-divider,.theme-light .legal-separator{background:var(--color-border-medium)}.theme-light .m3-text-field{background-color:var(--color-surface-container);border-bottom-color:#0000004d}.theme-light .m3-text-field input{color:var(--color-text-bright)}.theme-light .dropdown-select,.theme-light .sqd-select{border:1px solid var(--color-outline);background-color:var(--color-surface);color:var(--color-text)}.theme-light .dropdown-select option,.theme-light .sqd-select option{background-color:var(--color-surface);color:var(--color-text)}.theme-light .user-badge-icon,.theme-light .account-avatar-fallback{color:var(--color-primary-dim)}.theme-light .mic-dropdown-toggle,.theme-light #cameraDropdownToggle{border-left:1px solid #00000026}.theme-light .control-btn.secondary-btn{border:1px solid var(--color-border-subtle)}@media (width<=768px){.theme-light body:not(.mode-call) .controls-panel:not(.hidden){background:linear-gradient(to top, var(--color-bg) 0%, var(--color-surface) 40%, color-mix(in srgb, var(--color-surface) 70%, transparent) 70%, transparent 100%)}}.theme-light .home-new-room-btn{background:var(--color-primary)!important;color:var(--color-primary-on)!important;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 20%, transparent)!important;border:none!important}.theme-light .home-new-room-btn:hover{background:var(--color-primary-dim)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 30%, transparent)!important}.theme-light .home-new-room-btn svg{fill:var(--color-primary-on)!important}.theme-light .home-join-inline{background:var(--color-surface)!important;border:1px solid var(--color-outline-variant)!important;box-shadow:var(--shadow-sm)!important}.theme-light .home-join-inline:focus-within{background:var(--color-surface)!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)!important}.theme-light .home-join-input{color:var(--color-text-bright)!important}.theme-light .home-join-input::placeholder{color:var(--color-text-hint)!important}.theme-light .home-join-submit{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important;border-left:1px solid var(--color-outline-variant)!important;font-weight:600!important}.theme-light .home-join-submit:hover{background:color-mix(in srgb, var(--color-primary-container) 80%, var(--color-primary) 20%)!important;color:var(--color-primary-dim)!important}.theme-light .home-join-submit svg{fill:currentColor!important}.theme-light .home-group-btn{background:var(--color-surface)!important;border:1px solid var(--color-outline-variant)!important;color:var(--color-text)!important;box-shadow:var(--shadow-sm)!important}.theme-light .home-group-btn:hover{background:var(--color-surface-container)!important;border-color:var(--color-primary)!important;color:var(--color-primary-dim)!important;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 10%, transparent)!important}.theme-light .recent-title{color:var(--color-text-muted)!important;opacity:.95!important;font-weight:700!important}.theme-light .recent-room-card{background:var(--color-surface)!important;border:1px solid var(--color-outline-variant)!important;box-shadow:var(--shadow-sm)!important}.theme-light .recent-room-card:hover{background:var(--color-surface-container)!important;border-color:var(--color-outline)!important;box-shadow:var(--shadow-md)!important}.theme-light .recent-room-code{color:var(--color-primary-dim)!important}.theme-light .recent-room-meta{color:var(--color-text-muted)!important;opacity:.95!important}.theme-light .recent-room-arrow{opacity:.5!important;color:var(--color-text-disabled)!important}.theme-light .recent-room-card:hover .recent-room-arrow{opacity:.9!important;color:var(--color-text-muted)!important}.theme-light #userBadge{background:var(--color-surface)!important;border:1px solid var(--color-outline-variant)!important;color:var(--color-text)!important;box-shadow:var(--shadow-sm)!important}.theme-light #userBadge:hover{background:var(--color-surface-container)!important;border-color:var(--color-outline)!important}}@media (width<=389px){body:not(.mode-call) .main-logo{top:12px!important;left:12px!important}#authSection{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important}#authStatus{max-width:100%!important;font-size:12px!important}.auth-buttons-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.btn-google-signin{justify-content:center!important;width:100%!important;height:44px!important}#telegramLoginContainer{justify-content:center!important;width:100%!important;display:flex!important}#telegramLoginContainer iframe{max-width:100%!important}.home-actions{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important}.home-new-room-btn{border-radius:12px!important;justify-content:center!important;width:100%!important;max-width:340px!important;padding:10px 16px!important;font-size:14px!important}.home-join-inline{border-radius:12px!important;width:100%!important;max-width:340px!important}.home-join-input{letter-spacing:1px!important;padding:10px 14px!important;font-size:14px!important}.home-join-submit{padding:10px 14px!important;font-size:13px!important}.large-code-field input{letter-spacing:4px!important;padding:28px 12px 12px!important;font-size:28px!important}.room-code-value{letter-spacing:4px!important;font-size:40px!important}.recent-room-card{border-radius:12px!important;padding:10px 12px!important}.recent-room-icon{border-radius:10px!important;width:36px!important;min-width:36px!important;height:36px!important}.recent-room-code{font-size:13px!important}.action-btn{height:50px!important;font-size:13px!important}.mode-btn{padding:16px!important}.btn-icon-bg{width:44px!important;height:44px!important;margin-right:14px!important}.btn-title{font-size:16px!important}.btn-desc{font-size:12px!important}#notifications{width:auto!important;max-width:none!important;top:12px!important;left:12px!important;right:12px!important}.modal-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:18px!important;padding:12px 16px!important}.modal-actions .action-btn{flex:none!important;width:100%!important;height:44px!important;margin:0!important;font-size:13px!important}.modal-content{padding:20px!important}.guest-nick-modal{gap:14px!important;padding:24px 16px 16px!important}.guest-nick-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.guest-nick-btn{width:100%!important;height:44px!important;font-size:13px!important}.legal-link{padding:6px 12px!important;font-size:11px!important}body.mode-call .controls-panel:not(.hidden){gap:6px!important;padding:6px!important}}@media (width>=390px) and (width<=479px){#authSection{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}#authStatus{max-width:100%!important}.auth-buttons-row{flex-wrap:wrap!important;gap:8px!important}.home-actions{flex-direction:column!important;gap:10px!important}.home-new-room-btn{border-radius:16px!important;justify-content:center!important;width:100%!important;font-size:15px!important}.home-join-inline{border-radius:16px!important}.large-code-field input{letter-spacing:5px!important;padding:30px 14px 14px!important;font-size:30px!important}.room-code-value{letter-spacing:5px!important;font-size:44px!important}}@media (width<=479px){#authSection{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}#authStatus{max-width:100%!important}#telegramLoginContainer{justify-content:flex-start!important}}@media (width>=480px) and (width<=639px){#authSection{flex-wrap:wrap!important;gap:12px!important}#authStatus{max-width:220px!important}.home-actions{gap:8px!important}.home-new-room-btn{padding:15px 22px!important;font-size:15px!important}}@media (width<=640px){.screen-header h3{font-size:22px!important}.screen-header p{font-size:14px!important}.large-code-field input{letter-spacing:6px!important;padding:32px 14px 14px!important;font-size:32px!important}.room-share-info{gap:8px!important}.info-item{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.info-value{max-width:100%!important;font-size:14px!important}.share-modal-content{max-width:100%!important}#notifications{width:auto!important;max-width:none!important;top:16px!important;left:16px!important;right:16px!important}}@media (height<=500px) and (orientation:landscape) and (width<=900px){body:not(.mode-call){align-items:flex-start!important;overflow-y:auto!important}body:not(.mode-call) .container{justify-content:flex-start!important;min-height:auto!important;padding-top:60px!important;padding-bottom:24px!important}body:not(.mode-call) .main-logo{height:36px!important;top:8px!important;left:12px!important}#authSection{flex-flow:wrap!important;gap:10px!important}.home-actions{gap:8px!important}.home-new-room-btn{padding:12px 20px!important;font-size:14px!important}.home-join-input,.home-join-submit{padding:10px 16px!important}.recent-room-card{padding:10px 14px!important}.account-panel,.member-profile-panel{max-height:100vh!important;overflow-y:auto!important}body.mode-call .controls-panel:not(.hidden){bottom:max(8px, env(safe-area-inset-bottom))!important;gap:8px!important;padding:6px 12px!important}body.mode-call .control-btn{width:44px!important;height:44px!important}body.mode-call .mic-dropdown{height:44px!important}body.mode-call .mic-main-btn{width:48px!important}body.mode-call #hangBtn{width:60px!important}body.mode-call .app-header{top:8px!important}body.mode-call .main-island{height:40px!important;padding:0 14px!important}body.mode-call .header-extras-btn{width:40px!important;height:40px!important}}@media (width>=640px) and (width<=768px){body:not(.mode-call) .container{max-width:560px!important;padding:56px 28px 36px!important}#authSection{flex-direction:row!important}#authStatus{max-width:220px!important}.home-actions{gap:12px!important}.home-new-room-btn{font-size:16px!important}.extras-panel{width:min(380px,100vw - 32px)!important}.account-panel{width:calc(100% - 24px)!important;max-width:480px!important}.member-profile-panel{width:92%!important;max-width:420px!important}}@media (width>=769px){body.mode-call .controls-panel:not(.hidden){bottom:32px!important}body.mode-call .app-header:not(.hidden){top:24px!important}.participant-tooltip{max-width:min(296px,100vw - 32px)!important}}@media (width>=1200px){body:not(.mode-call) .container,body.mode-mode .auth-section,body.mode-mode .menu-card,body.mode-mode .profile-section{max-width:680px!important}body.mode-call .controls-panel:not(.hidden){gap:16px!important;padding:14px 24px!important}body.mode-call .control-btn:not(.hidden){width:60px!important;height:60px!important}body.mode-call .mic-dropdown:not(.hidden){height:60px!important}body.mode-call .mic-main-btn{width:68px!important}body.mode-call #hangBtn{width:88px!important}body.mode-call .app-header:not(.hidden){gap:16px!important}body.mode-call .main-island{height:60px!important;padding:0 28px!important}body.mode-call .header-extras-btn{width:60px!important;height:60px!important}}@media (width>=1600px){.screen-container{max-width:1800px!important}body:not(.mode-call) .container{max-width:720px!important}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.legal-separator{width:.5px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){body:not(.mode-call) .container{padding-bottom:max(32px, env(safe-area-inset-bottom))!important}body:not(.mode-call) .controls-panel:not(.hidden){padding-bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))!important}body.mode-call .controls-panel:not(.hidden){bottom:max(24px, env(safe-area-inset-bottom))!important}.account-panel{padding-bottom:max(24px, env(safe-area-inset-bottom))!important}.member-profile-panel{padding-bottom:0!important}}@media (height<=400px){body:not(.mode-call) .container{justify-content:flex-start!important;min-height:auto!important;padding-top:48px!important;overflow-y:auto!important}body:not(.mode-call) .main-logo{position:fixed!important}}@media print{.controls-panel,.app-header,.main-logo,.preloader,#statsPanel,#shareDialog,.account-panel,.account-overlay,.guest-nick-modal,.guest-nick-overlay,.extras-panel,.extras-overlay,#notifications{display:none!important}body{color:#000!important;background:#fff!important}.container{max-width:100%!important;padding:0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nova-main-l1,.nova-main-l2{animation:none!important}.controls-panel{transition:none!important}.recent-room-card:hover,.home-new-room-btn:hover,.user-badge:hover,.mode-btn:hover,.control-btn:hover{transform:none!important}}.modal-error-message{font-family:var(--font-label), sans-serif;text-align:left;padding-left:12px;animation:.2s cubic-bezier(.2,0,0,1) both m3-error-fade-in;color:var(--color-error,#f43f5e)!important;margin-top:-8px!important;margin-bottom:8px!important;font-size:13px!important;font-weight:500!important}#joinScreenError{text-align:center;padding-left:0;margin-top:4px!important;margin-bottom:12px!important}.modal-error-message.hidden{display:none!important}@keyframes m3-error-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.room-lock-badge,.room-password-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) both badgePop;display:inline-flex}.room-lock-badge{color:var(--color-error,#f43f5e)!important;background:#f443361f!important}.room-password-badge{color:#ffb74d!important;background:#ffb74d1f!important}.room-lock-badge.hidden,.room-password-badge.hidden{display:none!important}.room-lock-badge svg,.room-password-badge svg{display:block;width:16px!important;height:16px!important;margin:0!important}.member-profile-banner{position:relative}.member-profile-banner:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 45%,#0000006b 100%);position:absolute;inset:0}.member-profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 60%, transparent), 0 12px 30px #00000073}.member-profile-avatar .account-avatar-fallback{color:#fff}.member-profile-name{color:var(--color-text-bright);background:linear-gradient(90deg, var(--color-text-bright), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.member-profile-tag--you{letter-spacing:.6px;text-transform:uppercase;color:var(--color-primary-on);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));border-radius:var(--radius-full);align-items:center;margin-top:6px;padding:3px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #7c3aed59}.member-profile-description{border:1px solid var(--color-divider)}.account-profile-avatar{cursor:pointer;position:relative}.account-avatar-edit{border-radius:inherit;color:#fff;opacity:0;cursor:pointer;background:#00000073;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.account-profile-avatar:hover .account-avatar-edit,.account-avatar-edit:focus-visible{opacity:1}.account-avatar-edit svg{fill:currentColor;width:22px;height:22px}.account-avatar-remove{border:2px solid var(--color-surface-container-high,#1e1e1e);background:var(--color-error,#cf6679);color:#fff;cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .15s,background .15s;display:flex;position:absolute;top:-7px;right:-7px}.account-avatar-remove svg{fill:currentColor;width:13px;height:13px}.account-avatar-remove:hover{transform:scale(1.15)}.account-file-input{display:none}.account-item-action .account-upload-btn{border:1px solid var(--color-divider);color:var(--color-text-muted)!important;background:0 0!important}.account-item-action .account-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)!important;background:var(--color-primary-container)!important}.account-item-action.account-avatar-controls{background:0 0;border:none;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0}.account-item-action.account-avatar-controls:focus-within{background:0 0;border-color:#0000}.account-photo-btn{border-radius:var(--radius-full);font-family:var(--font-label);letter-spacing:.2px;cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .15s,background .2s,color .2s,border-color .2s,filter .2s;display:inline-flex}.account-photo-btn svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.account-photo-btn:active{transform:scale(.96)}.account-photo-btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));color:var(--color-primary-on);box-shadow:0 6px 16px #7c3aed4d}.account-photo-btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.account-photo-btn--ghost{color:var(--color-text-muted);border-color:var(--color-divider);background:0 0}.account-photo-btn--ghost:hover{color:var(--color-error,#f2b8b5);border-color:var(--color-error,#f2b8b5)}.account-photo-btn.hidden{display:none!important}.avatar-crop-overlay{z-index:60000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;background:#0009;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.avatar-crop-overlay--visible{opacity:1}.avatar-crop-dialog{background:var(--color-surface-container,#141414);border:1px solid var(--color-divider);border-radius:28px;flex-direction:column;gap:20px;width:100%;max-width:360px;padding:24px;transition:transform .25s cubic-bezier(.34,1.45,.64,1);display:flex;transform:scale(.96);box-shadow:0 24px 64px #00000080}.avatar-crop-overlay--visible .avatar-crop-dialog{transform:scale(1)}.theme-light .avatar-crop-dialog{background:var(--color-surface-container,#f7f2fa);border-color:#00000014}.avatar-crop-title{font-family:var(--font-brand);color:var(--color-text-bright);text-align:center;font-size:20px;font-weight:800}.avatar-crop-stage{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage img.avatar-crop-img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;top:0;left:0;max-width:none!important;max-height:none!important}.avatar-crop-ring{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 2000px #0000008c}.avatar-crop-zoom{align-items:center;gap:12px;display:flex}.avatar-crop-zoom svg{width:20px;height:20px;fill:var(--color-text-muted);flex-shrink:0}.avatar-crop-zoom input[type=range]{accent-color:var(--color-primary);cursor:pointer;flex:1}.avatar-crop-actions{gap:10px;display:flex}.avatar-crop-actions .account-photo-btn{flex:1;justify-content:center}.account-banner{border:1px solid var(--color-divider);position:relative}.account-save-profile-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));width:100%;color:var(--color-primary-on);font-family:var(--font-label);letter-spacing:.3px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s,background .25s,color .25s;display:flex;box-shadow:0 8px 22px #7c3aed59}.account-save-profile-btn svg{fill:currentColor;width:20px;height:20px}.account-save-profile-btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 28px #7c3aed73}.account-save-profile-btn:active{transform:scale(.985)}.account-save-profile-btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.account-save-profile-btn.is-ok{background:var(--color-success);color:#06231a;box-shadow:none;opacity:1}.account-save-profile-btn.is-err{background:var(--color-error-solid);color:#fff;box-shadow:none;opacity:1}.account-save-profile-btn.is-err svg{display:none}.account-section .account-save-profile-btn+.account-save-status{text-align:center;margin-top:10px}.account-panel.account-editor{opacity:0;gap:12px;overflow-y:auto;border-radius:28px!important;width:min(94vw,860px)!important;max-width:860px!important;height:min(92vh,660px)!important;max-height:min(92vh,900px)!important;padding:24px!important;transition:transform .4s cubic-bezier(.34,1.45,.64,1),opacity .3s!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)scale(.96)!important}.account-panel.account-editor.account-panel--visible{opacity:1;transform:translate(-50%,-50%)scale(1)!important}@media (width<=480px){.account-panel.account-editor{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;padding:14px!important;top:0!important;left:0!important;transform:translate(0)scale(.98)!important}.account-panel.account-editor.account-panel--visible{transform:translate(0)scale(1)!important}}.account-editor .pe-header{flex-shrink:0;justify-content:flex-end;display:flex}.account-editor .pe-close{width:40px;height:40px}.account-editor .pe-close svg{width:18px!important;height:18px!important}.account-editor .account-tabs{flex-shrink:0;margin:0 0 4px}.account-editor .account-tab-content.active{flex-direction:column;gap:12px;display:flex}.pe-card{background:var(--color-surface-container-high,#1e1e1e);border:none;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.theme-light .pe-card{background:var(--color-surface-input)}.account-editor .pe-banner{cursor:pointer;appearance:none;background:linear-gradient(135deg,#5865f2,#3b45a3) 50%/cover;border:none;border-radius:0;width:100%;height:128px;margin:0;padding:0;display:block;position:relative}.pe-banner-overlay{color:#fff;font-family:var(--font-label);letter-spacing:.3px;opacity:0;background:#0000006b;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.pe-banner:hover .pe-banner-overlay,.pe-banner:focus-visible .pe-banner-overlay{opacity:1}.pe-banner-overlay svg{fill:currentColor;width:20px;height:20px}.pe-identity{z-index:1;align-items:flex-end;gap:14px;margin-top:-34px;padding:0 18px 4px;display:flex;position:relative}.account-editor .account-profile-avatar{border:4px solid var(--color-surface-container-high,#1e1e1e);border-radius:24px;width:84px;height:84px;box-shadow:0 8px 22px #0006}.theme-light .account-editor .account-profile-avatar{border-color:var(--color-surface-input)}.pe-name-block{flex:1;min-width:0;padding-bottom:6px}.pe-name-input{width:100%;font-family:var(--font-brand);color:var(--color-text-bright);letter-spacing:-.5px;background:0 0;border:none;border-radius:10px;outline:none;margin:-3px -8px 4px;padding:3px 8px;font-size:22px;font-weight:800;transition:background .2s,box-shadow .2s}.pe-name-input::placeholder{color:var(--color-text-hint)}.pe-name-input:hover{background:var(--color-surface-highest)}.pe-name-input:focus{background:var(--color-surface-highest);box-shadow:inset 0 0 0 1px var(--color-primary)}.account-editor .account-profile-provider{width:fit-content}.pe-field{padding:0 18px 16px}.pe-avatar-actions{padding-top:8px}.pe-field-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.pe-text-btn{border:1px solid var(--color-divider);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.pe-text-btn svg{fill:currentColor;width:16px;height:16px}.pe-text-btn:hover{color:var(--color-error,#f2b8b5);border-color:var(--color-error,#f2b8b5)}.pe-text-btn.hidden{display:none!important}.pe-desc-input{resize:none;background:var(--color-surface-input);border:1px solid var(--color-divider);width:100%;min-height:54px;color:var(--color-text-bright);font-family:var(--font-ui);border-radius:14px;outline:none;padding:12px 14px;font-size:14px;line-height:1.45;transition:border-color .2s}.pe-desc-input::placeholder{color:var(--color-text-hint)}.pe-desc-input:focus{border-color:var(--color-primary)}.pe-banner-tools{flex-direction:column;gap:12px;display:flex}.pe-swatches{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.pe-swatch{aspect-ratio:1;cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:10px;padding:0;transition:transform .15s,border-color .2s}.pe-swatch:hover{border-color:var(--color-text-bright);transform:scale(1.1)}.pe-swatch:active{transform:scale(.95)}.pe-banner-actions{gap:10px;display:flex}.pe-banner-actions .account-photo-btn{flex:1;justify-content:center}.account-editor .account-save-profile-btn{width:calc(100% - 36px);margin:4px 18px 0}.account-editor #accountSaveStatus{text-align:center;margin:10px 18px 16px}.pe-meta{color:var(--color-text-muted);background:var(--color-surface-container-high,#1e1e1e);border:1px solid var(--color-divider);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 18px;font-size:13px;display:flex}.theme-light .pe-meta{background:var(--color-surface-input)}.pe-meta span:last-child{color:var(--color-text-bright);font-weight:600}.account-editor .pe-logout-section{background:var(--color-surface-container-high,#1e1e1e);border:none;border-radius:16px;flex-shrink:0;margin-top:12px;padding:10px}.theme-light .account-editor .pe-logout-section{background:var(--color-surface-input)}.account-editor .pe-logout-section .account-logout-btn{width:100%;margin:0}.account-editor #accountTab-profile.active{flex-direction:column;flex:auto;min-height:0;display:flex}.account-editor #accountTab-profile .pe-logout-section{margin-top:auto}.banner-crop-stage{aspect-ratio:3!important}.banner-crop-ring{border-radius:14px!important}.banner-crop-overlay .avatar-crop-dialog{max-width:460px}.banner-source-dialog .banner-source-options{flex-direction:column;gap:10px;display:flex}.banner-source-options.hidden{display:none}.banner-source-btn{border:1px solid var(--color-divider);background:var(--color-surface-input);width:100%;color:var(--color-text-bright);font-family:var(--font-label);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;transition:border-color .2s,background .2s,transform .15s;display:flex}.banner-source-btn:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.banner-source-btn:active{transform:scale(.985)}.banner-source-btn svg{width:22px;height:22px;fill:var(--color-primary);flex-shrink:0}.banner-link-row.hidden{display:none}.banner-link-row .pe-desc-input{min-height:0}.theme-light .pe-desc-input,.theme-light .banner-source-btn{border-color:var(--color-divider-strong,#0000001f);background:#fff}.theme-light .pe-name-input:hover,.theme-light .pe-name-input:focus{background:#0000000d}.theme-light .pe-banner-overlay{background:#0006}.theme-light .banner-source-btn:hover{background:var(--color-primary-container)}.qset-field{flex-direction:column;gap:12px;display:flex}.qset-pack{background:var(--color-surface-container);border:1px solid var(--color-divider);border-radius:20px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.qset-pack.active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent)}.qset-pack-head{align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.qset-pack-icon{background:var(--color-surface-high);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:flex}.qset-pack-meta{flex:1;min-width:0}.qset-pack-title{font-family:var(--font-label);color:var(--color-text-bright);letter-spacing:.1px;font-size:15px;font-weight:700}.qset-pack-desc{font-family:var(--font-ui);color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:1.4}.qset-pack-check{border:2px solid var(--color-outline-variant);border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:border-color .2s,background .2s;position:relative}.qset-pack.active .qset-pack-check{border-color:var(--color-primary);background:var(--color-primary)}.qset-pack.active .qset-pack-check:after{content:"";border-left:2px solid var(--color-primary-on,#fff);border-bottom:2px solid var(--color-primary-on,#fff);width:8px;height:5px;margin:auto;position:absolute;inset:0;transform:rotate(-45deg)translate(1px,-1px)}.qset-pack-lock{opacity:.75;cursor:default;flex-shrink:0;font-size:16px}.qset-pack-variants{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.qset-variant{cursor:pointer;transition:transform .18s var(--m3-spring-smooth,ease);background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.qset-variant:hover{transform:translateY(-2px)}.qset-variant:active{transform:scale(.95)}.theme-preview{border:2px solid #0000;border-radius:10px;width:72px;height:48px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.qset-variant.active .theme-preview{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 30%, transparent)}.theme-active-dot{background:var(--color-primary);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .2s,transform .2s;transform:scale(.5)}.qset-variant.active .theme-active-dot{opacity:1;transform:scale(1)}.qset-variant-label{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:.3px;font-size:11px;font-weight:600}.qset-variant.active .qset-variant-label{color:var(--color-primary)}.theme-preview-dark{background:linear-gradient(135deg,#0a0a0a 0%,#141414 50%,#1e1e1e 100%)}.theme-preview-dark:after{content:"";background:linear-gradient(90deg,#b19cd9,#9275b2);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-light{background:linear-gradient(135deg,#fafafc 0%,#fff 50%,#f1f3f5 100%)}.theme-preview-light:after{content:"";background:linear-gradient(90deg,#7c3aed,#6366f1);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-anthropic-dark{background:linear-gradient(135deg,#1a1915 0%,#211f1b 50%,#2a2722 100%)}.theme-preview-anthropic-dark:after{content:"";background:linear-gradient(90deg,#e0926f,#d97757);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-anthropic-light{background:linear-gradient(135deg,#f0eee6 0%,#fff 50%,#f5f3ec 100%)}.theme-preview-anthropic-light:after{content:"";background:linear-gradient(90deg,#d97757,#bd5d3f);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-supernova-dark{background:linear-gradient(135deg,#0a0b12 0%,#11131c 50%,#1f2331 100%)}.theme-preview-supernova-dark:after{content:"";background:linear-gradient(90deg,#c77dff,#ff6ec7,#e7b24c);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-supernova-light{background:linear-gradient(135deg,#f7f4ee 0%,#fff 50%,#f1ece2 100%)}.theme-preview-supernova-light:after{content:"";background:linear-gradient(90deg,#b98ce0,#e07bb0,#c79a2e);border-radius:4px;height:8px;position:absolute;bottom:8px;left:8px;right:8px}.theme-preview-custom-edit{opacity:.85;background:conic-gradient(#b19cd9,#efb8c8,#4ade80,#f59e0b,#ef4444,#b19cd9)}.qset-pack--locked{opacity:.7;position:relative}.qset-pack--locked .qset-pack-head{opacity:.85}.qset-pack--locked .qset-pack-variants{position:relative}.qset-pack--locked .qset-pack-variants:before{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--color-surface-container) 70%, transparent) 100%);z-index:1;pointer-events:none;border-radius:10px;position:absolute;inset:0}.qset-pack--locked .qset-variant{opacity:.55;cursor:not-allowed}.qset-pack--locked .qset-variant:hover{transform:none}.qset-pack[data-pack=supernova]:not(.qset-pack--locked):hover{border-color:#e7b24c66;box-shadow:0 0 0 2px #e7b24c26}.qset-pack[data-pack=supernova].active{border-color:#e7b24c;box-shadow:0 0 0 2px #e7b24c40,0 0 20px #e7b24c1f}.qset-pack[data-pack=supernova].active .qset-pack-check{background:#e7b24c;border-color:#e7b24c}.qset-pack[data-pack=supernova].active .qset-pack-check:after{border-color:#241b06}.qset-pack[data-pack=supernova] .qset-variant.active .theme-preview{border-color:#e7b24c;box-shadow:0 0 0 2px #e7b24c4d}.qset-pack[data-pack=supernova] .qset-variant.active .theme-active-dot{background:#e7b24c}.qset-pack[data-pack=supernova] .qset-variant.active .qset-variant-label{color:#e7b24c}.pack-supernova .home-new-room-btn{color:#241b06!important;background:linear-gradient(135deg,#e7b24c,#c8952a)!important;box-shadow:0 6px 20px #e7b24c59!important}.pack-supernova .home-new-room-btn:hover{filter:brightness(1.08);box-shadow:0 8px 28px #e7b24c80!important}.pack-supernova .home-new-room-btn svg{fill:#241b06!important}.pack-supernova .home-join-submit{color:#f4ce78!important;background:#e7b24c26!important;border-left-color:#e7b24c33!important}.pack-supernova .home-join-submit:hover{background:#e7b24c40!important}.pack-supernova .home-join-inline:focus-within{border-color:#e7b24c!important;box-shadow:0 0 0 3px #e7b24c33!important}.pack-supernova .account-save-profile-btn{color:#241b06!important;background:linear-gradient(135deg,#e7b24c,#c8952a)!important;box-shadow:0 8px 22px #e7b24c59!important}.pack-supernova .account-save-profile-btn:hover{box-shadow:0 10px 28px #e7b24c7a!important}.pack-supernova .nova-logo-gradient stop:first-child{stop-color:#c77dff}.pack-supernova .nova-logo-gradient stop:nth-child(2){stop-color:#ff6ec7}.pack-supernova .nova-logo-gradient stop:last-child{stop-color:#e7b24c}.pack-supernova ::-webkit-scrollbar-thumb{background:#3a3d52}.pack-supernova ::-webkit-scrollbar-thumb:hover{background:#e7b24c66}.pack-supernova.theme-light .home-new-room-btn{color:#fff!important;background:linear-gradient(135deg,#a67b14,#87620e)!important;box-shadow:0 6px 20px #a67b144d!important}.pack-supernova.theme-light .home-new-room-btn svg{fill:#fff!important}.pack-supernova.theme-light .account-save-profile-btn{color:#fff!important;background:linear-gradient(135deg,#a67b14,#87620e)!important;box-shadow:0 8px 22px #a67b1447!important}.pack-supernova .member-profile-tag--you{background:linear-gradient(135deg,#e7b24c,#c8952a);box-shadow:0 4px 12px #e7b24c59}.profile-layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;min-height:480px;display:grid}.profile-preview-col{flex-direction:column;gap:12px;display:flex}.profile-preview-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.preview-card{backdrop-filter:blur(20px)saturate(160%);-webkit-backdrop-filter:blur(20px)saturate(160%);transition:border-color .3s;position:relative;overflow:hidden;background:#0a0a0a73!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:0 0 20px!important;box-shadow:0 16px 40px #00000080!important}.preview-card .account-banner{border-radius:0!important;height:110px!important;margin-bottom:12px!important}.preview-card .pe-identity{margin-top:-46px!important;padding:0 18px 4px!important}.preview-card .account-profile-avatar{border:3px solid #141414!important;border-radius:18px!important;width:72px!important;height:72px!important}.theme-light .preview-card .account-profile-avatar{border-color:#f7f2fa!important}.preview-name-text{font-family:var(--font-brand);color:var(--color-text-bright);letter-spacing:-.5px;text-shadow:0 2px 4px #0000004d;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:20px;font-weight:800;overflow:hidden}.preview-badge-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.preview-badge-row .sub-badge,.preview-badge-row .account-profile-provider{text-transform:uppercase;letter-spacing:.5px;border-radius:6px!important;margin:0!important;padding:3px 8px!important;font-size:9px!important}.preview-badge-row .sub-badge{color:#000!important;background:linear-gradient(135deg,gold,orange)!important;font-weight:800!important}.preview-bio-section{margin-top:16px;padding:0 18px}.preview-bio-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:6px;font-size:10px;font-weight:700}.preview-bio-text{font-family:var(--font-ui);color:var(--color-text);white-space:pre-wrap;word-break:break-word;opacity:.85;font-size:13px;line-height:1.45}.profile-form-col{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.field-header{justify-content:space-between;align-items:center;display:flex}.field-counter{font-family:var(--font-label);color:var(--color-text-hint);font-size:10px;font-weight:500}.form-text-input{background:var(--color-surface-input,#121212);border:1px solid var(--color-divider);width:100%;color:var(--color-text-bright);font-size:14px;font-family:var(--font-ui);border-radius:12px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.form-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.form-textarea{min-height:72px!important}.form-section{flex-direction:column;gap:6px;display:flex}.media-controls-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:4px;display:grid}.form-action-btn{font-family:var(--font-label);border:1px solid var(--color-divider);background:var(--color-surface-container,#161616);color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex}.form-action-btn svg{fill:currentColor;flex-shrink:0;width:14px;height:14px}.form-action-btn:active{transform:scale(.97)}.primary-outline-btn:hover{border-color:var(--color-primary);background:var(--color-primary-container,#7c3aed1a);color:var(--color-primary-dim)}.secondary-outline-btn:hover{border-color:var(--color-outline);background:var(--color-surface-highest);color:var(--color-text-bright)}.danger-outline-btn:hover{border-color:var(--color-error);background:var(--color-error-container);color:var(--color-error-container-on)}.theme-light .form-text-input,.theme-light .form-action-btn{background:#fff}@media (width<=768px){.account-panel.account-editor{width:min(94vw,540px)!important;max-width:540px!important;height:min(92vh,850px)!important}.profile-layout{grid-template-columns:1fr;gap:20px}.preview-card{max-width:320px;margin:0 auto}}body.mode-call .main-island{padding-right:8px!important}body.mode-call #headerExtrasBtn.island-extras-btn{width:40px!important;min-width:40px!important;height:40px!important;color:var(--color-secondary-on)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;margin:0 0 0 2px!important;padding:0!important;transition:background .2s,color .2s,transform .15s!important;display:inline-flex!important;position:relative!important}body.mode-call #headerExtrasBtn.island-extras-btn:before{content:""!important;background:var(--color-divider-strong,#ffffff1f)!important;width:1px!important;height:22px!important;position:absolute!important;top:50%!important;left:-7px!important;transform:translateY(-50%)!important}body.mode-call #headerExtrasBtn.island-extras-btn svg{fill:currentColor!important;width:22px!important;height:22px!important}body.mode-call #headerExtrasBtn.island-extras-btn:hover{background:color-mix(in srgb, var(--color-secondary-container) 70%, var(--color-secondary-on) 14%)!important;color:var(--color-primary-dim)!important}body.mode-call #headerExtrasBtn.island-extras-btn:active{transform:scale(.92)!important}@media (width<=768px){body.mode-call #headerExtrasBtn.island-extras-btn{width:36px!important;min-width:36px!important;height:36px!important}body.mode-call #headerExtrasBtn.island-extras-btn svg{width:20px!important;height:20px!important}body.mode-call #headerExtrasBtn.island-extras-btn:before{height:20px!important}}body.mode-call .controls-panel:not(.hidden){align-items:center!important}body.mode-call .controls-panel:not(.hidden)>.control-btn,body.mode-call .controls-panel:not(.hidden)>.mic-dropdown,body.mode-call .controls-panel:not(.hidden)>.share-dropdown{align-self:center!important}body.mode-call .control-btn svg,body.mode-call .mic-main-btn svg,body.mode-call #shareBtn svg,body.mode-call #stopShareBtn svg{width:24px!important;height:24px!important}body.mode-call #hangBtn svg{width:26px!important;height:26px!important}body.mode-call .mic-dropdown-menu,.mic-dropdown-menu{border:none!important;border-radius:20px!important;gap:6px!important;width:300px!important;padding:14px!important}.dropdown-section{margin-bottom:0!important}.dropdown-section label{letter-spacing:.8px!important;margin-bottom:5px!important;font-size:10.5px!important}body.mode-call .dropdown-select,.dropdown-select{border-radius:12px!important;padding:10px 14px!important;font-size:13px!important}.mic-dropdown-menu .dropdown-divider{display:none!important}.dropdown-noise-section{padding:2px 0 0!important}.dropdown-noise-section .dropdown-toggle-info,.dropdown-toggle-info{gap:8px!important;margin-bottom:7px!important;padding:0!important}.dropdown-toggle-text{gap:0!important}.mic-dropdown-menu .dropdown-toggle-desc{display:none!important}.dropdown-toggle-title{font-size:12.5px!important;line-height:1.2!important}.dropdown-toggle-icon{width:17px!important;height:17px!important}.noise-mode-selector{background:var(--color-surface-container)!important;border:none!important;border-radius:11px!important;gap:2px!important;padding:3px!important}.noise-mode-btn{border-radius:8px!important;padding:6px 4px!important;font-size:11.5px!important}@media (width<=768px){.mic-dropdown-menu{overscroll-behavior:contain!important;max-height:min(70vh,540px)!important;overflow-y:auto!important}}body.mode-call .share-quality-dropdown,.share-quality-dropdown{border:none!important;border-radius:20px!important;gap:12px!important;width:280px!important;padding:16px!important}.sqd-header{margin-bottom:0!important}.sqd-title{font-size:15px!important;font-weight:700!important}.sqd-close{width:30px!important;height:30px!important}.sqd-quality-badge{background:var(--color-surface-high)!important;border-radius:14px!important;gap:12px!important;padding:12px 14px!important;font-size:14px!important}.sqd-quality-badge svg{box-sizing:content-box!important;background:color-mix(in srgb, var(--color-primary) 18%, transparent)!important;width:20px!important;height:20px!important;color:var(--color-primary-dim)!important;border-radius:10px!important;padding:8px!important}#cancelQuality{display:none!important}.sqd-actions{gap:0!important;margin-top:0!important}.sqd-btn{border-radius:100px!important;height:44px!important;font-size:14px!important}#startWithQuality{flex:auto!important;width:100%!important}.share-quality-dropdown:not(.hidden){will-change:transform, opacity;animation:.16s cubic-bezier(.2,0,0,1) both sqdPop!important}@keyframes sqdPop{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}body.mode-call .control-btn:not(.hidden),body.mode-call #shareBtn:not(.hidden),body.mode-call #stopShareBtn:not(.hidden),body.mode-call .mic-dropdown:not(.hidden),body.mode-call .chat-ctrl-btn:not(.hidden){background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-high))!important;color:var(--color-text)!important}body.mode-call .control-btn:hover,body.mode-call #shareBtn:hover,body.mode-call #stopShareBtn:hover,body.mode-call .mic-dropdown:hover,body.mode-call .chat-ctrl-btn:hover{background:color-mix(in srgb, var(--color-primary) 26%, var(--color-surface-high))!important;color:var(--color-text-bright)!important}body.mode-call .mic-dropdown-toggle:not(.hidden){color:var(--color-text-muted)!important;background:0 0!important}body.mode-call .mic-dropdown-toggle:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent)!important;color:var(--color-text-bright)!important}body.mode-call .control-btn.sharing-active,body.mode-call #stopShareBtn{background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important}body.mode-call .control-btn.muted{background:var(--color-error-bg)!important;color:var(--color-error-solid)!important}body.mode-call .mic-dropdown:has(.muted){background:var(--color-error-bg)!important;color:var(--color-error-solid)!important}body.mode-call #hangBtn:not(.hidden){background:var(--color-error-solid)!important;color:var(--color-text-bright)!important}body.ptt-active #muteBtn{box-shadow:0 0 0 2px var(--color-success,#4ade80), 0 0 14px var(--color-success,#4ade80);transition:box-shadow .12s}body.ptt-on #muteBtn{opacity:.85}.conn-quality{cursor:default;vertical-align:middle;align-items:flex-end;gap:2px;height:16px;padding:0 4px;display:inline-flex}.conn-quality.hidden{display:none}.conn-quality .cq-bar{background:var(--color-text-muted,#8a8a8a);opacity:.35;border-radius:1px;width:3px;transition:background .25s,opacity .25s,height .25s}.conn-quality .cq-bar-1{height:5px}.conn-quality .cq-bar-2{height:9px}.conn-quality .cq-bar-3{height:13px}.conn-quality.cq-good .cq-bar{background:var(--color-success,#4ade80);opacity:1}.conn-quality.cq-medium .cq-bar-1,.conn-quality.cq-medium .cq-bar-2{background:var(--color-warning,#fbbf24);opacity:1}.conn-quality.cq-poor .cq-bar-1{background:var(--color-danger,#f87171);opacity:1}.pt-host-actions{gap:6px;padding:4px 12px 8px;display:flex}.pt-host-btn{cursor:pointer;border:1px solid var(--color-outline-variant,#ffffff24);background:var(--color-surface-highest,#2a2a2a);color:var(--color-text,#fff);border-radius:8px;flex:1;padding:5px 8px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.pt-host-btn:hover{background:var(--color-surface,#1c1c1c)}.pt-host-btn.danger{color:var(--color-error,#f87171)}.pt-host-btn.danger:hover{background:var(--color-error,#f87171);color:#fff;border-color:var(--color-error,#f87171)}.room-hold-chip{z-index:9000;color:var(--color-text,#fff);background:var(--color-surface-highest,#282828eb);border:1px solid var(--color-outline-variant,#ffffff24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;animation:.2s roomHoldIn;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000059}.room-hold-chip.hidden{display:none}@keyframes roomHoldIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1}}.theme-light{--color-bg:#fafafc;--color-surface:#fff;--color-surface-container:#f1f3f5;--color-surface-high:#e9ecef;--color-surface-highest:#dee2e6;--color-surface-container-highest:#dee2e6;--color-surface-island:#fff;--color-surface-input:#f1f3f5;--color-surface-card:#fff;--color-surface-overlay:#fffc;--color-overlay:#0006;--color-surface-toast:#1e293b;--color-primary:#7c3aed;--color-primary-dim:#5b21b6;--color-primary-container:#f3e8ff;--color-primary-on:#fff;--color-secondary:#4b5563;--color-secondary-container:#f3f4f6;--color-secondary-on:#1f2937;--color-tertiary:#db2777;--color-tertiary-on:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-bright:#111827;--color-text-disabled:#9ca3af;--color-text-hint:#9ca3af;--color-outline:#d1d5db;--color-outline-variant:#e5e7eb;--color-divider:#00000014;--color-divider-strong:#00000026;--color-success:#10b981;--color-success-dim:#047857;--color-success-bg:#10b98114;--color-success-border:#10b98133;--color-success-glow:#10b9811a;--color-warning:#f59e0b;--color-warning-dim:#b45309;--color-warning-bg:#f59e0b14;--color-warning-border:#f59e0b33;--color-error:#ef4444;--color-error-solid:#dc2626;--color-error-hover:#b91c1c;--color-error-bg:#ef444414;--color-error-border:#ef444433;--color-error-on:#fff;--color-error-container:#fee2e2;--color-error-container-on:#991b1b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--color-logo-stop-1:#8b5cf6;--color-logo-stop-2:#6366f1;--color-logo-stop-3:#4f46e5;--color-logo-glow:#8b5cf626;--color-scrollbar-track:#fafafc;--color-scrollbar-thumb:#d1d5db;--color-scrollbar-hover:#9ca3af;--color-border-subtle:#00000014;--color-border-medium:#00000026;--color-border-on-dark:#0000001a;--color-state-hover-dark:#0000000d;--color-state-hover-light:#0000000a;--color-mobile-island-bg:#fafafceb;--color-mobile-island-border:#00000014;--shadow-mobile-island:0 4px 28px #0000002e;--color-dialog-bg:var(--color-surface);--color-dialog-border:var(--color-border-subtle);--color-dialog-text:var(--color-text);--color-dialog-text-muted:var(--color-text-muted);--color-dialog-overlay:#0006;--shadow-dialog:0 8px 32px #0000001f;--color-chart-grid:#e5e7eb;--color-chart-line:#7c3aed;--color-chart-dot:#7c3aed;--color-default-banner:linear-gradient(135deg, #7c3aed, #4f46e5);--color-google:#4285f4;--color-telegram:#08c;--color-guest-icon-bg:#7c3aed1a;--color-guest-icon:#7c3aed}.theme-light body.mode-call #hangBtn{color:var(--color-text-bright)!important}body.mode-call .participant-tooltip{background:var(--color-surface-container-highest)!important;border:1px solid var(--color-divider)!important;border-radius:28px!important;padding:16px!important;box-shadow:0 16px 40px #00000040,0 4px 12px #0000001a!important}.pt-header{font-family:var(--font-label);letter-spacing:1.2px!important;color:var(--color-text-muted)!important;text-transform:uppercase!important;border:none!important;padding:4px 12px 14px!important;font-size:13px!important;font-weight:800!important}.pt-item{background:0 0!important;border-radius:16px!important;align-items:center!important;gap:14px!important;padding:10px 12px!important;transition:background .25s cubic-bezier(.2,0,0,1),transform .2s!important;display:flex!important}.pt-item:hover{transform:translateY(-1px);background:var(--color-surface-high)!important}.pt-item:active{transform:scale(.97)}.pt-avatar-box{width:48px!important;height:48px!important}.pt-avatar{font-family:var(--font-label);background:var(--color-primary-container)!important;color:var(--color-primary-dim)!important;box-shadow:0 0 0 2px var(--color-surface-container-highest), 0 0 0 4px transparent!important;font-size:18px!important;font-weight:800!important}.pt-avatar.local{background:var(--color-success-bg)!important;color:var(--color-success-dim)!important;box-shadow:0 0 0 2px var(--color-surface-container-highest), 0 0 0 4px var(--color-success-border)!important;font-weight:800!important}.pt-avatar.waiting{background:var(--color-surface-high)!important;color:var(--color-text-muted)!important;border:2px dashed var(--color-outline-variant)!important;box-shadow:none!important}.pt-info .pt-name{font-family:var(--font-label);letter-spacing:.2px;color:var(--color-text-bright)!important;font-size:15px!important;font-weight:600!important}.pt-info .pt-status-text{font-family:var(--font-label);color:var(--color-text-muted)!important;font-size:13px!important}.pt-you-badge{font-family:var(--font-label);background:var(--color-secondary-container)!important;color:var(--color-secondary-on)!important;text-transform:uppercase!important;letter-spacing:.8px!important;border:none!important;border-radius:8px!important;padding:6px 12px!important;font-size:11px!important;font-weight:800!important}.pack-anthropic{--font-brand:"Tiempos Headline", Georgia, "Times New Roman", serif}.pack-anthropic.theme-light{--color-bg:#f0eee6;--color-surface:#fff;--color-surface-container:#f5f3ec;--color-surface-high:#ece9df;--color-surface-highest:#e3dfd2;--color-surface-container-highest:#e3dfd2;--color-surface-island:#fff;--color-surface-input:#f5f3ec;--color-surface-card:#fff;--color-surface-overlay:#f0eee6d9;--color-primary:#d97757;--color-primary-dim:#bd5d3f;--color-primary-container:#f6e3db;--color-primary-on:#fff;--color-secondary-container:#f0e4dc;--color-secondary-on:#3a2418;--color-text:#1f1e1d;--color-text-muted:#6b6760;--color-text-bright:#141312;--color-text-disabled:#a39e94;--color-text-hint:#a39e94;--color-outline:#d6d1c4;--color-outline-variant:#e5e1d6;--color-divider:#1f1e1d14;--color-divider-strong:#1f1e1d26;--color-logo-stop-1:#e89b80;--color-logo-stop-2:#d97757;--color-logo-stop-3:#c15f3c;--color-logo-glow:#d977572e;--color-scrollbar-track:#f0eee6;--color-scrollbar-thumb:#d6d1c4;--color-scrollbar-hover:#b9b3a4}.pack-anthropic:not(.theme-light){--color-bg:#1a1915;--color-surface:#211f1b;--color-surface-container:#2a2722;--color-surface-high:#332f29;--color-surface-highest:#3d3831;--color-surface-island:#2a2722;--color-surface-input:#211f1b;--color-surface-card:#2a2722;--color-surface-overlay:#1a1915b3;--color-screen-bg:#141310;--color-video-bg:#141310;--color-primary:#e0926f;--color-primary-dim:#f0b89e;--color-primary-container:#3a2a22;--color-primary-on:#2a1a12;--color-secondary-container:#3a2e26;--color-secondary-on:#f0eee6;--color-text:#f0eee6;--color-text-muted:#a8a29a;--color-text-bright:#faf9f5;--color-text-disabled:#7a746b;--color-text-hint:#7a746b;--color-outline:#4a453d;--color-outline-variant:#38332c;--color-divider:#f0eee614;--color-divider-strong:#f0eee624;--color-logo-stop-1:#f0b89e;--color-logo-stop-2:#e0926f;--color-logo-stop-3:#d97757;--color-logo-glow:#e0926f40;--color-scrollbar-track:#1a1915;--color-scrollbar-thumb:#3d3831;--color-scrollbar-hover:#4a453d}.pack-supernova:not(.theme-light){--color-bg:#0a0b12;--color-surface:#11131c;--color-surface-container:#171a26;--color-surface-high:#1f2331;--color-surface-highest:#2a2f40;--color-surface-container-highest:#2a2f40;--color-surface-island:#171a26;--color-surface-input:#11131c;--color-surface-card:#171a26;--color-surface-overlay:#0a0b12b8;--color-screen-bg:#06070c;--color-video-bg:#06070c;--color-primary:#e7b24c;--color-primary-dim:#f4ce78;--color-primary-container:#3a2e12;--color-primary-on:#241b06;--color-secondary-container:#252130;--color-secondary-on:#eceaf4;--color-text:#eceaf4;--color-text-muted:#9b98ae;--color-text-bright:#fbfaff;--color-text-disabled:#6b687d;--color-text-hint:#6b687d;--color-outline:#3a3d52;--color-outline-variant:#2a2d3e;--color-divider:#e7b24c1a;--color-divider-strong:#eceaf424;--color-logo-stop-1:#c77dff;--color-logo-stop-2:#ff6ec7;--color-logo-stop-3:#e7b24c;--color-logo-glow:#e7b24c47;--color-scrollbar-track:#0a0b12;--color-scrollbar-thumb:#2a2f40;--color-scrollbar-hover:#3a3d52;--color-default-banner:linear-gradient(135deg, #c77dff 0%, #ff6ec7 48%, #e7b24c 100%);--color-guest-icon-bg:#e7b24c1f;--color-guest-icon:#e7b24c}.pack-supernova.theme-light{--color-bg:#f7f4ee;--color-surface:#fff;--color-surface-container:#f1ece2;--color-surface-high:#e9e2d4;--color-surface-highest:#dfd7c6;--color-surface-container-highest:#dfd7c6;--color-surface-island:#fff;--color-surface-input:#f1ece2;--color-surface-card:#fff;--color-surface-overlay:#f7f4eed9;--color-primary:#a67b14;--color-primary-dim:#87620e;--color-primary-container:#f5ebd0;--color-primary-on:#fff;--color-secondary-container:#f0e8d0;--color-secondary-on:#2a2010;--color-text:#211e16;--color-text-muted:#6e685a;--color-text-bright:#14120c;--color-text-disabled:#a39b88;--color-text-hint:#a39b88;--color-outline:#d8cfbb;--color-outline-variant:#e7e0cf;--color-divider:#211e1614;--color-divider-strong:#211e1626;--color-logo-stop-1:#b98ce0;--color-logo-stop-2:#e07bb0;--color-logo-stop-3:#c79a2e;--color-logo-glow:#a67b142e;--color-scrollbar-track:#f7f4ee;--color-scrollbar-thumb:#d8cfbb;--color-scrollbar-hover:#b9af98;--color-default-banner:linear-gradient(135deg, #b98ce0, #e07bb0 50%, #c79a2e);--color-guest-icon-bg:#a67b141a;--color-guest-icon:#87620e}:root{--chat-width:400px;--chat-bubble-max:85%;--chat-z-fab:9500;--chat-z-panel:100100;--chat-z-lightbox:2147480000;--chat-sys-color-primary:var(--color-primary);--chat-sys-color-on-primary:var(--color-primary-on);--chat-sys-color-primary-container:var(--color-primary-container);--chat-sys-color-on-primary-container:var(--color-primary-dim);--chat-sys-color-secondary:var(--color-secondary-on);--chat-sys-color-on-secondary:var(--color-secondary-container);--chat-sys-color-secondary-container:var(--color-secondary-container);--chat-sys-color-on-secondary-container:var(--color-secondary-on);--chat-sys-color-error:var(--color-error);--chat-sys-color-on-error:var(--color-error-on);--chat-sys-color-error-container:var(--color-error-container);--chat-sys-color-on-error-container:var(--color-error-container-on);--chat-sys-color-background:var(--color-surface);--chat-sys-color-on-background:var(--color-text);--chat-sys-color-surface:var(--color-surface);--chat-sys-color-on-surface:var(--color-text);--chat-sys-color-surface-variant:var(--color-surface-highest);--chat-sys-color-on-surface-variant:var(--color-text-muted);--chat-sys-color-outline:var(--color-outline);--chat-sys-color-outline-variant:var(--color-outline-variant);--chat-sys-color-shadow:#000;--chat-sys-color-scrim:#000;--chat-sys-color-surface-container-highest:var(--color-surface-highest);--chat-sys-color-surface-container-high:var(--color-surface-high);--chat-sys-color-surface-container:var(--color-surface-container);--chat-sys-color-surface-container-low:var(--color-surface-container);--chat-sys-color-surface-container-lowest:var(--color-surface);--chat-bubble-out-bg:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 78%, #000));--chat-status-online:#10b981;--chat-status-online-text:#34d399;--chat-hover-bg:#ffffff14;--chat-scrim-bg:#0009;--chat-lightbox-bg:#000c;--chat-lightbox-btn-bg:#ffffff1a;--chat-lightbox-btn-hover:#fff3;--md-sys-elevation-1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--md-sys-elevation-2:0px 2px 6px 2px #00000026, 0px 1px 2px 0px #0000004d;--md-sys-elevation-3:0px 4px 8px 3px #00000026, 0px 1px 3px 0px #0000004d;--md-sys-typescale-font:"Roboto", system-ui, -apple-system, sans-serif}.theme-light{--chat-status-online:#10b981;--chat-status-online-text:#146c2e;--chat-hover-bg:#00000014;--chat-scrim-bg:#0006;--chat-lightbox-bg:#000c;--chat-lightbox-btn-bg:#0000001a;--chat-lightbox-btn-hover:#0003;--md-sys-elevation-1:0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;--md-sys-elevation-2:0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026;--md-sys-elevation-3:0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026}.chat-ic{fill:currentColor;stroke:none;pointer-events:none;flex:none;width:1em;height:1em;transition:none;display:block}.chat-ctrl-btn{background:var(--chat-sys-color-primary-container)!important;color:var(--chat-sys-color-on-primary-container)!important;box-shadow:var(--md-sys-elevation-3)!important;border-radius:16px!important;transition:box-shadow .2s cubic-bezier(.2,0,0,1),background .2s!important;position:relative!important;overflow:visible!important}.chat-ctrl-btn .m3-ripple-container{pointer-events:none;z-index:0;border-radius:16px;position:absolute;inset:0;overflow:hidden}.chat-ctrl-btn:hover{filter:brightness(.92);box-shadow:var(--md-sys-elevation-4)!important;background:var(--chat-sys-color-primary-container)!important}.chat-ctrl-btn .chat-unread{background:var(--chat-sys-color-error);min-width:24px;height:24px;color:var(--chat-sys-color-on-error);font:500 12px/24px var(--md-sys-typescale-font);text-align:center;pointer-events:none;box-shadow:0 0 0 2px var(--chat-sys-color-surface);z-index:1;border-radius:12px;padding:0 6px;display:none;position:absolute;top:-4px;right:-4px}.chat-ctrl-btn.has-unread .chat-unread{display:block}.chat-scrim{z-index:calc(var(--chat-z-panel) - 1);background:var(--chat-scrim-bg);opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.2,0,0,1),visibility .3s;position:fixed;inset:0}.chat-scrim.open{opacity:1;visibility:visible}@media (width>=880px){.chat-scrim{display:none}}.chat-panel{z-index:var(--chat-z-panel);width:var(--chat-width);backdrop-filter:blur(24px)saturate(180%);-webkit-backdrop-filter:blur(24px)saturate(180%);border-left:1px solid var(--chat-sys-color-outline-variant);max-width:100vw;height:100dvh;font-family:var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0003;background:color-mix(in srgb, var(--color-surface-container) 82%, transparent)!important}.chat-panel.open{transform:translate(0)}.chat-header{background:color-mix(in srgb, var(--color-surface-container) 55%, transparent);border-bottom:1px solid var(--chat-sys-color-outline-variant);color:var(--chat-sys-color-on-surface);align-items:center;gap:16px;padding:16px 20px;display:flex}.chat-avatar{background:var(--chat-sys-color-secondary-container);width:42px;height:42px;color:var(--chat-sys-color-on-secondary-container);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex;position:relative}.chat-avatar svg{fill:currentColor;width:24px;height:24px}.chat-avatar .chat-dot{background:var(--chat-sys-color-outline);border:2px solid var(--chat-sys-color-surface);border-radius:50%;width:12px;height:12px;transition:background .2s;position:absolute;bottom:-2px;right:-2px}.chat-header.online .chat-dot{position:relative;background:var(--chat-status-online)!important}.chat-header.online .chat-dot:after{content:"";border:2px solid var(--chat-status-online);border-radius:50%;animation:2s infinite chat-online-pulse;position:absolute;inset:-2px}@keyframes chat-online-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.chat-head-text{flex:1;min-width:0}.chat-header h3{font:500 16px/24px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.chat-header .chat-status{font:400 14px/20px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface-variant)}.chat-header.online .chat-status{color:var(--chat-status-online-text)}.chat-icon-btn{width:40px;height:40px;color:var(--chat-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.chat-icon-btn:hover,.chat-icon-btn:focus-visible{background:var(--chat-sys-color-surface-variant);color:var(--chat-sys-color-on-surface)}.chat-icon-btn svg{width:24px;height:24px}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--chat-sys-color-outline-variant) transparent;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--chat-sys-color-outline-variant);border-radius:4px}.chat-empty{text-align:center;color:var(--chat-sys-color-on-surface-variant);flex-direction:column;align-items:center;gap:16px;max-width:260px;margin:auto;font-size:14px;line-height:20px;display:flex}.chat-empty .chat-empty-icon{background:var(--chat-sys-color-surface-container-high);width:64px;height:64px;color:var(--chat-sys-color-primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.chat-empty .chat-empty-icon svg{width:32px!important;height:32px!important}.chat-row+.chat-row{margin-top:2px}.chat-row.in+.chat-row.out,.chat-row.out+.chat-row.in{margin-top:16px}.chat-row{max-width:var(--chat-bubble-max);flex-direction:column;animation:.3s cubic-bezier(.2,0,0,1) chat-in;display:flex}.chat-row.out{align-self:flex-end;align-items:flex-end}.chat-row.in{align-self:flex-start;align-items:flex-start}@keyframes chat-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble{font:400 15px/22px var(--md-sys-typescale-font);word-break:break-word;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 16px}.chat-row.out .chat-bubble{background:var(--chat-bubble-out-bg);color:var(--chat-sys-color-on-primary);border-radius:18px 18px 4px;box-shadow:0 4px 12px #0000001f}.chat-row.in .chat-bubble{background:color-mix(in srgb, var(--color-surface-high) 65%, transparent);border:1px solid var(--chat-sys-color-outline-variant);color:var(--chat-sys-color-on-surface);border-radius:18px 18px 18px 4px;box-shadow:0 4px 12px #0000000a}.chat-row.out .chat-bubble a{color:var(--chat-sys-color-on-primary);text-decoration:underline}.chat-row.in .chat-bubble a{color:var(--chat-sys-color-primary)}.chat-meta{font:400 12px/16px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface-variant);align-items:center;gap:4px;margin-top:4px;padding:0 4px;display:flex}.chat-row.out .chat-meta{flex-direction:row-reverse}.chat-meta .chat-check svg{fill:currentColor;width:14px;height:14px}.chat-bubble.media{background:0 0;padding:4px;overflow:hidden;border-radius:20px!important}.chat-row.in .chat-bubble.media{background:0 0}.chat-media-img,.chat-media-video{cursor:pointer;background:var(--chat-sys-color-surface-container);border:1px solid var(--chat-sys-color-outline-variant);border-radius:16px;max-width:100%;max-height:340px;display:block}.chat-media-video{cursor:default}.chat-media-audio{border-radius:100px;width:280px;max-width:100%;margin:4px}.chat-media-audio.voice{width:260px}.chat-file{background:var(--chat-sys-color-surface-container-high);min-width:240px;color:var(--chat-sys-color-on-surface);border-radius:16px;align-items:center;gap:16px;padding:8px 12px 8px 8px;display:flex}.chat-row.out .chat-file{background:var(--chat-sys-color-primary-container);color:var(--chat-sys-color-on-primary-container)}.chat-file-icon{background:var(--chat-sys-color-secondary-container);width:48px;height:48px;color:var(--chat-sys-color-on-secondary-container);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.chat-row.out .chat-file-icon{background:var(--chat-sys-color-primary);color:var(--chat-sys-color-on-primary)}.chat-file-icon svg{width:24px;height:24px}.chat-file-info{flex:1;min-width:0}.chat-file-name{font:500 14px/20px var(--md-sys-typescale-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-file-sub{font:400 12px/16px var(--md-sys-typescale-font);opacity:.8}.chat-file-download{width:40px;height:40px;color:inherit;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:background .2s;display:flex}.chat-file-download:hover{background:var(--chat-hover-bg)}.chat-file-download svg{width:24px;height:24px}.chat-progress{flex:none;width:48px;height:48px;position:relative}.chat-progress svg{display:block;transform:rotate(-90deg)}.chat-progress .track{fill:none;stroke:var(--chat-sys-color-outline-variant);stroke-width:4px}.chat-progress .bar{fill:none;stroke:var(--chat-sys-color-primary);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.chat-row.out .chat-progress .bar{stroke:var(--chat-sys-color-primary)}.chat-progress .pct{font:600 11px/1var(--md-sys-typescale-font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-progress.indeterminate svg{animation:1.2s cubic-bezier(.4,0,.2,1) infinite chat-spin}@keyframes chat-spin{to{transform:rotate(270deg)}}.chat-speed{font:500 12px/16px var(--md-sys-typescale-font);opacity:.8}.chat-cancel-btn{width:40px;height:40px;color:var(--chat-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.chat-row.out .chat-cancel-btn{color:var(--chat-sys-color-on-primary-container)}.chat-cancel-btn:hover{background:var(--chat-hover-bg)}.chat-cancel-btn svg{width:24px;height:24px}.chat-composer{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--color-surface-container) 55%, transparent);border-top:1px solid var(--chat-sys-color-outline-variant)}.chat-attach-preview{background:var(--chat-sys-color-surface-container-high);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:none}.chat-attach-preview.show{display:flex}.chat-attach-preview img{object-fit:cover;border-radius:12px;width:48px;height:48px}.chat-attach-preview .name{min-width:0;font:500 14px/20px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-attach-preview .sub{font:400 12px/16px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface-variant)}.chat-input-row{align-items:flex-end;gap:12px;display:flex}.chat-input-pill{background:var(--chat-sys-color-surface-container-high);border:1px solid #0000;border-radius:24px;flex:1;align-items:flex-end;gap:4px;padding:4px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.chat-input-pill:focus-within{background:var(--chat-sys-color-surface-container-highest);border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--color-primary) 22%, transparent)}.chat-textarea{resize:none;min-height:48px;max-height:144px;color:var(--chat-sys-color-on-surface);font:400 16px/24px var(--md-sys-typescale-font);background:0 0;border:none;outline:none;flex:1;padding:12px 8px}.chat-textarea::placeholder{color:var(--chat-sys-color-on-surface-variant)}.chat-pill-btn{width:48px;height:48px;color:var(--chat-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.chat-pill-btn:hover{background:var(--chat-sys-color-surface-variant);color:var(--chat-sys-color-on-surface)}.chat-pill-btn svg{width:24px;height:24px}.chat-pill-btn.recording{background:var(--chat-sys-color-error);color:var(--chat-sys-color-on-error);animation:1.5s ease-in-out infinite chat-pulse}@keyframes chat-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--chat-sys-color-error) 40%, transparent)}70%{box-shadow:0 0 0 12px color-mix(in srgb, var(--chat-sys-color-error) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--chat-sys-color-error) 0%, transparent)}}.chat-send-btn{cursor:pointer;background:var(--chat-sys-color-primary);width:56px;height:56px;color:var(--chat-sys-color-on-primary);border:none;border-radius:16px;flex:none;justify-content:center;align-items:center;transition:box-shadow .2s,filter .2s;display:flex}.chat-send-btn:hover:not(:disabled){box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.chat-send-btn:disabled{background:var(--chat-sys-color-surface-variant);color:var(--chat-sys-color-on-surface-variant);opacity:.38;cursor:default}.chat-send-btn svg{width:24px;height:24px}.chat-rec-bar{color:var(--chat-sys-color-error);flex:1;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.chat-rec-bar .chat-rec-pulse{background:var(--chat-sys-color-error);border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite chat-pulse}.chat-rec-timer{font:500 16px/24px var(--md-sys-typescale-font);font-variant-numeric:tabular-nums}.chat-rec-hint{font:400 14px/20px var(--md-sys-typescale-font);color:var(--chat-sys-color-on-surface-variant);margin-left:auto}.chat-panel.dragover .chat-messages{outline:2px dashed var(--chat-sys-color-primary);outline-offset:-8px;border-radius:16px}.chat-lightbox{z-index:var(--chat-z-lightbox);background:var(--chat-lightbox-bg);justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.chat-lightbox.open{display:flex}.chat-lightbox img,.chat-lightbox video{max-width:100%;max-height:100%;box-shadow:var(--md-sys-elevation-3);border-radius:16px}.chat-lightbox-close{background:var(--chat-lightbox-btn-bg);width:48px;height:48px;color:var(--chat-sys-color-on-background);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}.chat-lightbox-close:hover{background:var(--chat-lightbox-btn-hover)}.chat-lightbox-close svg{width:24px;height:24px}.chat-row{position:relative}.chat-actions{background:var(--color-surface-highest,#2a2a2a);border:1px solid var(--color-outline-variant,#ffffff1f);opacity:0;pointer-events:none;z-index:3;border-radius:999px;gap:2px;padding:2px;transition:opacity .14s;display:flex;position:absolute;top:-10px;box-shadow:0 2px 8px #00000059}.chat-row.out .chat-actions{right:6px}.chat-row.in .chat-actions{left:6px}.chat-row:hover .chat-actions,.chat-row:focus-within .chat-actions{opacity:1;pointer-events:auto}.chat-act-btn{width:26px;height:26px;color:var(--color-text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.chat-act-btn:hover{background:var(--color-surface,#1c1c1c);color:var(--color-text,#fff)}.chat-act-btn.danger:hover{color:var(--color-error,#f87171)}.chat-act-btn .chat-ic{width:16px;height:16px}.chat-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-row.out .chat-reactions{justify-content:flex-end}.chat-react-chip{border:1px solid var(--color-outline-variant,#ffffff1f);background:var(--color-surface-highest,#2a2a2a);height:22px;color:var(--color-text,#fff);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:12px;transition:border-color .12s,background .12s;display:inline-flex}.chat-react-chip b{opacity:.85;font-size:11px;font-weight:600}.chat-react-chip.mine{border-color:var(--color-primary,#6ea8fe);background:var(--color-primary-container,#6ea8fe2e)}.chat-react-picker{background:var(--color-surface-highest,#2a2a2a);border:1px solid var(--color-outline-variant,#ffffff24);z-index:2147483001;border-radius:999px;gap:2px;padding:4px;animation:.12s chatReactIn;display:flex;position:fixed;box-shadow:0 6px 18px #00000073}@keyframes chatReactIn{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}.chat-react-opt{cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;transition:transform .1s,background .1s}.chat-react-opt:hover{background:var(--color-surface,#1c1c1c);transform:scale(1.25)}.chat-quote{max-width:var(--chat-bubble-max,85%);border-left:3px solid var(--color-primary,#6ea8fe);background:var(--color-surface,#ffffff0d);cursor:pointer;border-radius:6px;flex-direction:column;gap:1px;margin-bottom:3px;padding:4px 9px;font-size:12px;line-height:1.35;display:flex}.chat-row.out .chat-quote{align-self:flex-end}.chat-quote-name{color:var(--color-primary,#6ea8fe);font-weight:600}.chat-quote-text{color:var(--color-text-muted,#aaa);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-inline-img{cursor:pointer;object-fit:cover;border-radius:10px;max-width:240px;max-height:240px;margin-top:6px;display:block}.chat-edited{opacity:.55;font-size:11px}.chat-row.deleted .chat-bubble{border:1px dashed var(--color-outline-variant,#ffffff2e);background:0 0}.chat-deleted-text{color:var(--color-text-muted,#999);font-size:13px}.chat-row.flash .chat-bubble{animation:1.1s chatFlash}@keyframes chatFlash{0%,to{box-shadow:none}20%{box-shadow:0 0 0 2px var(--color-primary,#6ea8fe)}}.chat-integrity{margin-top:5px;font-size:11px;font-weight:600}.chat-integrity.ok{color:var(--color-success,#4ade80)}.chat-integrity.bad{color:var(--color-error,#f87171)}.chat-composer-hint{border-left:3px solid var(--color-primary,#6ea8fe);background:var(--color-surface,#ffffff0d);color:var(--color-text-muted,#bbb);border-radius:8px;align-items:center;gap:8px;margin:0 6px 6px;padding:5px 10px;font-size:12px;display:none}.chat-composer-hint.show{display:flex}.chat-hint-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-hint-x{cursor:pointer;color:var(--color-text-muted,#aaa);background:0 0;border:none;padding:2px;display:inline-flex}.chat-hint-x:hover{color:var(--color-text,#fff)}.chat-hint-x .chat-ic{width:16px;height:16px}.chat-header.peer-typing .chat-status{color:var(--color-primary,#6ea8fe);font-style:italic}
/*$vite$:1*/