:root{--bg:#fff;--surface:#fff;--surface-elevated:#f9fafb;--surface-active:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--text:#111;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--accent:#000;--accent-soft:rgba(0,0,0,.05);--accent-hover:#1a1a1a;--brand-red:#c30100;--success:#10b981;--success-bg:rgba(16,185,129,.1);--danger:#c30010;--danger-bg:rgba(195,0,16,.1);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 1px 2px rgba(17,17,17,.04), 0 2px 8px rgba(17,17,17,.04);--shadow-md:0 2px 6px rgba(17,17,17,.05), 0 8px 24px rgba(17,17,17,.08);--shadow-lg:0 4px 12px rgba(17,17,17,.06), 0 16px 48px rgba(17,17,17,.12);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .44, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--dur-fast:.18s;--dur-med:.35s;--dur-slow:.6s;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}.logo{width:auto;max-width:100%;height:22px;margin:0 auto;display:block}.btn{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--text-inverse);border:none}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:rgba(239,68,68,.2)}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:hover:active{transform:scale(.97)}}.icon-btn{color:var(--text-secondary);cursor:pointer;width:44px;height:44px;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--surface-elevated);color:var(--text)}}@media (pointer:coarse){.btn{min-height:52px}.icon-btn{width:48px;height:48px}}.input-field{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:14px 16px}.input-field:focus{border-color:var(--accent)}.input-field::-webkit-input-placeholder{color:var(--text-secondary)}.input-field::-moz-placeholder{color:var(--text-secondary)}.input-field::-ms-input-placeholder{color:var(--text-secondary)}.input-field::placeholder{color:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner.sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-loader{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.fullscreen-loader p{color:var(--text-secondary);font-size:14px}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);background:rgba(17,17,17,.4);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{background:var(--surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:560px;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--sab));transition:transform .45s var(--ease-sheet);box-shadow:var(--shadow-lg);transform:translateY(100%)}.bottom-sheet-overlay.open .bottom-sheet{transform:translateY(0)}.sheet-grabber{background:var(--border-strong);border-radius:3px;width:36px;height:5px;margin:-8px auto 14px}.prompt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);background:rgba(17,17,17,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.prompt-overlay.open{opacity:1;pointer-events:auto}.prompt-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:400px;transition:transform .4s var(--ease-spring);box-shadow:var(--shadow-lg);margin:16px;padding:24px;transform:scale(.92)translateY(8px)}.prompt-overlay.open .prompt-content{transform:scale(1)translateY(0)}.sheet-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.sheet-title{letter-spacing:-.01em;font-size:18px;font-weight:600}#login-view{background-color:var(--bg);flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0 24px;display:flex;overflow-y:auto}.login-container{align-self:center;width:100%;max-width:300px;margin:0 auto;padding:32px 0;font-family:Inter,-apple-system,sans-serif}.logo-container{text-align:center;animation:rise-in var(--dur-slow) var(--ease-out) both;margin-bottom:24px}.login-container .google-login-button{animation:rise-in var(--dur-slow) var(--ease-out) 80ms both}.login-container .or-separator{animation:fade-in var(--dur-slow) var(--ease-out) .16s both}.login-container .login-form{animation:rise-in var(--dur-slow) var(--ease-out) .2s both}.logo-container h1{color:#000;margin:0;line-height:1}.logo-container .logo{width:100%;max-width:306px;height:auto}.tagline{color:#0a0a0a;letter-spacing:.25em;margin:4px 0 24px;font-size:14px}.login-form{flex-direction:column;gap:16px;width:100%;margin:0 auto;font-family:Inter,-apple-system,sans-serif;display:flex}.form-group{width:100%}.input-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:100%;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:relative}.input-wrapper:focus-within{border-color:#000}.input-icon{justify-content:center;align-items:center;padding:0 12px;display:flex}.input-icon img{color:#6b7280;-webkit-filter:invert(48%)sepia(10%)saturate(294%)hue-rotate(182deg)brightness(91%)contrast(87%);filter:invert(48%)sepia(10%)saturate(294%)hue-rotate(182deg)brightness(91%)contrast(87%);width:20px;height:20px}.input-wrapper:focus-within .input-icon img{-webkit-filter:invert(0%)sepia(0%)saturate(0%)hue-rotate(324deg)brightness(96%)contrast(104%);filter:invert(0%)sepia(0%)saturate(0%)hue-rotate(324deg)brightness(96%)contrast(104%)}.input-divider{background-color:#e5e7eb;width:1px;height:24px;margin:0}.form-group input{color:#111;background:0 0;border:none;outline:none;width:100%;padding:12px 16px;font-family:Inter,-apple-system,sans-serif;font-size:15px;transition:none}.form-group input::-webkit-input-placeholder{color:#6b7280}.form-group input::-moz-placeholder{color:#6b7280}.form-group input::-ms-input-placeholder{color:#6b7280}.form-group input::placeholder{color:#6b7280}.login-button{color:#fff;cursor:pointer;width:100%;min-height:48px;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#000;border:none;border-radius:100px;padding:12px;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:500}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:hover:not(:disabled){background:#1a1a1a}.login-button:disabled{opacity:.7;cursor:not-allowed}.signup-link{text-align:center;color:#666;margin-top:16px;font-size:14px}.signup-link button{font-size:inherit;color:#000;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}@media (hover:hover) and (pointer:fine){.signup-link button:hover{text-decoration:underline}}.error-message{color:#c30010;text-align:center;margin-top:8px;font-family:Inter,-apple-system,sans-serif;font-size:14px}.google-login-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:8px;margin-bottom:8px;padding:12px;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:500;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:flex}.google-login-button:hover:not(:disabled){background:#1a1a1a}.google-login-button:disabled{opacity:.7;cursor:not-allowed}.or-separator{text-align:center;color:#bdbdbd;align-items:center;margin:8px 0;font-size:14px;font-weight:500;display:flex}.or-separator:before,.or-separator:after{content:"";border-bottom:1px solid #e0e0e0;flex:1;margin:0 12px}.enroll-screen{padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + var(--sab));flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.enroll-header{margin-bottom:12px}.enroll-title{margin-bottom:8px;font-size:24px;font-weight:700}.enroll-subtitle{color:var(--text-secondary);line-height:1.5}.enroll-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:rise-in var(--dur-slow) var(--ease-out) .1s both;flex-direction:column;align-items:center;gap:24px;display:flex}.record-btn-container{justify-content:center;align-items:center;width:100px;height:100px;margin-top:auto;display:flex;position:relative}.record-btn{cursor:pointer;z-index:2;width:72px;height:72px;box-shadow:var(--shadow-md);transition:transform var(--dur-med) var(--ease-spring), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:radial-gradient(120% 120% at 30% 20%,#2a2a2a 0%,#000 60%);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.record-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:scale(1.06)}}.record-btn.recording{background:var(--danger);transform:scale(.9)}.record-btn .material-symbols-outlined{color:var(--bg);font-size:32px}.record-btn.recording .material-symbols-outlined{color:#fff}.record-ring{border:2px solid var(--danger);opacity:0;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.8)}.record-btn.recording~.record-ring{animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.timer-display{font-variant-numeric:tabular-nums;color:var(--text);margin-bottom:auto;font-size:28px;font-weight:600}.level-bar{background:var(--surface-active);border-radius:4px;width:100%;height:8px;overflow:hidden}.level-fill{background:var(--success);width:0%;height:100%;transition:width .1s linear}.enroll-actions{gap:16px;width:100%;margin-top:auto;display:flex}.post-record-actions{animation:post-record-in var(--dur-med,.25s) var(--ease-out,ease-out) both;justify-content:center;align-items:center;gap:32px;display:flex}@keyframes post-record-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.post-record-btn{cursor:pointer;width:64px;height:64px;transition:transform var(--dur-fast,.15s) var(--ease-spring,ease), box-shadow var(--dur-fast,.15s) var(--ease-out,ease-out), opacity var(--dur-fast,.15s);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.post-record-btn:disabled{opacity:.45;cursor:not-allowed}.post-record-btn .material-symbols-outlined{font-size:28px}.retry-btn{background:var(--surface,#fff);border:2px solid var(--border-strong,#9ca3af);box-shadow:var(--shadow-sm)}.retry-btn .material-symbols-outlined{color:var(--text-secondary,#6b7280)}.send-btn{background:var(--success,#10b981);box-shadow:var(--shadow-md), 0 0 0 0 rgba(16,185,129,.35)}.send-btn .material-symbols-outlined{color:#fff}@media (hover:hover) and (pointer:fine){.post-record-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:scale(1.08)}}.post-record-btn:active:not(:disabled){transform:scale(.95)}.enroll-actions .btn{flex:1}.enroll-error{color:var(--danger);text-align:center;margin-top:16px;font-size:14px}.enroll-warning{background:var(--warning-bg);border-radius:var(--radius-sm);width:100%;color:var(--warning);text-align:left;border:1px solid rgba(245,158,11,.35);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.enroll-warning .material-symbols-outlined{flex-shrink:0;font-size:20px}.enroll-passage-instruction{text-align:center;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.enroll-passage{background:var(--surface-elevated);border:1px solid var(--border);border-left:3px solid var(--text-tertiary);border-radius:var(--radius-sm);color:var(--text);text-align:left;max-height:180px;padding:16px 18px;font-size:15px;font-style:italic;line-height:1.65;overflow-y:auto}.enroll-rejection-list{background:var(--danger-bg);border-radius:var(--radius-sm);border:1px solid rgba(195,0,16,.25);flex-direction:column;gap:8px;width:100%;padding:12px 14px;display:flex}.enroll-rejection-header{color:var(--danger);align-items:center;gap:8px;font-size:14px;display:flex}.enroll-rejection-header .material-symbols-outlined{font-size:20px}.enroll-rejection-item{color:var(--danger);padding-left:28px;font-size:13px;line-height:1.45;position:relative}.enroll-rejection-item:before{content:"•";font-weight:700;position:absolute;left:14px}.enroll-quality-metrics{background:var(--success-bg);border-radius:var(--radius-sm);width:100%;color:var(--success);animation:pop-in .45s var(--ease-spring) both;border:1px solid rgba(16,185,129,.3);align-items:center;gap:12px;padding:14px 16px;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.enroll-quality-metrics .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:24px}.enroll-quality-info{flex-direction:column;gap:2px;display:flex}.enroll-quality-info strong{font-size:14px;font-weight:600}.enroll-quality-info span{opacity:.85;font-size:12px}.session-screen{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--sab));flex-direction:column;flex:1;width:100%;max-width:640px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.home-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.greeting-date{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;animation:rise-in var(--dur-slow) var(--ease-out) both;margin-bottom:6px;font-size:13px;font-weight:600}.greeting-title{letter-spacing:-.02em;animation:rise-in var(--dur-slow) var(--ease-out) 60ms both;font-size:max(24px,min(6.5vw,32px));font-weight:700;line-height:1.15}.hero-area{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:max(20px,min(5vh,48px)) 0 max(12px,min(3vh,28px));display:flex}.hero-start-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;width:max(160px,min(46vw,200px));height:max(160px,min(46vw,200px));animation:pop-in .65s var(--ease-spring) .12s both;background:0 0;border:none;border-radius:50%;position:relative}.hero-btn-face{color:#fff;box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.12);transition:transform var(--dur-med) var(--ease-spring), box-shadow var(--dur-med) var(--ease-out);background:radial-gradient(120% 120% at 30% 20%,#2a2a2a 0%,#000 60%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hero-start-btn:active:not(:disabled) .hero-btn-face{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.hero-start-btn:hover:not(:disabled) .hero-btn-face{transform:scale(1.04);box-shadow:0 8px 20px rgba(17,17,17,.18),0 24px 64px rgba(17,17,17,.22),inset 0 1px rgba(255,255,255,.12)}.hero-start-btn:hover:active:not(:disabled) .hero-btn-face{transform:scale(.96)}}.hero-start-btn:disabled{cursor:default}.hero-mic{font-variation-settings:"FILL" 1;font-size:44px}.hero-label{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.25}.hero-spinner{border-color:#fff rgba(255,255,255,.25) rgba(255,255,255,.25);width:36px;height:36px}.hero-ring{border:1.5px solid var(--border-strong);pointer-events:none;animation:hero-breathe 3.2s var(--ease-out) infinite;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-ring.ring-2{animation-delay:1.6s}.hero-start-btn.creating .hero-ring{animation-duration:1.6s}@keyframes hero-breathe{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}.hero-hint{color:var(--text-secondary);animation:fade-in var(--dur-slow) var(--ease-out) .35s both;margin-top:22px;font-size:14px}.home-error{color:var(--danger);text-align:center;animation:rise-in var(--dur-med) var(--ease-out) both;margin-top:12px;font-size:14px}.home-opps{flex-direction:column;min-height:0;display:flex}.session-divider{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;margin:20px 0;font-size:12px;font-weight:600;display:flex}.session-divider:before,.session-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.session-divider:before{margin-right:16px}.session-divider:after{margin-left:16px}.search-bar{background:var(--surface-elevated);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid transparent;border-radius:100px;flex-shrink:0;align-items:center;margin-bottom:16px;padding:0 16px;display:flex}.search-bar:focus-within{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.search-bar .material-symbols-outlined{color:var(--text-secondary);font-size:20px}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:13px 12px}.opportunity-list{padding-bottom:var(--spacing-md);flex-direction:column;gap:10px;display:flex}.opportunity-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:60px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-align:left;color:var(--text);width:100%;animation:rise-in .5s var(--ease-out) var(--enter-delay,0s) both;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.opportunity-card:active:not(:disabled){background:var(--surface-active);transform:scale(.98)}@media (hover:hover) and (pointer:fine){.opportunity-card:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.opportunity-card:hover:not(:disabled) .opp-arrow{color:var(--text);transform:translate(3px)}}.opportunity-card:disabled{opacity:.6;cursor:default}.opp-info{min-width:0}.opp-info h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:16px;font-weight:500;overflow:hidden}.opp-info p{color:var(--text-secondary);font-size:13px}.opp-arrow{color:var(--text-tertiary);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0}.opps-placeholder{text-align:center;color:var(--text-secondary);flex-direction:column;gap:10px;padding:24px 20px;font-size:14px;display:flex}.opp-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-elevated) 25%, var(--surface-active) 50%, var(--surface-elevated) 75%);background-size:200% 100%;height:60px;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-height:620px){.hero-start-btn{width:132px;height:132px}.hero-mic{font-size:34px}.hero-label{font-size:15px}.hero-hint{margin-top:14px}}.meeting-screen{background:var(--bg);min-height:0;font-size:var(--base-font-size,14px);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.meeting-header{padding:12px max(16px, var(--sar)) 12px max(16px, var(--sal));background:var(--surface);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;gap:8px;display:flex;overflow:visible}.meeting-header-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.meeting-title-wrapper{cursor:pointer;border-radius:4px;align-self:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;margin-left:-4px;padding:2px 4px;transition:background .2s;display:flex}.meeting-title-wrapper:hover{background:var(--surface-active)}.meeting-title-wrapper:hover .edit-icon{opacity:1}.meeting-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.edit-icon{color:var(--text-secondary);opacity:0;flex-shrink:0;font-size:14px;transition:opacity .2s}.meeting-title-input{color:var(--text);border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;outline:none;width:100%;max-width:250px;margin-bottom:4px;margin-left:-4px;padding:2px 4px;font-family:inherit;font-size:16px;font-weight:600}.meeting-title-input:focus{border-color:var(--success);box-shadow:0 0 0 2px var(--success-bg)}.meeting-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px}.status-dot.connected{background:var(--success);box-shadow:0 0 4px var(--success)}.status-dot.error{background:var(--danger);box-shadow:0 0 4px var(--danger)}.status-dot.reconnecting{background:var(--warning);box-shadow:0 0 4px var(--warning);animation:1.5s infinite pulse-dot}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.signal-bars{align-items:flex-end;gap:2px;height:18px;padding:0 4px;display:flex}.signal-bar{background:var(--text-secondary);opacity:.25;border-radius:1px;width:4px;transition:background .3s,opacity .3s}.signal-bar.bar-1{height:40%}.signal-bar.bar-2{height:70%}.signal-bar.bar-3{height:100%}.signal-bars.level-green .signal-bar.lit{background:var(--success);opacity:1}.signal-bars.level-yellow .signal-bar.lit{background:var(--warning);opacity:1}.signal-bars.level-red .signal-bar.lit{background:var(--danger);opacity:1;animation:1.5s infinite pulse-dot}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.icon-btn:hover{background:var(--surface-active)}.options-menu-container{position:relative}.options-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;flex-direction:column;min-width:200px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.dropdown-item{color:var(--text);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-active)}.slider-item{flex-direction:column;align-items:flex-start;gap:8px}.slider-col{flex-direction:column;gap:4px;width:100%;display:flex}.slider-col label{color:var(--text-secondary);font-size:12px}.ws-error-banner{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);border:1px solid rgba(239,68,68,.3);flex-shrink:0;align-items:center;gap:12px;margin:16px 16px 0;padding:12px 16px;display:flex}.ws-error-banner .material-symbols-outlined{font-size:24px}.ws-error-text{flex-direction:column;flex:1;display:flex}.ws-error-text strong{font-size:14px;font-weight:600}.ws-error-text span{opacity:.9;font-size:13px}.mic-recover-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:100px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.mic-warning-banner{background:var(--warning-bg);border-radius:var(--radius-sm);color:var(--warning);border:1px solid rgba(245,158,11,.35);flex-shrink:0;align-items:center;gap:12px;margin:16px 16px 0;padding:12px 16px;display:flex}.mic-warning-banner .material-symbols-outlined{font-size:24px}.stop-meeting-btn{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid rgba(239,68,68,.2);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.meeting-content{flex:1;padding-bottom:60px;position:relative;overflow-x:hidden;overflow-y:auto}.battlecards-overlay-tray{background:var(--surface);z-index:40;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;flex-shrink:0;height:40px;transition:height .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 -2px 16px rgba(0,0,0,.08)}.battlecards-overlay-tray.open{height:40%}.tray-drag-handle{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;height:40px;padding:0 16px;display:flex;position:relative}.toggle-icon-center{color:var(--text-secondary);font-size:24px}.tray-actions-right{align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tray-mute-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.tray-mute-btn:hover{background:var(--surface-active)}.tray-mute-btn.muted{color:var(--danger);background:var(--danger-bg)}.tray-scroll-content{flex:1;padding:8px 0;overflow-y:auto}.mic-floating-indicator{background:var(--surface);border:1px solid var(--border-strong);z-index:50;cursor:pointer;border-radius:100px;align-items:center;gap:12px;padding:8px 16px 8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:64px;left:24px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.mic-floating-indicator.tray-open{bottom:calc(40% + 16px)}.mic-floating-indicator:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.15)}.mic-floating-indicator.muted{background:#fff5f5;border-color:rgba(239,68,68,.3)}.mic-floating-indicator .mic-icon{color:var(--success);font-size:22px}.mic-floating-indicator.muted .mic-icon{color:var(--danger)}.mic-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.mic-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.mic-status-text{color:var(--text-secondary);font-size:11px}.mic-floating-indicator.muted .mic-status-text{color:var(--danger)}.mic-floating-indicator.silent{border-color:rgba(245,158,11,.4)}.mic-floating-indicator.silent .mic-status-text{color:var(--warning)}.mic-waveform{flex-shrink:0;margin-left:4px}.mic-pulse-dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-left:8px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{transform:scale(.85);box-shadow:0 0 rgba(16,185,129,.4)}50%{transform:scale(1.1);box-shadow:0 0 0 4px rgba(16,185,129,0)}to{transform:scale(.85);box-shadow:0 0 rgba(16,185,129,0)}}.qualify-panel{flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:16px;display:flex}.question-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:rise-in .5s var(--ease-out) var(--enter-delay,0s) both;transition:border-color var(--dur-med) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-left-width:4px;overflow:hidden}@media (hover:hover) and (pointer:fine){.question-box.has-answer:hover{box-shadow:var(--shadow-md)}}.question-box.status-unanswered{border-left-color:var(--border-strong)}.question-box.status-followup{border-left-color:var(--warning)}.question-box.status-answered{border-left-color:var(--success)}.question-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.status-icon{color:var(--text-tertiary);flex-shrink:0;margin-top:1px;font-size:20px}.status-icon.status-answered{color:var(--success);font-variation-settings:"FILL" 1;animation:pop-in .45s var(--ease-spring) both}.status-icon.status-followup{color:var(--warning);animation:pop-in .45s var(--ease-spring) both}.question-text-container{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.main-question{font-size:var(--base-font-size,15px);color:var(--text);margin:0;font-weight:600;line-height:1.4;transition:font-size .2s}.follow-up-question{font-size:calc(var(--base-font-size,15px) - 1px);color:var(--warning);margin:0;font-style:italic;font-weight:500;line-height:1.4;transition:font-size .2s}.toggle-answer{color:var(--text-secondary);cursor:pointer;transition:transform .35s var(--ease-spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.toggle-answer.collapsed{transform:rotate(-90deg)}.answer-reveal{transition:grid-template-rows .35s var(--ease-out), opacity .3s var(--ease-out);opacity:1;grid-template-rows:1fr;display:grid}.answer-reveal.collapsed{opacity:0;grid-template-rows:0fr}.answer-reveal-inner{min-height:0;overflow:hidden}.answer{color:var(--text-secondary);font-size:calc(var(--base-font-size,15px) - 1px);border-top:1px solid var(--border);margin:0;padding:12px 16px 16px;line-height:1.5}.answer strong{color:var(--text);font-weight:600}.battlecards-panel{flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:16px;display:flex}.battlecard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:battlecard-in .55s var(--ease-spring) both;padding:16px}@keyframes battlecard-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.prospect-question{font-size:calc(var(--base-font-size,15px) + 1px);color:var(--text);align-items:flex-start;gap:8px;margin-bottom:14px;font-weight:600;line-height:1.4;transition:font-size .2s;display:flex}.battlecard-q-icon{color:var(--warning);font-variation-settings:"FILL" 1;flex-shrink:0;margin-top:1px;font-size:20px}.live-answer,.web-answer{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex;position:relative}.answer-source-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.answer-source-tag .material-symbols-outlined{font-size:14px}.answer-text{font-size:calc(var(--base-font-size,15px) - 1px);color:var(--text);line-height:1.5;transition:font-size .2s}.answer-text .generating{background:linear-gradient(90deg, var(--text-tertiary) 30%, var(--text) 50%, var(--text-tertiary) 70%);-webkit-text-fill-color:transparent;color:transparent;background-size:200% 100%;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;font-style:italic;animation:1.8s linear infinite shimmer-text}@keyframes shimmer-text{0%{background-position:180% 0}to{background-position:-20% 0}}.answer-text .no-answer{color:var(--text-tertiary);font-style:italic}.sources{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;display:flex}.source{background:var(--surface);border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.source img{width:16px;height:16px}.empty-state{text-align:center;color:var(--text-secondary);animation:fade-in var(--dur-slow) var(--ease-out) both;flex-direction:column;align-items:center;padding:40px 20px;font-size:15px;line-height:1.5;display:flex}.empty-orb{background:var(--surface-elevated);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;display:flex;position:relative}.empty-orb>.material-symbols-outlined{color:var(--text-tertiary);font-size:32px}.empty-orb-ring{border:1px solid var(--border-strong);animation:hero-breathe 3s var(--ease-out) infinite;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.empty-orb-ring.r2{animation-delay:1.5s}.empty-title{color:var(--text);font-size:15px;font-weight:600}.empty-sub{color:var(--text-tertiary);max-width:260px;margin-top:4px;font-size:13px}.transcript-panel{background:var(--surface);border-top:1px solid var(--border);z-index:35;height:160px;animation:transcript-slide-up .3s var(--ease-out) both;flex-shrink:0;position:relative}@keyframes transcript-slide-up{0%{opacity:0;height:0}to{opacity:1;height:160px}}.transcript-panel-header{z-index:2;pointer-events:none;background:linear-gradient(to bottom, var(--surface) 0%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.6) 70%, rgba(255,255,255,.25) 85%, rgba(255,255,255,0) 100%);justify-content:space-between;align-items:flex-start;padding:6px 12px 18px;display:flex;position:absolute;top:0;left:0;right:0}.transcript-panel-header>*{pointer-events:auto}.transcript-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.transcript-close-btn{color:var(--text-tertiary);padding:4px}.transcript-close-btn:hover{color:var(--text-secondary)}.transcript-scroll{scroll-behavior:smooth;flex-direction:column;justify-content:flex-end;padding:4px 16px 8px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.transcript-scroll>:not(.transcript-empty){flex-shrink:0}.transcript-entry{animation:transcript-entry-in .3s var(--ease-out) both;padding:2px 0}@keyframes transcript-entry-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-entry.new-speaker{margin-top:8px}.transcript-entry.new-speaker:first-child{margin-top:0}.transcript-speaker-row{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.transcript-speaker{color:var(--text);font-size:12px;font-weight:700}.transcript-ts{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.transcript-text{color:var(--text-secondary);font-size:13px;line-height:1.45}.transcript-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;font-size:13px;font-style:italic;display:flex}.transcript-empty-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.mic-floating-indicator.transcript-open{bottom:224px}.mic-floating-indicator.transcript-open.tray-open{bottom:calc(176px + 40%)}.dropdown-toggle-item{color:var(--text);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.dropdown-toggle-item:hover{background:var(--surface-active)}.dropdown-toggle-left{align-items:center;gap:12px;display:flex}.toggle-pill{background:var(--border-strong);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-pill.active{background:var(--success)}.toggle-pill:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-pill.active:after{transform:translate(16px)}.tut-overlay{z-index:200000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in var(--dur-med) var(--ease-out) both;background:rgba(17,17,17,.45);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.tut-overlay.closing{animation:fade-in var(--dur-med) var(--ease-out) reverse both;pointer-events:none}.tut-card{background:var(--bg);width:100%;height:100%;padding-top:var(--sat);padding-bottom:var(--sab);animation:pop-in .5s var(--ease-spring) both;flex-direction:column;display:flex;overflow:hidden}@media (min-width:520px) and (min-height:640px){.tut-card{border-radius:var(--radius-xl);max-width:440px;height:min(720px,100% - 48px);box-shadow:var(--shadow-lg);padding-top:0;padding-bottom:0}}.tut-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 8px;display:flex}.tut-brand .logo{height:20px;margin:0}.tut-skip{color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:100px;padding:8px 12px;font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.tut-skip:hover{background:var(--surface-active);color:var(--text)}}.tut-track{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden}.tut-track::-webkit-scrollbar{display:none}.tut-slide{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;justify-content:flex-start;align-items:center;width:100%;padding:8px 28px 16px;display:flex;overflow-y:auto}.tut-title{letter-spacing:-.02em;text-align:center;margin-top:20px;font-size:22px;font-weight:700}.tut-sub{color:var(--text-secondary);text-align:center;max-width:320px;margin-top:10px;font-size:14px;line-height:1.55}.tut-footer{flex-direction:column;flex-shrink:0;gap:18px;padding:8px 24px 24px;display:flex}.tut-dots{justify-content:center;gap:8px;display:flex}.tut-dot{background:var(--border-strong);cursor:pointer;width:8px;height:8px;transition:width var(--dur-med) var(--ease-spring), background var(--dur-fast) var(--ease-out);border:none;border-radius:100px;padding:0}.tut-dot.active{background:var(--accent);width:22px}.tut-nav{gap:12px;display:flex}.tut-back{white-space:nowrap;transition:opacity var(--dur-med) var(--ease-out), flex-basis var(--dur-med) var(--ease-out);background:0 0;border-radius:100px;flex:0 0 92px;padding-left:0;padding-right:0;overflow:hidden}.tut-back.hidden{opacity:0;pointer-events:none;border-width:0;flex-basis:0;min-width:0}.tut-next{border-radius:100px;flex:1}.tut-scene{background:var(--surface-elevated);border-radius:var(--radius-lg);flex-shrink:0;width:100%;max-width:340px;height:max(200px,min(34vh,260px));margin-top:8px;position:relative;overflow:hidden}.tut-person{width:56px;height:88px;position:relative}.tut-head{background:#aeb4bd;border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tut-body{background:#c4c9d1;border-radius:26px 26px 8px 8px;width:52px;height:50px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.calib-quiet-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm);z-index:2;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.calib-quiet-chip .material-symbols-outlined{font-size:16px}.calib-stage{width:92px;height:92px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.calib-mic{color:#fff;box-shadow:var(--shadow-md);background:radial-gradient(120% 120% at 30% 20%,#2a2a2a 0%,#000 60%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.calib-mic .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:40px}.calib-ring{border:1.5px solid var(--border-strong);animation:hero-breathe 2.8s var(--ease-out) infinite;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.calib-ring.r2{animation-delay:1.4s}.calib-eq{align-items:center;gap:5px;height:26px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.calib-eq i{background:var(--success);border-radius:2px;width:4px;animation:1s ease-in-out infinite eq-bounce}.calib-eq i:first-child{height:30%;animation-delay:0s}.calib-eq i:nth-child(2){height:60%;animation-delay:.12s}.calib-eq i:nth-child(3){height:100%;animation-delay:.24s}.calib-eq i:nth-child(4){height:45%;animation-delay:.36s}.calib-eq i:nth-child(5){height:85%;animation-delay:.48s}.calib-eq i:nth-child(6){height:55%;animation-delay:.6s}.calib-eq i:nth-child(7){height:35%;animation-delay:.72s}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.scene-desk .desk-table{background:#d8dce2;border-radius:4px;width:78%;height:8px;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.desk-speaker{position:absolute;bottom:66px}.desk-speaker.left{left:12%}.desk-speaker.right{right:12%}.desk-speaker .talk-ring{opacity:0;width:40px;height:40px;animation:talk-pulse 4.4s var(--ease-out) infinite;border:1.5px solid #9aa1ab;border-radius:50%;margin-left:-20px;position:absolute;top:-2px;left:50%}.desk-speaker .talk-ring.t2{animation-delay:.55s}.desk-speaker.right .talk-ring{animation-delay:2.2s}.desk-speaker.right .talk-ring.t2{animation-delay:2.75s}@keyframes talk-pulse{0%{opacity:0;transform:scale(.6)}6%{opacity:.85}30%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.desk-speaker.left .tut-person{animation:4.4s ease-in-out infinite talk-bob}.desk-speaker.right .tut-person{animation:4.4s ease-in-out 2.2s infinite talk-bob}@keyframes talk-bob{0%,30%,to{transform:translateY(0)}8%{transform:translateY(-3px)}18%{transform:translateY(-1px)}26%{transform:translateY(-3px)}}.desk-phone{background:#111;border-radius:4px;width:56px;height:12px;position:absolute;bottom:66px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px rgba(17,17,17,.25)}.phone-listen-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite listen-blink;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes listen-blink{0%,to{opacity:.35;transform:translate(-50%)scale(.85)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.tut-laptop{position:absolute;bottom:64px;left:12%}.laptop-screen{background:#fff;border:3px solid #2b2f36;border-bottom-width:0;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:138px;height:92px;display:flex;position:relative;overflow:hidden}.laptop-screen .tut-person.on-screen{transform-origin:bottom;transform:scale(.9)}.screen-badge{color:var(--danger);font-size:14px;animation:1.6s ease-in-out infinite listen-blink;position:absolute;top:6px;right:6px}.laptop-base{background:#3a3f47;border-radius:3px 3px 6px 6px;width:170px;height:9px;margin-left:-16px}.speaker-wave{width:26px;height:26px;animation:speaker-out 2s var(--ease-out) infinite;border:2px solid transparent;border-right-color:#9aa1ab;border-radius:50%;position:absolute;top:34px;right:-34px}.speaker-wave.s2{width:42px;height:42px;animation-delay:.25s;top:26px;right:-44px}.speaker-wave.s3{width:58px;height:58px;animation-delay:.5s;top:18px;right:-54px}@keyframes speaker-out{0%{opacity:0;transform:scale(.7)}35%{opacity:.9}to{opacity:0;transform:scale(1.15)}}.listen-phone{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:64px;right:13%}.listen-phone-body{color:#fff;width:62px;height:108px;box-shadow:var(--shadow-md);background:#111;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.listen-phone-body .material-symbols-outlined{font-variation-settings:"FILL" 1;color:var(--success);font-size:22px}.phone-eq{align-items:center;gap:4px;height:16px;display:flex}.phone-eq i{background:var(--success);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq-bounce}.phone-eq i:first-child{height:50%}.phone-eq i:nth-child(2){height:100%;animation-delay:.15s}.phone-eq i:nth-child(3){height:65%;animation-delay:.3s}.listen-phone-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.scene-live{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(260px,100%);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px;display:flex}.mini-qualify{border-left:4px solid var(--success)}.mini-battle{border-left:4px solid var(--warning);animation:battle-pop 5s var(--ease-spring) infinite}@keyframes battle-pop{0%,8%{opacity:0;transform:translateY(16px)scale(.96)}20%,to{opacity:1;transform:translateY(0)scale(1)}}.mini-check{background:var(--success-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mini-check svg{width:18px;height:18px}.check-path{stroke:var(--success);stroke-dasharray:24;stroke-dashoffset:24px;animation:check-draw 5s var(--ease-out) infinite}@keyframes check-draw{0%,25%{stroke-dashoffset:24px}45%,to{stroke-dashoffset:0}}.mini-badge{background:var(--warning-bg);width:30px;height:30px;color:var(--warning);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.mini-lines{flex-direction:column;flex:1;gap:8px;display:flex}.mini-line{background:var(--surface-active);border-radius:4px;height:8px}.mini-line.w55{width:55%}.mini-line.w60{width:60%}.mini-line.w70{width:70%}.mini-line.w80{width:80%}.mini-line.w90{width:90%}.fill-line{background:linear-gradient(90deg, var(--border-strong) 0 100%) no-repeat, var(--surface-active);animation:line-fill 5s var(--ease-out) infinite;background-size:0% 100%}.fill-line.d2{animation-delay:.3s}.fill-line.d3{animation-delay:.6s}@keyframes line-fill{0%,30%{background-size:0% 100%}60%,to{background-size:100% 100%}}.scene-install{background:0 0;flex-direction:column;gap:16px;height:auto;min-height:max(200px,min(34vh,260px));padding-top:6px;display:flex}.install-tabs{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 4px;display:flex}.install-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.install-tab .material-symbols-outlined{font-size:16px}.install-tab.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.install-steps{flex-direction:column;gap:10px;display:flex}.install-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:rise-in .45s var(--ease-out) var(--enter-delay,0s) both;align-items:center;gap:12px;padding:12px 14px;display:flex}.step-num{background:var(--accent);width:22px;height:22px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-icon{color:var(--text-secondary);flex-shrink:0;font-size:20px}.step-text{text-align:left;font-size:13.5px;line-height:1.4}.install-note{color:var(--text-tertiary);text-align:center;margin-top:2px;font-size:12px}.install-done{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.install-done .material-symbols-outlined{color:var(--success);font-variation-settings:"FILL" 1;animation:pop-in .6s var(--ease-spring) both;font-size:56px}.su-cta{text-decoration:none}.scene-signup{justify-content:center;align-items:center;display:flex}.su-browser{background:var(--surface);border:1px solid var(--border);width:200px;box-shadow:var(--shadow-md);animation:pop-in .5s var(--ease-spring) both;border-radius:10px;overflow:hidden}.su-browser-bar{background:var(--surface-elevated);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:7px 8px;display:flex}.su-dot{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.su-url{background:var(--bg);color:var(--text-tertiary);text-align:center;border-radius:4px;flex:1;margin-left:4px;padding:3px 6px;font-size:8px;font-weight:600}.su-browser-body{flex-direction:column;gap:8px;padding:14px 12px 16px;display:flex}.su-field{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;height:14px;position:relative;overflow:hidden}.su-field:after{content:"";background:var(--border-strong);width:0;animation:su-type 3.2s var(--ease-out) infinite;border-radius:2px;position:absolute;top:3px;bottom:3px;left:5px;right:auto}.su-field.f1:after{animation-delay:.3s}.su-field.f2:after{animation-delay:1s}@keyframes su-type{0%,5%{width:0}22%,72%{width:60%}84%,to{width:0}}.su-submit{background:var(--accent);height:18px;animation:su-press 3.2s var(--ease-out) 1.9s infinite;border-radius:100px;margin-top:2px;position:relative}@keyframes su-press{0%,to{transform:scale(1)}6%{transform:scale(.94)}14%{transform:scale(1)}}.su-cursor{color:var(--text);animation:su-cursor-move 3.2s var(--ease-out) 1.5s infinite;font-size:13px;position:absolute;top:10px;right:18px}@keyframes su-cursor-move{0%{opacity:0;transform:translate(6px,8px)}10%{opacity:1;transform:translate(0)}16%{transform:translate(1px,1px)}60%,to{opacity:1;transform:translate(0)}}.scene-questions{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:flex}.su-qcard{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.su-qrow{align-items:center;gap:8px;display:flex}.su-qcheck{color:var(--success);opacity:0;animation:su-check-in 4s var(--ease-spring) infinite;font-size:15px;transform:scale(.5)}.su-qrow.r1 .su-qcheck{animation-delay:.4s}.su-qrow.r2 .su-qcheck{animation-delay:1s}.su-qrow.r3 .su-qcheck{animation-delay:1.6s}@keyframes su-check-in{0%,8%{opacity:0;transform:scale(.5)}18%,80%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.5)}}.su-qline{background:var(--surface-active);border-radius:4px;height:7px}.su-qline.w75{width:75%}.su-qline.w60{width:60%}.su-qline.w85{width:85%}.su-qtype{background:var(--surface);border:1px dashed var(--border-strong);border-radius:8px;align-items:center;gap:2px;width:100%;padding:8px 10px;display:flex}.su-qline-typing{background:var(--accent-soft);width:0;height:7px;animation:su-type-q 4s var(--ease-out) 2.1s infinite;border-radius:4px}@keyframes su-type-q{0%,4%{width:0}30%,76%{width:55%}88%,to{width:0}}.su-caret{background:var(--accent);width:1.5px;height:11px;animation:1s step-end infinite su-blink}@keyframes su-blink{0%,50%{opacity:1}51%,to{opacity:0}}.scene-pdf{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.su-pdf-stack{width:52px;height:62px;position:relative}.su-pdf{background:var(--surface);border:1px solid var(--border);border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0}.su-pdf.p3{animation:su-fan-3 4s var(--ease-out) infinite;transform:rotate(-8deg)translateY(3px)}.su-pdf.p2{animation:su-fan-2 4s var(--ease-out) infinite;transform:rotate(5deg)}.su-pdf.p1{box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.su-pdf.p1 .material-symbols-outlined{color:var(--danger);font-size:24px}@keyframes su-fan-3{0%,to{transform:rotate(-8deg)translateY(3px)}40%,70%{transform:rotate(-14deg)translate(-7px,1px)}}@keyframes su-fan-2{0%,to{transform:rotate(5deg)}40%,70%{transform:rotate(11deg)translate(6px,1px)}}.su-arrow{color:var(--text-tertiary);animation:su-arrow-drop 4s var(--ease-out) infinite;display:flex}.su-arrow .material-symbols-outlined{font-size:16px}@keyframes su-arrow-drop{0%,25%{opacity:0;transform:translateY(-3px)}40%,75%{opacity:1;transform:translateY(2px)}90%,to{opacity:0;transform:translateY(-3px)}}.su-battlecard{background:var(--surface);border:1px solid var(--border);width:170px;box-shadow:var(--shadow-md);animation:su-bc-in 4s var(--ease-spring) infinite;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;display:flex}@keyframes su-bc-in{0%,45%{opacity:0;transform:translateY(8px)scale(.94)}60%,84%{opacity:1;transform:translateY(0)scale(1)}95%,to{opacity:0;transform:translateY(8px)scale(.94)}}.su-bolt{color:var(--warning);flex-shrink:0;font-size:16px}.su-bc-lines{flex-direction:column;flex:1;gap:4px;display:flex}.su-bc-line{background:var(--surface-active);transform-origin:0;height:5px;animation:su-bc-fill 4s var(--ease-out) infinite;border-radius:3px}.su-bc-line.w70{width:70%}.su-bc-line.w90{width:90%}.su-bc-line.w55{width:55%}.su-bc-line.d2{animation-delay:.12s}.su-bc-line.d3{animation-delay:.24s}@keyframes su-bc-fill{0%,55%{transform:scaleX(0)}70%,84%{transform:scaleX(1)}95%,to{transform:scaleX(0)}}.license-banner{padding:10px 16px;padding-left:calc(16px + var(--sal));padding-right:calc(16px + var(--sar));text-align:center;border-bottom:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);animation:rise-in var(--dur-med) var(--ease-out) both;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.35;display:flex}.license-banner .material-symbols-outlined{flex-shrink:0;font-size:18px}.license-banner-warn{background:var(--warning-bg);color:#92400e;border-bottom-color:rgba(245,158,11,.28)}.license-banner-danger{background:var(--danger-bg);color:var(--danger);border-bottom-color:rgba(195,0,16,.22)}.license-gate{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.license-gate-app{-webkit-filter:grayscale();filter:grayscale();opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;flex:1;min-height:0;display:flex}.license-blocked{z-index:50;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-med) var(--ease-out) both;background:rgba(255,255,255,.5);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.license-blocked-card{text-align:center;width:100%;max-width:380px;padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-med) var(--ease-spring) both;flex-direction:column;align-items:center;display:flex}.license-blocked-icon{color:var(--danger);background:var(--danger-bg);width:56px;height:56px;margin-bottom:var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.license-blocked-title{margin-bottom:8px;font-size:18px;font-weight:600}.license-blocked-detail{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:14px;line-height:1.5}.license-blocked-btn{border-radius:100px;width:100%}.license-blocked-btn .spinner{border-width:2px;border-color:rgba(255,255,255,.3);border-top-color:var(--text-inverse);width:18px;height:18px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.selectable-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#root{width:100%;height:100%}.app-container{width:100%;height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.global-branding{width:100%;padding-top:calc(var(--sat,12px) + 12px);color:var(--accent);background:var(--bg);z-index:1000;border-bottom:1px solid var(--border);flex-shrink:0;padding-bottom:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-container,.enroll-screen,.session-screen,.meeting-screen{animation:rise-in var(--dur-slow) var(--ease-out) both}.modal-overlay{animation:.4s ease-in-out forwards fade-in}.modal-content{animation:.4s ease-in-out forwards fade-in-scale}a{color:var(--text);text-decoration:underline}input,button{font-family:inherit;font-size:16px}button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
