@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap";:root{color-scheme:light;--space-2: .35rem;--space-3: .55rem;--space-4: .75rem;--space-5: .95rem;--space-6: 1.25rem;--space-8: 1.75rem;--radius-sm: 1rem;--radius-md: 1.35rem;--radius-lg: 2rem;--radius-xl: 3rem;--motion-fast: .14s ease;--motion-base: .22s ease;--background: #f9f9f9;--surface: #f9f9f9;--surface-dim: #d4dbdd;--surface-bright: #f9f9f9;--surface-container-lowest: #ffffff;--surface-container-low: #f2f4f4;--surface-container: #ebeeef;--surface-container-high: #e4e9ea;--surface-container-highest: #dde4e5;--surface-variant: #dde4e5;--surface-tint: #5f5e5e;--on-background: #2d3435;--on-surface: #2d3435;--on-surface-variant: #5a6061;--outline: #757c7d;--outline-variant: #adb3b4;--line: rgba(173, 179, 180, .24);--primary: #5f5e5e;--primary-container: #e5e2e1;--on-primary: #faf7f6;--on-primary-container: #525151;--secondary: #5f5f5f;--secondary-container: #e3e2e2;--tertiary: #5e5f5f;--tertiary-container: #f4f3f3;--error: #9f403d;--error-container: #fe8983;--accent: #2d3435;--accent-contrast: #ffffff;--danger: #9f403d;--ok: #4caf50;--panel: rgba(255, 255, 255, .74);--panel-strong: rgba(255, 255, 255, .88);--panel-muted: rgba(242, 244, 244, .95);--shadow: 0 24px 48px rgba(45, 52, 53, .08);--shadow-soft: 0 12px 32px rgba(45, 52, 53, .05)}:root[data-theme=dark]{color-scheme:dark;--background: #0c0f0f;--surface: #0c0f0f;--surface-dim: #161d1e;--surface-bright: #1b2122;--surface-container-lowest: #161c1d;--surface-container-low: #1e2526;--surface-container: #232b2c;--surface-container-high: #2a3133;--surface-container-highest: #323b3d;--surface-variant: #2d3537;--surface-tint: #f0eceb;--on-background: #eff3f4;--on-surface: #eff3f4;--on-surface-variant: #b3bbbc;--outline: #8c9697;--outline-variant: #3a4445;--line: rgba(140, 150, 151, .25);--primary: #f0eceb;--primary-container: #3b3a39;--on-primary: #0f0f0f;--on-primary-container: #dad8d7;--secondary: #efefef;--secondary-container: #3b3b3b;--tertiary: #efefef;--tertiary-container: #3a3b3b;--error: #ffb7b3;--error-container: #582322;--accent: #f1eeee;--accent-contrast: #111314;--danger: #ffb7b3;--ok: #70d282;--panel: rgba(18, 22, 23, .78);--panel-strong: rgba(21, 26, 27, .9);--panel-muted: rgba(29, 35, 36, .94);--shadow: 0 24px 48px rgba(0, 0, 0, .45);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--on-surface);background:var(--background);transition:background var(--motion-base),color var(--motion-base)}:root[data-theme=light] body{background:linear-gradient(180deg,#f5f6f7,#f9f9f9)}:root[data-theme=dark] body{background:#0a0d0f}h1,h2,h3,h4,strong,button{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:.01em}button,input,textarea{font:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.1rem;line-height:1}.tab-symbol{display:inline-flex;align-items:center;justify-content:center}.tab-symbol.subtle{color:var(--on-surface-variant)}input,textarea{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);padding:.72rem .9rem;background:var(--surface-container-low);color:var(--on-surface);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)}input::placeholder,textarea::placeholder{color:var(--on-surface-variant)}button{border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);padding:.68rem .98rem;cursor:pointer;transition:transform var(--motion-fast),opacity var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}button:hover:not(:disabled){transform:none}input:focus,textarea:focus,button:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--on-surface) 14%,transparent);border-color:color-mix(in srgb,var(--on-surface) 20%,transparent)}button.ghost{border-color:color-mix(in srgb,var(--outline-variant) 40%,transparent);background:transparent;color:var(--on-surface)}button:disabled{opacity:.5;cursor:not-allowed}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.card{width:min(1240px,100%);border-radius:2rem;background:color-mix(in srgb,var(--surface-container-low) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--outline-variant) 18%,transparent);box-shadow:0 14px 34px #2d34350f;padding:.85rem;animation:panel-enter .28s ease both}.card.auth{max-width:1240px}.card.narrow{max-width:460px}.logo-auth{width:min(242px,78%);max-width:100%;border-radius:0;display:block;margin:0;object-fit:contain}.logo-auth-compact{width:110px;max-width:100%;border-radius:0;object-fit:contain}.auth-form-brand{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;border:1px solid color-mix(in srgb,var(--outline-variant) 16%,transparent);border-radius:1rem;padding:.4rem .6rem;background:var(--surface-container-lowest)}.auth-form-brand strong{font-size:1.2rem;letter-spacing:.08em;margin-right:.25rem}.auth-form-top{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.auth-top-actions{display:inline-flex;gap:.32rem}.auth-layout{display:grid;grid-template-columns:minmax(300px,40%) minmax(0,60%);gap:.78rem}.auth-hero{border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent);border-radius:1.5rem;padding:2.3rem;background:var(--surface-container-low);display:grid;align-content:start;gap:.72rem;position:relative;overflow:hidden}.auth-hero-brand{display:grid;gap:.72rem}.auth-hero-brand>p{margin:0;color:var(--on-surface-variant);line-height:1.45;max-width:26ch}.auth-hero h1{margin:.1rem 0 0;font-size:clamp(2.45rem,5vw,3.9rem);line-height:1.04;letter-spacing:-.03em;max-width:10ch}.auth-hero-headline{font-family:Space Grotesk,Manrope,sans-serif;font-weight:700}.auth-hero h2{margin:.2rem 0 0;font-size:1.05rem}.auth-hero>p{margin:0;color:var(--on-surface-variant)}.auth-feature-list{list-style:none;margin:.34rem 0 0;padding:0;display:grid;gap:.52rem}.auth-feature-list li{display:flex;align-items:center;gap:.52rem;border-radius:999px;padding:.08rem 0;background:transparent;border:0;font-size:.95rem}.auth-feature-list .tab-symbol{color:var(--on-surface);width:2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--surface-container-highest) 86%,transparent)}.auth-hero-footer{margin-top:.82rem;display:inline-flex;gap:1.45rem;color:var(--outline);font-size:.7rem;letter-spacing:.12em}.auth-hero-footer small{font-family:Space Grotesk,Manrope,sans-serif;font-weight:600}.auth-form-area{border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent);border-radius:1.5rem;padding:1.85rem;background:var(--surface-container-lowest);display:grid;align-content:start;gap:.86rem}.pin-field{display:grid;gap:.52rem}.pin-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pin-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.56rem;cursor:text}.pin-slot{height:4.25rem;border-radius:1.12rem;border:1px solid color-mix(in srgb,var(--outline-variant) 14%,transparent);background:var(--surface-container-low);position:relative}.pin-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:.5rem;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--outline-variant) 35%,transparent)}.pin-slot.filled:after{background:var(--on-surface)}.auth-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.74rem;margin-top:.15rem}.auth-pref{display:grid;gap:.28rem}.auth-preferences small{display:block;font-size:.62rem;color:var(--outline);margin-bottom:0;text-transform:uppercase;letter-spacing:.14em}.auth-tab-hint{margin-top:-.04rem}.auth-tab-shell{margin-top:.2rem;margin-bottom:.2rem}.auth-device-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;border-radius:1.35rem;padding:.75rem .85rem;background:var(--surface-container-low)}.auth-device-card strong{display:block;margin-bottom:.22rem;line-height:1.2}.auth-device-card p{margin:0;font-size:.82rem;color:var(--on-surface-variant)}.auth-device-icon{width:2.8rem;height:2.8rem;border-radius:999px;background:var(--surface-container-highest);display:inline-flex;align-items:center;justify-content:center}.unlock-card{display:grid;gap:.72rem;padding:var(--space-8);background:var(--surface-container-lowest)}.unlock-card h1,.unlock-card p{margin:0}.unlock-controls{display:grid;gap:.45rem}.logo-brand{width:min(196px,100%);height:54px;max-width:100%;border-radius:0;margin-bottom:.4rem;object-fit:contain;object-position:left center}.logo-events{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--outline-variant) 30%,transparent);margin-bottom:.65rem}.tabs{display:flex;gap:.4rem;margin:.9rem 0;padding:.3rem;border-radius:999px;background:var(--surface-container-low)}.tabs button{background:transparent;border-color:transparent;color:var(--on-surface-variant);border-radius:999px;flex:1 1 auto}.tabs .active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 20px #2d34352e}.stack{display:grid;gap:.78rem}.row{display:flex;gap:.55rem;align-items:center}.hint{margin:.22rem 0 .35rem;color:var(--on-surface-variant);font-size:.82rem;line-height:1.35}.error{color:var(--danger)}.theme-picker{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.22rem;border:1px solid color-mix(in srgb,var(--outline-variant) 34%,transparent);border-radius:999px;background:var(--surface-container-low);width:100%}.theme-picker button{border:0;padding:.5rem .84rem;border-radius:999px;background:transparent;color:var(--on-surface-variant);flex:1 1 auto}.theme-picker .active{background:var(--accent);color:var(--accent-contrast)}.messenger{min-height:100vh;display:grid;grid-template-columns:84px clamp(300px,24vw,360px) minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);animation:panel-enter .28s ease both}.messenger[data-events=true]{grid-template-columns:84px clamp(300px,24vw,360px) minmax(0,1fr) clamp(260px,23vw,400px)}.nav-rail{background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:var(--radius-lg);padding:.8rem .55rem;min-height:0;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between;gap:.9rem}.nav-rail-top{display:grid;gap:.5rem}.rail-logo{width:54px;height:20px;border-radius:0;justify-self:center;object-fit:contain;object-position:center}.nav-rail button{border-color:transparent;background:transparent;color:var(--on-surface-variant);width:100%;min-height:44px;padding:.4rem;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;gap:.2rem}.nav-rail button span:last-child{display:none}.nav-rail button.active{background:var(--surface-container-lowest);border-color:color-mix(in srgb,var(--outline-variant) 32%,transparent);color:var(--on-surface);box-shadow:0 8px 22px #2d343514}.rail-lock{width:100%}.sidebar,.chat-panel,.events{background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:var(--radius-lg);padding:1.05rem;min-height:0;box-shadow:var(--shadow-soft)}.sidebar{display:flex;flex-direction:column;gap:.78rem}.mobile-topbar{display:flex;align-items:center;justify-content:space-between}.mobile-topbar h1{margin:0;font-size:1.28rem}.mobile-topbar-actions{display:inline-flex;gap:.35rem}.icon-only{width:2.45rem;height:2.45rem;border-radius:999px;padding:0;display:inline-flex;justify-content:center;align-items:center}.brand{margin-bottom:.15rem}.brand small{color:var(--on-surface-variant);font-size:.82rem}.tabs-vertical{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.25rem;border-radius:999px;background:var(--surface-container-low)}.tabs-vertical button{justify-content:center;background:transparent;border-color:transparent;color:var(--on-surface-variant);display:inline-flex;align-items:center;gap:.34rem;border-radius:999px}.tabs-vertical .active{background:var(--surface-container-lowest);border-color:color-mix(in srgb,var(--outline-variant) 24%,transparent);color:var(--on-surface);box-shadow:0 8px 22px #2d343514}.tabs-mobile{display:none}.search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:999px;padding:.14rem .58rem;background:var(--surface-container-lowest)}.search-row input{border:0;background:transparent;box-shadow:none;border-radius:999px;padding-left:0}.chats{display:grid;gap:.52rem;overflow:auto;padding-right:.1rem}.empty-list{margin:0;padding:.75rem;border:1px dashed color-mix(in srgb,var(--outline-variant) 48%,transparent);border-radius:14px;color:var(--on-surface-variant);font-size:.8rem;background:color-mix(in srgb,var(--surface-container-low) 80%,transparent)}.chat-item{text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.56rem;background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid color-mix(in srgb,var(--outline-variant) 18%,transparent);border-radius:18px;padding:.68rem .72rem;transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast)}.chat-item.active{background:var(--surface-container-low);color:var(--on-surface);border-color:color-mix(in srgb,var(--outline-variant) 36%,transparent);box-shadow:0 8px 20px #2d34350f}.chat-item:hover:not(.active){border-color:color-mix(in srgb,var(--outline-variant) 32%,transparent)}.chat-item span{font-size:.75rem;color:var(--on-surface-variant)}.chat-item.active span{color:var(--on-surface-variant)}.chat-item-avatar{width:2.5rem;height:2.5rem;border-radius:.95rem;background:var(--surface-container);border:1px solid color-mix(in srgb,var(--outline-variant) 22%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.chat-item-body{min-width:0;display:grid;gap:.16rem}.chat-item-head,.chat-item-meta{display:flex;align-items:center;gap:.35rem}.chat-item-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-head time{font-size:.68rem;color:var(--on-surface-variant);white-space:nowrap}.chat-item-meta span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-dot{width:.38rem;height:.38rem;border-radius:999px;background:var(--on-surface)}.quick-start-banner{border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);border-radius:16px;padding:.66rem .74rem;background:var(--surface-container-low);display:grid;gap:.42rem}.quick-start-banner strong{font-size:.82rem}.quick-start-banner p{margin:0;color:var(--on-surface-variant);font-size:.78rem}.status{margin-top:auto;border:1px dashed color-mix(in srgb,var(--outline-variant) 42%,transparent);border-radius:12px;padding:.55rem .62rem;color:var(--on-surface-variant);font-size:.8rem;background:color-mix(in srgb,var(--surface-container-low) 88%,transparent)}.lock-btn{justify-content:center;display:inline-flex;align-items:center;gap:.44rem}.chat-panel{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;min-height:0}.chat-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;flex-wrap:nowrap}.chat-headline h2{margin:0;line-height:1.1}.chat-headline small{color:var(--ok);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.call-controls{display:flex;gap:var(--space-3);margin-left:auto;flex-wrap:wrap}.call-controls button{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;min-height:2.8rem}.call-banner{border:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);background:var(--surface-container-low);border-radius:14px;padding:.56rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.message-list{flex:1;min-height:0;overflow:auto;display:grid;gap:.56rem;align-content:start;padding-right:.18rem}.empty-chat-state{flex:1;border:1px dashed color-mix(in srgb,var(--outline-variant) 45%,transparent);border-radius:18px;background:var(--surface-container-low);padding:1rem;display:grid;align-content:start;gap:.5rem}.empty-chat-state h3{margin:0}.empty-chat-state p{margin:0;color:var(--on-surface-variant)}.onboarding-card{margin-top:.35rem;border:1px solid color-mix(in srgb,var(--outline-variant) 36%,transparent);border-radius:16px;padding:.75rem;display:grid;gap:.45rem;background:var(--surface-container-lowest)}.onboarding-card h4,.onboarding-card p{margin:0}.onboarding-card ul{margin:0;padding-left:1.08rem;display:grid;gap:.34rem;color:var(--on-surface-variant);font-size:.84rem}.msg{align-self:start;max-width:min(88%,620px);background:var(--surface-container-low);border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);border-radius:18px;padding:.65rem .74rem;justify-self:start;animation:message-enter .22s ease both}.msg.self{justify-self:end;border-color:color-mix(in srgb,var(--outline-variant) 42%,transparent);background:var(--accent);color:var(--accent-contrast)}.msg.self small{color:color-mix(in srgb,#ffffff 70%,transparent)}.msg p{margin:0}.msg small{color:var(--on-surface-variant);font-size:.72rem}.attachment-actions{margin-top:.4rem;display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.attachment{padding:.4rem .58rem;border-radius:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-msg{min-width:min(100%,340px)}.voice-msg .voice-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.voice-bubble{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.58rem;border-radius:16px;padding:.32rem .28rem;background:linear-gradient(90deg,#398dd633,#398dd614)}.voice-play-btn{width:2.36rem;height:2.36rem;border-radius:999px;border:1px solid color-mix(in srgb,#66baff 42%,transparent);background:#4eacef;color:#f7fcff;display:inline-flex;align-items:center;justify-content:center;padding:0}.voice-play-btn .tab-symbol{font-size:1.08rem}.voice-play-btn.playing{background:#3d9be3}.voice-main{min-width:0;display:grid;gap:.2rem}.voice-wave{display:flex;align-items:center;gap:2px;min-height:1.2rem;padding-right:.1rem}.voice-wave-bar{width:2px;border-radius:2px;background:color-mix(in srgb,#5eb8f7 56%,var(--on-surface-variant) 44%);opacity:.52}.voice-wave-bar.active{opacity:.98;background:#3b9de8}.voice-meta{display:inline-flex;align-items:center;gap:.44rem;font-size:.69rem;color:var(--on-surface-variant);line-height:1}.voice-meta-duration{font-variant-numeric:tabular-nums;font-weight:700}.voice-meta-time{margin-left:auto;font-variant-numeric:tabular-nums}.voice-download-btn{width:1.9rem;height:1.9rem;border-radius:999px;padding:0}.msg.self .voice-play-btn{background:color-mix(in srgb,#8acffc 78%,#ffffff 22%);color:#163249;border-color:color-mix(in srgb,#acdfff 62%,transparent)}.msg.self .voice-play-btn.playing{background:color-mix(in srgb,#64b8f5 80%,#ffffff 20%)}.msg.self .voice-wave-bar{background:color-mix(in srgb,#ffffff 72%,transparent);opacity:.5}.msg.self .voice-wave-bar.active{background:#fff;opacity:1}.msg.self .voice-meta{color:color-mix(in srgb,#ffffff 74%,transparent)}:root[data-theme=dark] .voice-bubble{background:linear-gradient(90deg,#3d9be845,#3d9be81a)}:root[data-theme=dark] .msg.self .voice-bubble{background:linear-gradient(90deg,#64b8f55e,#64b8f524)}.msg audio{margin-top:.5rem;width:min(100%,280px)}.composer{border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:var(--radius-lg);padding:.65rem;background:var(--surface-container-low)}.recording-strip{border:1px solid color-mix(in srgb,var(--error) 24%,var(--outline-variant) 76%);border-radius:999px;padding:.4rem .62rem;display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--error-container) 16%,var(--surface-container-lowest) 84%)}.recording-dot{width:.52rem;height:.52rem;border-radius:999px;background:var(--error);animation:voice-pulse .9s ease-out infinite}.recording-wave{flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:1rem}.recording-wave-bar{width:2px;border-radius:2px;background:color-mix(in srgb,var(--error) 62%,var(--on-surface) 38%);opacity:.84}.recording-time{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--on-surface)}.composer-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.45rem}.composer-main input{min-height:3rem;border-radius:1rem}.composer-send-btn{min-height:3rem;min-width:8rem;border-radius:1rem;display:inline-flex;justify-content:center;align-items:center;gap:.3rem}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-attach-btn{border-radius:999px;min-width:3rem;min-height:3rem}.composer-voice-btn{border-radius:999px;min-height:3rem;min-width:6.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;position:relative}.composer-voice-btn.recording{border-color:color-mix(in srgb,var(--error) 45%,var(--outline-variant) 55%);background:color-mix(in srgb,var(--error-container) 22%,var(--surface-container-lowest) 78%)}.composer-voice-btn.recording:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--error) 45%,transparent);animation:voice-pulse 1.2s ease-out infinite}.composer-voice-btn span:last-child{font-size:.82rem;font-weight:700}.inline-preview{margin-top:.45rem;max-width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent)}.events{overflow:auto;background:var(--surface-container-low)}.events-title{margin:.2rem 0 0}.events-brand h3{margin:0 0 .65rem}.calls-view,.settings-view{flex:1;min-height:0;display:grid;gap:var(--space-4);min-width:0}.calls-view{grid-template-rows:auto auto 1fr}.calls-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:.82rem;align-items:stretch;min-height:0}.calls-header{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:flex-start}.calls-filters{display:inline-flex;gap:.35rem;padding:.24rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--outline-variant) 36%,transparent);background:var(--surface-container-low)}.calls-filters button{background:transparent;border-color:transparent;color:var(--on-surface-variant);border-radius:999px;padding:.48rem .82rem}.calls-filters .active{background:var(--surface-container-lowest);color:var(--on-surface)}.calls-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.42rem;align-items:stretch}.calls-quick input{flex:1 1 260px}.call-history-row{border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);border-radius:14px;padding:.65rem;background:var(--surface-container-lowest);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.56rem}.call-history-row[data-status=missed]{border-color:color-mix(in srgb,var(--error) 50%,var(--outline-variant) 50%)}.call-history-row time{font-size:.78rem;color:var(--on-surface-variant);white-space:nowrap}.call-history-row>.ghost{justify-self:end}.call-history-main{display:grid;gap:.2rem}.call-history-avatar{width:2.2rem;height:2.2rem;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);background:var(--surface-container-low);display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700}.call-history-main small{color:var(--on-surface-variant)}.calls-targets{border-top:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);padding-top:.7rem;display:grid;gap:.5rem}.settings-view h3{margin:.2rem 0 0;font-size:.92rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em}.settings-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.settings-menu{border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:16px;background:var(--surface-container-low);padding:.74rem;display:grid;align-content:start;gap:.65rem}.settings-menu h2{margin:.1rem 0 .15rem}.settings-menu nav{display:grid;gap:.36rem}.settings-menu nav button{justify-content:flex-start;background:transparent;border-color:transparent;color:var(--on-surface-variant);cursor:pointer}.settings-menu-item{display:inline-flex;align-items:center;gap:.42rem}.settings-menu nav button.active{background:var(--surface-container-lowest);color:var(--on-surface);border-color:color-mix(in srgb,var(--outline-variant) 26%,transparent)}.settings-content{border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);border-radius:16px;background:var(--surface-container-lowest);padding:.74rem;display:grid;gap:.72rem;min-width:0}.settings-panel-card{border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);border-radius:14px;background:var(--surface-container-low);padding:.72rem;display:grid;gap:.62rem}.settings-field{display:grid;gap:.3rem}.settings-field>span{font-size:.75rem;color:var(--on-surface-variant)}.settings-field textarea{resize:vertical;min-height:88px;max-height:200px}.settings-actions-row{display:inline-flex;gap:.45rem;flex-wrap:wrap}.settings-toggle-row{border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);border-radius:12px;background:var(--surface-container-lowest);padding:.62rem .66rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem}.settings-toggle-copy{display:grid;gap:.2rem}.settings-toggle-copy strong{font-size:.88rem}.settings-toggle-copy p{margin:0;color:var(--on-surface-variant);font-size:.78rem;line-height:1.35}.settings-toggle{width:2.8rem;height:1.7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--outline-variant) 44%,transparent);background:var(--surface-container-highest);padding:.15rem;display:inline-flex;align-items:center;justify-content:flex-start}.settings-toggle span{width:1.18rem;height:1.18rem;border-radius:999px;background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 36%,transparent);transition:transform var(--motion-fast)}.settings-toggle.on{background:var(--accent);border-color:transparent}.settings-toggle.on span{transform:translate(1.06rem);background:var(--accent-contrast)}.settings-placeholder{border:1px dashed color-mix(in srgb,var(--outline-variant) 46%,transparent);border-radius:14px;padding:.8rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--on-surface-variant)}.settings-headline h3{margin:0}.settings-headline p{margin:.28rem 0 0}.device-session-list{display:grid;gap:.5rem}.device-session-card{border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);border-radius:14px;background:var(--surface-container-low);padding:.62rem;display:flex;justify-content:space-between;gap:.66rem;align-items:center;flex-wrap:wrap}.device-session-main{display:inline-flex;align-items:center;gap:.58rem}.device-session-main>span{width:2.35rem;height:2.35rem;border-radius:12px;background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);display:inline-flex;align-items:center;justify-content:center}.device-session-main div{display:grid;gap:.2rem}.device-session-main small{color:var(--on-surface-variant)}.settings-recommendation{border:1px solid color-mix(in srgb,var(--outline-variant) 30%,transparent);border-radius:14px;padding:.68rem;display:grid;grid-template-columns:auto 1fr auto;gap:.64rem;align-items:center;background:var(--surface-container-low)}.recommendation-icon{width:2.4rem;height:2.4rem;border-radius:999px;background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent);display:inline-flex;align-items:center;justify-content:center}.settings-recommendation p{margin:.2rem 0 0;color:var(--on-surface-variant);font-size:.82rem}.calls-list,.call-history{display:grid;gap:.5rem}.calls-list{min-height:0;overflow:auto;padding-right:.15rem}.calls-contact-panel{border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);border-radius:18px;background:var(--surface-container-low);padding:.72rem;display:grid;gap:.7rem;min-height:0;overflow:auto}.calls-contact-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.56rem}.calls-contact-avatar{width:3rem;height:3rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--outline-variant) 25%,transparent);background:var(--surface-container-lowest);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.84rem}.calls-contact-head h3{margin:0;font-size:1rem;line-height:1.2}.calls-contact-head p{margin:.2rem 0 0;font-size:.74rem;color:var(--on-surface-variant)}.calls-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.calls-contact-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;padding-inline:.7rem}.calls-target-card{border:1px solid color-mix(in srgb,var(--outline-variant) 22%,transparent);border-radius:14px;background:var(--surface-container-lowest);padding:.52rem;display:grid;gap:.5rem}.calls-target-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem}.calls-target-avatar{width:2.1rem;height:2.1rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--outline-variant) 24%,transparent);background:var(--surface-container-low);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem}.calls-target-main strong{display:block;line-height:1.2}.calls-target-main small{color:var(--on-surface-variant)}.calls-target-actions{display:flex;gap:.35rem;flex-wrap:wrap}.calls-target-actions button{flex:1 1 44%}.call-row,.call-history-item,.challenge-card{border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);border-radius:14px;padding:.62rem;background:var(--surface-container-lowest)}.call-row{display:flex;justify-content:space-between;gap:.7rem;align-items:center;flex-wrap:wrap}.back-to-list-btn{display:inline-flex;align-items:center;gap:.32rem}.mobile-events{border-top:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);margin-top:var(--space-3);padding-top:var(--space-3);display:grid;gap:var(--space-3)}.status.inline-status{margin-top:0}.call-row small,.call-history-item small{display:block;color:var(--on-surface-variant);font-size:.78rem}.call-stage{position:fixed;top:2rem;right:2rem;bottom:2rem;left:2rem;z-index:40;border-radius:2rem;border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);background:var(--surface-container-lowest);box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto;padding:1rem 1.2rem;pointer-events:none}.call-stage-header{display:flex;justify-content:space-between;align-items:center}.call-stage-header small{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.call-stage-badge{border:1px solid color-mix(in srgb,var(--outline-variant) 32%,transparent);border-radius:999px;padding:.42rem .65rem;display:inline-flex;align-items:center;gap:.32rem;background:var(--surface-container-low);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.call-stage-center{display:grid;place-items:center;text-align:center;gap:.56rem}.call-avatar{width:min(36vw,260px);height:min(36vw,260px);border-radius:999px;border:12px solid var(--surface-container-lowest);box-shadow:0 24px 44px #2d343529;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-container-high),var(--surface-container-lowest))}.call-avatar span{font-size:clamp(2rem,4.8vw,3.8rem);font-weight:700;letter-spacing:.04em}.call-stage-center h3{margin:0;font-size:clamp(1.3rem,2vw,2rem)}.call-stage-center p{margin:0;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.call-stage-controls{justify-self:center;pointer-events:auto;border-radius:999px;border:1px solid color-mix(in srgb,var(--outline-variant) 26%,transparent);background:var(--panel);padding:.34rem;display:inline-flex;align-items:center;gap:.36rem}.call-stage-controls .danger{background:var(--error);color:#fff;border-color:transparent}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{0%{opacity:0;transform:translateY(5px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes voice-pulse{0%{opacity:.65;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}@media (min-width: 1500px){.settings-grid{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}}@media (max-width: 1360px){.messenger[data-events=true]{grid-template-columns:80px minmax(290px,330px) minmax(0,1fr) minmax(230px,290px);gap:var(--space-4)}}@media (max-width: 1280px){.calls-content-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.messenger[data-events=true]{grid-template-columns:80px minmax(260px,320px) minmax(0,1fr)}.events{grid-column:2 / -1}.settings-grid{grid-template-columns:1fr}}@media (max-width: 860px){.nav-rail{display:none}.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}.auth-hero,.auth-form-area{border-radius:1.3rem;padding:1rem}.logo-auth{width:180px;max-width:70%}.logo-auth-compact{width:116px}.auth-hero-headline{max-width:none}.auth-hero-footer{gap:.8rem}.auth-form-brand strong{font-size:1rem;letter-spacing:.06em}.auth-preferences{grid-template-columns:1fr}.theme-picker button{flex:1 1 auto}.messenger{grid-template-columns:1fr;gap:var(--space-3);padding:.56rem .56rem 5.6rem}.call-stage{display:none}.tabs{flex-wrap:wrap;border-radius:1rem}.tabs-mobile{position:fixed;left:.55rem;right:.55rem;bottom:.55rem;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.35rem;border-radius:1rem;background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 40%,transparent);box-shadow:var(--shadow)}.tabs-mobile button{border-color:transparent;background:transparent;color:var(--on-surface-variant);justify-content:center;display:inline-flex;align-items:center;gap:.32rem;border-radius:999px}.tabs-mobile .active{border-color:transparent;background:var(--accent);color:var(--accent-contrast)}.tabs-mobile button span:last-child{font-size:.76rem}.chat-panel,.sidebar{min-height:calc(100vh - 8.2rem)}.row{flex-wrap:wrap}.composer-main{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.35rem}.composer-send-btn{min-width:3rem;padding-inline:.6rem}.composer-send-btn span:last-child{display:none}.composer-voice-btn{min-width:3rem;padding-inline:.45rem}.composer-voice-btn span:last-child{display:none}.recording-strip{padding:.35rem .52rem;gap:.42rem}.recording-time{font-size:.72rem}.call-controls{width:100%;margin-left:0;justify-content:flex-start}.call-controls button{flex:1 1 140px;justify-content:center}.calls-quick{grid-template-columns:1fr}.calls-quick button{width:100%}.call-history-row{grid-template-columns:auto 1fr;align-items:start}.call-history-row time,.call-history-row button{grid-column:2;justify-self:start}.calls-content-grid,.settings-recommendation,.settings-toggle-row{grid-template-columns:1fr}.status.inline-status{font-size:.76rem;margin-bottom:.1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}