:root{--bg-dark: hsl(222, 47%, 6%);--bg-surface: hsla(222, 40%, 11%, .7);--bg-surface-elevated: hsla(222, 38%, 15%, .85);--bg-glass: hsla(222, 35%, 18%, .45);--border-glass: hsla(220, 30%, 35%, .25);--border-glass-hover: hsla(185, 80%, 55%, .5);--primary: hsl(182, 85%, 52%);--primary-glow: hsla(182, 90%, 52%, .35);--primary-dark: hsl(182, 90%, 38%);--accent-violet: hsl(265, 85%, 68%);--accent-violet-glow: hsla(265, 85%, 68%, .3);--success: hsl(150, 75%, 50%);--success-glow: hsla(150, 75%, 50%, .25);--warning: hsl(38, 92%, 56%);--danger: hsl(350, 85%, 62%);--text-main: hsl(210, 25%, 96%);--text-muted: hsl(216, 20%, 65%);--text-faint: hsl(216, 16%, 46%);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 4px 12px hsla(222, 50%, 4%, .4);--shadow-md: 0 12px 32px hsla(222, 50%, 3%, .6);--shadow-glow: 0 0 35px var(--primary-glow);--shadow-glow-violet: 0 0 35px var(--accent-violet-glow);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--bg-input: hsla(222, 40%, 14%, .8);--btn-secondary-bg: hsla(220, 25%, 20%, .7);--btn-secondary-hover: hsla(220, 25%, 26%, .85);--heading-gradient: linear-gradient(135deg, #FFFFFF 40%, var(--primary) 100%);--brand-gradient: linear-gradient(120deg, #FFFFFF 30%, var(--primary) 100%);--bg-tabs-track: hsla(220, 25%, 15%, .7);--bg-tab-active: var(--bg-surface-elevated);--text-tab-active: #FFFFFF;--bg-session-brief: hsla(220, 25%, 12%, .6);--border-session-brief: var(--border-glass);--text-session-brief: var(--text-muted);--text-session-brief-strong: var(--text-main);--btn-glow-bg: linear-gradient(135deg, var(--primary), var(--accent-violet));--btn-glow-shadow: 0 4px 20px hsla(265, 85%, 68%, .35);--btn-glow-hover-shadow: 0 8px 30px hsla(265, 85%, 68%, .55);--btn-prep-bg: hsla(220, 25%, 16%, .7);--btn-prep-border: var(--border-glass);--btn-prep-text: var(--text-main);--btn-prep-hover-bg: hsla(265, 85%, 68%, .15);--btn-prep-hover-border: var(--accent-violet);--btn-prep-active-bg: hsla(168, 80%, 36%, .25);--btn-prep-active-border: #10b981;--btn-prep-active-text: #34d399;--btn-prep-active-glow: 0 0 16px hsla(168, 80%, 36%, .35);--tag-pill-bg: hsla(265, 85%, 68%, .16);--tag-pill-text: var(--accent-violet);--tag-pill-border: hsla(265, 85%, 68%, .3);--hook-card-bg: hsla(222, 35%, 15%, .75);--hook-card-border: var(--border-glass);--hook-card-hover-bg: hsla(222, 35%, 19%, .85);--hook-card-hover-border: hsla(185, 80%, 55%, .45);--hook-selected-bg: hsla(168, 80%, 36%, .14);--hook-selected-border: #10b981;--hook-selected-glow: 0 0 18px hsla(168, 80%, 36%, .25);--hook-selected-badge-bg: hsla(168, 80%, 36%, .22);--hook-selected-badge-text: #34d399;--takeaways-drawer-bg: hsla(222, 35%, 13%, .95);--takeaways-drawer-border: hsla(265, 85%, 68%, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-dark: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .9);--border-glass: #E2E8F0;--border-glass-hover: #CBD5E1;--primary: #0D9488;--primary-glow: rgba(13, 148, 136, .25);--primary-dark: #0F766E;--accent-violet: hsl(265, 75%, 52%);--accent-violet-glow: rgba(124, 58, 237, .2);--success: hsl(150, 75%, 36%);--success-glow: hsla(150, 75%, 45%, .2);--warning: hsl(35, 95%, 42%);--danger: hsl(350, 85%, 52%);--text-main: #0F172A;--text-muted: #475569;--text-faint: #94A3B8;--bg-input: #FFFFFF;--btn-secondary-bg: #F1F5F9;--btn-secondary-hover: #E2E8F0;--heading-gradient: linear-gradient(135deg, #0F172A 35%, var(--primary) 100%);--brand-gradient: linear-gradient(120deg, #0F172A 35%, var(--primary) 100%);--bg-tabs-track: #F1F5F9;--bg-tab-active: #FFFFFF;--text-tab-active: var(--text-main);--bg-session-brief: #F1F5F9;--border-session-brief: #E2E8F0;--text-session-brief: #334155;--text-session-brief-strong: #0F172A;--btn-glow-bg: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);--btn-glow-shadow: 0 4px 16px rgba(13, 148, 136, .35);--btn-glow-hover-shadow: 0 6px 22px rgba(13, 148, 136, .45);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 25px rgba(15, 23, 42, .07), 0 2px 6px rgba(15, 23, 42, .04);--shadow-glow: 0 0 25px var(--primary-glow);--shadow-glow-violet: 0 0 25px var(--accent-violet-glow);--btn-prep-bg: #FFFFFF;--btn-prep-border: #E2E8F0;--btn-prep-text: #1E293B;--btn-prep-hover-bg: #F8FAFC;--btn-prep-hover-border: #CBD5E1;--btn-prep-active-bg: rgba(13, 148, 136, .1);--btn-prep-active-border: #0D9488;--btn-prep-active-text: #0F766E;--btn-prep-active-glow: 0 0 14px rgba(13, 148, 136, .2);--tag-pill-bg: #F5F3FF;--tag-pill-text: #6D28D9;--tag-pill-border: #DDD6FE;--hook-card-bg: #FFFFFF;--hook-card-border: #E2E8F0;--hook-card-hover-bg: #F8FAFC;--hook-card-hover-border: #CBD5E1;--hook-selected-bg: rgba(13, 148, 136, .05);--hook-selected-border: #0D9488;--hook-selected-glow: 0 2px 14px rgba(13, 148, 136, .15);--hook-selected-badge-bg: rgba(13, 148, 136, .12);--hook-selected-badge-text: #0D9488;--takeaways-drawer-bg: #F8FAFC;--takeaways-drawer-border: #E2E8F0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#1de6ed4d;color:#fff}[data-theme=light] ::selection{background:#0d948833;color:#0f766e}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 20%,hsla(265,80%,45%,.12) 0%,transparent 45%),radial-gradient(circle at 85% 75%,hsla(182,85%,45%,.1) 0%,transparent 45%),radial-gradient(circle at 50% 50%,hsla(222,50%,8%,.8) 0%,var(--bg-dark) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}[data-theme=light] body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15% 20%,hsla(265,80%,75%,.14) 0%,transparent 45%),radial-gradient(circle at 85% 75%,hsla(182,85%,65%,.14) 0%,transparent 45%),radial-gradient(circle at 50% 50%,hsla(210,30%,98%,.85) 0%,var(--bg-dark) 100%)}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.app-header{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);margin-bottom:2.25rem;box-shadow:var(--shadow-sm)}.brand-group{display:flex;align-items:center;gap:.75rem}.brand-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent-violet));color:var(--bg-dark);box-shadow:0 0 16px var(--primary-glow)}.brand-text{display:flex;align-items:baseline;gap:.5rem}.brand-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#1de6ed1f;padding:.15rem .55rem;border-radius:var(--radius-full);border:1px solid hsla(182,85%,52%,.25)}.header-actions{display:flex;align-items:center;gap:1rem}.vad-pill{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--text-muted);background:#1d233099;padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border-glass)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 8px var(--success-glow);animation:pulse-ring 2s infinite ease-in-out}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #20df8099}70%{transform:scale(1.1);box-shadow:0 0 0 6px #20df8000}to{transform:scale(.95);box-shadow:0 0 #20df8000}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.75rem 1.4rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,hsl(182,90%,42%) 100%);color:#080c16;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-glow);filter:brightness(1.08)}.btn-glow{background:linear-gradient(135deg,var(--primary),var(--accent-violet));color:#fff;box-shadow:0 4px 20px #a268f359}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a268f38c}.btn-secondary{background:var(--btn-secondary-bg, hsla(220, 25%, 20%, .7));color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--btn-secondary-hover, hsla(220, 25%, 26%, .85));border-color:var(--border-glass-hover)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-glass)}.btn-outline:hover{color:var(--text-main);border-color:#f04c6766;background:#f04c6714}.btn-block{width:100%}.btn-sm{padding:.45rem .9rem;font-size:.85rem}.btn-lg{padding:.95rem 1.8rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-icon{background:transparent;border:1px solid var(--border-glass);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-glow)}.glass-card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:var(--shadow-md);transition:border-color var(--transition-normal)}.glass-card:hover{border-color:#50679559}.main-stage{flex:1;position:relative}.view-panel{display:none;animation:fadeIn .35s ease-out forwards}.view-panel.active{display:block}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 4px 16px #0d948840}[data-theme=light] .btn-glow{color:#fff;background:var(--btn-glow-bg);box-shadow:var(--btn-glow-shadow)}[data-theme=light] .btn-glow:hover{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:var(--btn-glow-hover-shadow);transform:translateY(-2px)}[data-theme=light] .vad-pill{background:#1dc9731f;border-color:#1dc97352;color:#0d7340}[data-theme=light] .pulse-dot{background:#12a159}[data-theme=light] .input-tabs{background:var(--bg-tabs-track);border-color:var(--border-glass)}[data-theme=light] .tab-btn{color:var(--text-muted)}[data-theme=light] .tab-btn:hover{color:var(--text-main)}[data-theme=light] .tab-btn.active{background:var(--bg-tab-active);color:var(--text-tab-active);box-shadow:0 2px 8px #0f172a14}[data-theme=light] .preset-card{background:#fff;border-color:var(--border-glass);box-shadow:0 1px 3px #0f172a08}[data-theme=light] .preset-card:hover{background:#fff;border-color:var(--border-glass-hover);box-shadow:0 4px 12px #0f172a0f}[data-theme=light] .preset-card.active{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #0d948833}[data-theme=light] .hook-item{background:#fff;border:1px solid var(--border-glass);color:#1e293b;box-shadow:0 1px 3px #0f172a08}[data-theme=light] .hook-num{background:#0d94881f;color:var(--primary-dark);border:1px solid rgba(13,148,136,.25)}[data-theme=light] .session-brief{background:var(--bg-session-brief);border:1px solid var(--border-session-brief);color:var(--text-session-brief);box-shadow:inset 0 1px 2px #0f172a08}[data-theme=light] .session-brief strong{color:var(--text-session-brief-strong)}[data-theme=light] .session-brief .brief-item{background:transparent;border:none;color:var(--text-session-brief)}[data-theme=light] .content-summary-box{background:#f8fafc;border:1px solid var(--border-glass);border-left:3px solid var(--primary)}[data-theme=light] .comparison-box{background:#f8fafc;border:1px solid var(--border-glass)}[data-theme=light] .comparison-box.target-c1{background:#0d948814;border-left-color:var(--primary)}[data-theme=light] .orb-stop-overlay{background:#fffffff2;border-color:var(--danger);color:var(--danger);box-shadow:0 4px 20px #dc262633}[data-theme=light] .stat-card{background:#fff;border-color:var(--border-glass);box-shadow:0 1px 3px #0f172a0a}[data-theme=light] .stat-val{color:var(--text-main)}[data-theme=light] .upgrade-card{background:#fff;border-color:var(--border-glass);box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .phrase-box.original{background:#ee2b4b0f;border-color:#ee2b4b33}[data-theme=light] .phrase-box.upgraded{background:#0d948814;border-color:#0d94884d}[data-theme=light] .rematch-scenario-box,[data-theme=light] .target-clue-box{background:#ffffffd9;border-color:var(--border-glass)}[data-theme=light] .modal-backdrop{background:#1d253073}[data-theme=light] .modal-card{background:#fff;box-shadow:0 20px 50px #0f172a33}[data-theme=light] .timer-circle-bg{stroke:#d2d6e0e6}[data-theme=light] .timer-number{color:var(--text-main)}[data-theme=light] .transcript-drawer{background:#ffffffeb;border-color:var(--border-glass)}[data-theme=light] .bubble.ai{background:#fff;border-color:var(--border-glass);color:var(--text-main);box-shadow:0 2px 6px #0f172a0a}[data-theme=light] .bubble.user{background:#0490951a;border-color:#04909540;color:var(--text-main)}[data-theme=light] .signal-track{background:#d5d9e2e6}[data-theme=light] .diag-env-summary,[data-theme=light] .diag-test-box,[data-theme=light] .diag-step-card{background:#fffc;border-color:var(--border-glass)}[data-theme=light] .upgrade-explanation{background:#eceff4f2;border:1px solid var(--border-glass);color:var(--text-muted)}[data-theme=light] .speech-error-banner{background:#ee2b4b1a;border-color:#ee2b4b59;color:#b30f2a}[data-theme=light] .btn-stop-agent.active-speaking{background:#ee2b4b1f;border-color:#ee2b4b80;color:#bd0f2c}input::placeholder,textarea::placeholder{color:var(--text-faint);opacity:.85}@media(max-width:768px){.app-container{padding:.85rem 1rem 2.5rem}.app-header{padding:.75rem 1rem;margin-bottom:1.5rem;gap:.75rem}.brand-group{gap:.5rem}.brand-icon{width:36px;height:36px}.brand-title{font-size:1.2rem}.brand-badge{display:none}.header-actions{gap:.5rem}.vad-pill{padding:.3rem .65rem;font-size:.75rem}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn-icon{width:34px;height:34px}.glass-card{padding:1.35rem}}@media(max-width:540px){.app-container{padding:.65rem .75rem 2rem}.app-header{padding:.65rem .85rem;border-radius:var(--radius-md)}.brand-icon{width:32px;height:32px}.brand-title{font-size:1.05rem}.header-actions{gap:.35rem}.vad-pill span:last-child{display:none}.vad-pill{padding:.35rem;border-radius:50%}#btn-open-mic-test span{font-size:0}#btn-open-mic-test span:before{content:"🎙️";font-size:.85rem}#btn-open-mic-test{padding:.35rem .55rem;min-width:34px}.glass-card{padding:1.15rem}}.dialogue-header{position:sticky;top:.75rem;z-index:30;display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface-elevated, var(--bg-surface));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1rem 1.6rem;margin-bottom:1.5rem;box-shadow:0 8px 30px #00000040;transition:all var(--transition-fast)}[data-theme=light] .dialogue-header{background:#fffffff2;box-shadow:0 4px 20px #0000000f}.dialogue-meta{display:flex;flex-direction:column;gap:.35rem}.live-indicator{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}.active-topic-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-main);max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-widget{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:#29303d99;stroke-width:6}.timer-circle-progress{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.timer-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.timer-number{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1}.timer-sub{font-size:.62rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-top:2px}.stage-container{display:grid;grid-template-columns:360px 1fr;gap:1.8rem;align-items:start;padding:0 0 2rem;position:relative;max-width:1240px;margin:0 auto;transition:all var(--transition-normal)}.stage-container.transcript-collapsed{grid-template-columns:minmax(320px,480px);justify-content:center}.stage-container.transcript-collapsed .transcript-stage-column{display:none}.tutor-stage-column{position:sticky;top:6.5rem;display:flex;flex-direction:column;align-items:center;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.6rem 1.25rem 1.5rem;box-shadow:var(--shadow-sm)}[data-theme=light] .tutor-stage-column{background:#fff}.visualizer-wrapper{position:relative;width:230px;height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.visualizer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:1}.orb-core{position:relative;width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-smooth);z-index:2}.orb-inner{width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFFFFF 0%,var(--primary) 50%,var(--accent-violet) 100%);box-shadow:0 0 40px var(--primary-glow),inset 0 0 16px #fff9;filter:blur(.5px);animation:orb-breath 4s ease-in-out infinite alternate}.orb-ring{position:absolute;border-radius:50%;border:1.5px solid hsla(182,85%,52%,.35);pointer-events:none}.ring-1{width:160px;height:160px;border-color:#1de6ed40;animation:ring-pulse 3s cubic-bezier(.2,.8,.2,1) infinite}.ring-2{width:200px;height:200px;border-color:#a268f333;animation:ring-pulse 4s cubic-bezier(.2,.8,.2,1) infinite 1s}.orb-core.speaking .orb-inner{animation:orb-speak .8s ease-in-out infinite alternate;box-shadow:0 0 70px var(--accent-violet-glow),inset 0 0 25px #fff}.orb-core.listening .orb-inner{animation:orb-listen 1.2s ease-in-out infinite alternate;box-shadow:0 0 70px var(--primary-glow),inset 0 0 25px #fff}.orb-core.thinking .orb-inner{animation:orb-spin 2s linear infinite;filter:hue-rotate(90deg)}@keyframes orb-breath{0%{transform:scale(.96);filter:brightness(.95)}to{transform:scale(1.05);filter:brightness(1.1)}}@keyframes orb-speak{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.14);filter:brightness(1.3)}to{transform:scale(.98);filter:brightness(1.05)}}@keyframes orb-listen{0%{transform:scale(.98)}to{transform:scale(1.08)}}@keyframes ring-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.06);opacity:.3}to{transform:scale(.9);opacity:.8}}.status-box{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:2.2rem;text-align:center}.voice-status-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em;min-height:2rem}.vad-timer-bar{width:240px;height:6px;background:var(--btn-secondary-bg, hsla(220, 25%, 15%, .8));border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-glass)}.vad-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-violet));border-radius:var(--radius-full);transition:width .1s linear}.recasting-hint{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--primary);background:#1de6ed1a;padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid hsla(182,85%,52%,.25);animation:fadeIn .3s ease}.controls-bar{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;gap:.9rem;margin-top:.75rem}.primary-mic-wrapper{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.btn-mic-toggle{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),hsl(182,90%,40%));color:var(--bg-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 25px var(--primary-glow);transition:all var(--transition-normal)}.btn-mic-toggle:hover{transform:scale(1.08);box-shadow:0 0 35px var(--primary-glow)}.btn-mic-toggle.muted{background:#333b4dcc;color:var(--danger);box-shadow:none;border:1px solid var(--border-glass)}.dialogue-quick-actions{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%}.dialogue-quick-actions .btn{flex:1 1 0;min-width:0;padding:.45rem .4rem;font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dialogue-quick-actions .btn svg{flex-shrink:0}.btn-stop-agent{display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-normal)}.btn-stop-agent svg{color:var(--danger);transition:transform var(--transition-fast)}.btn-stop-agent.active-speaking{background:#f04c672e;border-color:#f04c67a6;color:#ffa5b0;box-shadow:0 0 16px #f04c674d;animation:stop-btn-pulse 1.6s ease-in-out infinite}.btn-stop-agent.active-speaking:hover{background:#f04c6759;border-color:#f04c67f2;color:#fff;box-shadow:0 0 24px #f04c678c;transform:translateY(-1px)}.btn-stop-agent.active-speaking:active{transform:translateY(0)}.stage-utility-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding-top:.45rem;border-top:1px solid var(--border-glass)}.stage-utility-actions .btn{font-size:.75rem;font-weight:500;padding:.32rem .8rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}[data-theme=light] .stage-utility-actions{border-top-color:#e2e8f0}@keyframes stop-btn-pulse{0%,to{box-shadow:0 0 12px #f04c6740;border-color:#f04c6780}50%{box-shadow:0 0 22px #f04c678c;border-color:#f04c67e6}}.orb-stop-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:58px;height:58px;border-radius:50%;background:#0e1525e0;border:2px solid hsla(350,85%,62%,.8);color:var(--danger);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 0 24px #f04c6773;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease,box-shadow .2s ease,color .2s ease;z-index:10}.orb-stop-label{font-family:var(--font-heading);font-size:.6rem;font-weight:800;letter-spacing:.08em;line-height:1}.orb-core.speaking .orb-stop-overlay{opacity:.92;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:stop-btn-pulse 1.6s ease-in-out infinite}.orb-core.speaking:hover .orb-stop-overlay,.orb-stop-overlay:hover{opacity:1;background:#ee2b4bf2;border-color:#fff;color:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 35px #f04c67cc}.orb-stop-overlay:active{transform:translate(-50%,-50%) scale(.98)}.transcript-stage-column{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:calc(100vh - 160px);min-height:520px;max-height:720px;overflow:hidden;position:relative}[data-theme=light] .transcript-stage-column{background:#fff}.transcript-drawer{flex:1;width:100%;margin-top:0;background:transparent;border:none;border-radius:0;padding:1.25rem 1.25rem .5rem;min-height:0;max-height:none;overflow-y:auto;box-shadow:none;scroll-behavior:smooth;display:flex;flex-direction:column}[data-theme=light] .transcript-drawer{background:transparent;box-shadow:none}.transcript-feed-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.85rem;border-bottom:1px solid var(--border-glass);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.feed-live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:pulse 1.5s infinite}.transcript-container{display:flex;flex-direction:column;gap:1rem}.bubble{padding:.75rem 1.15rem;border-radius:var(--radius-md);font-size:.92rem;line-height:1.55;max-width:88%;animation:fadeIn .25s ease-out;position:relative}.bubble.ai{background:#222a39d9;border:1px solid var(--border-glass);color:var(--text-main);align-self:flex-start;border-bottom-left-radius:2px}[data-theme=light] .bubble.ai{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.bubble.user{background:#1de6ed1f;border:1px solid hsla(182,85%,52%,.35);color:var(--text-main);align-self:flex-end;border-bottom-right-radius:2px;display:flex;flex-direction:column;gap:.5rem}[data-theme=light] .bubble.user{background:#ecfeff;border-color:#a5f3fc;color:#083344}.bubble-recast-card{margin-top:.5rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:#a268f31f;border:1px solid hsla(265,85%,68%,.35);display:flex;flex-direction:column;gap:.4rem;animation:slideDownFade .25s ease-out}[data-theme=light] .bubble-recast-card{background:#f5f3ff;border-color:#ddd6fe}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.recast-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-violet)}.recast-diff-box{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;line-height:1.45}.recast-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.recast-label-err{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#f87171;background:#eb474726;padding:.1rem .4rem;border-radius:4px}.recast-original-text{text-decoration:line-through;color:#fca5a5;font-style:italic}[data-theme=light] .recast-original-text{color:#dc2626}.recast-label-fix{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary);background:#1de6ed26;padding:.1rem .4rem;border-radius:4px}.recast-c1-text{font-weight:700;color:var(--text-main);background:#1de6ed1a;padding:.15rem .45rem;border-radius:4px;border:1px solid hsla(182,85%,52%,.25)}[data-theme=light] .recast-c1-text{color:#0e7490;background:#cffafe;border-color:#67e8f9}.recast-explanation-text{font-size:.78rem;color:var(--text-muted);line-height:1.35;margin-top:.15rem}@media(max-width:960px){.stage-container{grid-template-columns:1fr;gap:1.5rem}.tutor-stage-column{position:static;padding:1.25rem 1rem}.transcript-stage-column{height:520px;max-height:none}}@media(max-width:640px){.dialogue-header{flex-direction:column;gap:.85rem;padding:.85rem 1rem;text-align:center}.dialogue-meta{align-items:center}.active-topic-title{font-size:1.1rem;white-space:normal}.timer-widget{width:68px;height:68px}.timer-number{font-size:.95rem}}@media(max-width:480px){.visualizer-wrapper{width:180px;height:180px;margin-bottom:.5rem}.ring-1{width:140px;height:140px}.ring-2{width:170px;height:170px}.orb-core{width:100px;height:100px}.orb-inner{width:75px;height:75px}.voice-status-text{font-size:.95rem}.vad-timer-bar{width:180px}.btn-mic-toggle{width:52px;height:52px}}.hero-header{text-align:center;max-width:800px;margin:0 auto 2.5rem}.tag-pill{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-violet);background:#a268f31f;border:1px solid hsla(265,85%,68%,.25);padding:.25rem .85rem;border-radius:var(--radius-full);margin-bottom:1rem}.hero-title{font-family:var(--font-heading);font-size:clamp(1.65rem,4.5vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:1rem;background:var(--heading-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-muted);line-height:1.6}.stepper-indicator{display:flex;align-items:center;justify-content:center;max-width:440px;margin:0 auto 2.5rem;position:relative}.stepper-step{display:flex;align-items:center;gap:.6rem;background:var(--bg-dark);padding:0 .8rem;z-index:2;transition:all var(--transition-normal)}.stepper-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-elevated);border:1px solid var(--border-glass);color:var(--text-faint);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:all var(--transition-normal)}.stepper-label{font-size:.85rem;font-weight:600;color:var(--text-faint);transition:all var(--transition-normal)}.stepper-step.active .stepper-dot{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 14px var(--primary-glow)}.stepper-step.active .stepper-label{color:var(--text-main)}.stepper-line{flex:1;height:2px;background:var(--border-glass);position:relative;margin:0 -.5rem;z-index:1}.stepper-line-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--primary);transition:width .35s cubic-bezier(.16,1,.3,1)}.stepper-indicator.step-2-active .stepper-line-fill{width:100%}.ingestion-grid{width:100%;max-width:720px;margin:0 auto}.ingestion-grid.step-1-active #input-card{display:block;animation:stepFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.ingestion-grid.step-1-active #preview-card,.ingestion-grid.step-2-active #input-card{display:none!important}.ingestion-grid.step-2-active #preview-card{display:block!important;animation:stepFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.card-header-main{display:flex;align-items:center;gap:1rem}.btn-back-step{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:var(--radius-sm);background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-back-step:hover{background:var(--btn-secondary-hover);color:var(--text-main);border-color:var(--border-glass-hover)}.step-num{width:34px;height:34px;border-radius:50%;background:#1de6ed26;color:var(--primary);border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.card-header h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-main)}.card-header p{font-size:.85rem;color:var(--text-muted)}.input-tabs{display:flex;background:var(--bg-tabs-track);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);margin-bottom:1.25rem}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:.85rem;padding:.55rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tab-btn.active{background:var(--bg-tab-active);color:var(--text-tab-active);box-shadow:0 2px 8px #00000026}.tab-pane{display:none}.tab-pane.active{display:block}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.45rem}input[type=text],input[type=url],input[type=password],textarea,select{width:100%;background:var(--bg-input, hsla(222, 40%, 14%, .8));border:1px solid var(--border-glass);color:var(--text-main);font-family:var(--font-body);font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal)}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none;z-index:2}.input-with-icon input,.input-with-icon input[type=text],.input-with-icon input[type=url]{padding-left:2.75rem!important;padding-right:2.5rem!important}.btn-clear-input{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-faint);padding:.2rem .45rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all var(--transition-fast);z-index:3}.btn-clear-input:hover{color:var(--danger);background:#f04c6726}.btn-clear-input.hidden{display:none!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea{resize:vertical}.voice-selector-row{display:flex;gap:.5rem;align-items:stretch}.voice-selector-row .voice-select{flex:1;min-width:0}.btn-voice-preview{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid var(--primary);background:transparent;color:var(--primary);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.btn-voice-preview:hover{background:var(--primary);color:#000;box-shadow:0 0 12px var(--primary-glow)}.btn-voice-preview.is-speaking{background:var(--primary);color:#000;animation:pulse-preview 1s ease-in-out infinite}.btn-voice-preview .preview-icon{font-size:.75rem;transition:transform var(--transition-fast)}.btn-voice-preview.is-speaking .preview-icon{content:"■"}@keyframes pulse-preview{0%,to{box-shadow:0 0 6px var(--primary-glow)}50%{box-shadow:0 0 18px var(--primary-glow)}}.voice-preview-status{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;min-height:1.2em;transition:opacity var(--transition-fast)}.voice-preview-status.hidden{display:none}.voice-preview-status.speaking{color:var(--primary)}.presets-section{margin:1.25rem 0 1.5rem}.section-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.presets-grid{display:flex;flex-direction:column;gap:.65rem}.preset-card{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;background:#1d233099;border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-card:hover{background:#262f40d9;border-color:var(--border-glass-hover);transform:translate(4px)}.preset-card.active{border-color:var(--primary);background:#1de6ed14}.preset-icon{font-size:1.35rem}.preset-info{flex:1}.preset-title{font-weight:600;font-size:.9rem;color:var(--text-main)}.preset-meta{font-size:.75rem;color:var(--text-muted)}.state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.empty-art{margin-bottom:1rem;color:var(--text-faint)}.content-summary-box{background:#19202e99;border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem;border-left:3px solid var(--primary)}.summary-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.05em;margin-bottom:.35rem}.preview-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:.45rem}.preview-summary{font-size:.85rem;color:var(--text-muted);line-height:1.5}.prep-primer-container{margin-top:1rem;padding-top:.85rem;border-top:1px dashed var(--border-glass)}.prep-actions-row{display:flex;gap:.6rem;flex-wrap:wrap}.btn-prep-action{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--btn-prep-border);background:var(--btn-prep-bg);color:var(--btn-prep-text);box-shadow:0 1px 3px #0000000a;transition:all var(--transition-normal)}.btn-prep-action:hover{background:var(--btn-prep-hover-bg);border-color:var(--btn-prep-hover-border);color:var(--text-main);transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.btn-prep-action.active-playing{background:var(--btn-prep-active-bg);border-color:var(--btn-prep-active-border);color:var(--btn-prep-active-text);box-shadow:var(--btn-prep-active-glow)}.briefing-audio-status{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem .85rem;background:var(--btn-prep-active-bg);border:1px solid var(--btn-prep-active-border);border-radius:var(--radius-sm);font-size:.78rem;color:var(--btn-prep-active-text)}.audio-wave-anim{display:flex;align-items:center;gap:3px;height:14px}.audio-wave-anim span{width:3px;height:100%;background-color:var(--btn-prep-active-text);border-radius:3px;animation:waveBar 1s ease-in-out infinite alternate}.audio-wave-anim span:nth-child(2){animation-delay:.15s}.audio-wave-anim span:nth-child(3){animation-delay:.3s}.audio-wave-anim span:nth-child(4){animation-delay:.45s}.audio-wave-anim span:nth-child(5){animation-delay:.6s}@keyframes waveBar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.briefing-takeaways-drawer{margin-top:.85rem;padding:.95rem 1.15rem;background:var(--takeaways-drawer-bg);border:1px solid var(--takeaways-drawer-border);border-radius:var(--radius-md);box-shadow:0 4px 15px #0000000a;animation:fadeIn .25s ease}.takeaways-heading{display:flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-violet);margin-bottom:.55rem}.takeaways-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem;color:var(--text-main);line-height:1.45}.takeaways-list strong{color:var(--text-bright, var(--text-main))}.hooks-section-header{margin-top:1.5rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.2rem}.hooks-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.hooks-sublabel{font-size:.78rem;color:var(--text-faint)}.hooks-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hook-item{display:flex;align-items:flex-start;gap:.85rem;background:var(--hook-card-bg);border:1px solid var(--hook-card-border);padding:.95rem 1.15rem;border-radius:var(--radius-md);font-size:.88rem;line-height:1.45;color:var(--text-main);box-shadow:0 1px 3px #00000005}.hook-item.selectable{cursor:pointer;position:relative;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.hook-item.selectable:hover{border-color:var(--hook-card-hover-border);background:var(--hook-card-hover-bg);transform:translateY(-1.5px);box-shadow:0 4px 14px #0000000f}.hook-item.selectable.selected{border-color:var(--hook-selected-border);background:var(--hook-selected-bg);box-shadow:var(--hook-selected-glow)}.hook-content-body{display:flex;flex-direction:column;gap:.35rem;flex:1}.hook-top-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hook-badge-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:6px;background:var(--tag-pill-bg);color:var(--tag-pill-text);border:1px solid var(--tag-pill-border);display:inline-block}.hook-selected-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;background:var(--hook-selected-badge-bg);color:var(--hook-selected-badge-text);text-transform:uppercase;letter-spacing:.04em}.hook-question-text{font-size:.88rem;line-height:1.45;color:var(--text-main)}.hook-item.selectable.selected .hook-question-text{color:var(--text-main);font-weight:600}.hook-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--tag-pill-bg);color:var(--tag-pill-text);border:1px solid var(--tag-pill-border);font-weight:700;font-size:.75rem;flex-shrink:0;margin-top:2px;transition:all var(--transition-normal)}.hook-item.selectable.selected .hook-num{background:var(--hook-selected-border);border-color:var(--hook-selected-border);color:#fff}.session-brief{display:flex;justify-content:space-around;background:var(--bg-session-brief, hsla(220, 25%, 12%, .6));border:1px solid var(--border-session-brief, var(--border-glass));padding:.85rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.8rem;color:var(--text-session-brief, var(--text-muted))}.session-brief strong{color:var(--text-session-brief-strong, var(--text-main))}.brief-item{display:flex;align-items:center;gap:.4rem}@media(max-width:640px){.session-brief{flex-direction:column;gap:.5rem;padding:.75rem .85rem}}.agenda-actions-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.btn-agenda-drill{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--surface-translucent, hsla(220, 25%, 15%, .7));border:1px solid var(--border-glass, hsla(220, 20%, 30%, .4));color:var(--text-main);padding:.85rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-agenda-drill:hover{background:#a268f326;border-color:var(--accent-violet, #8b5cf6);color:#fff;transform:translateY(-1px)}.btn-agenda-drill .drill-btn-icon{font-size:1.1rem}.diagnostic-banner{text-align:center;max-width:800px;margin:0 auto 2.25rem}.banner-badge{display:inline-block;font-size:.85rem;font-weight:700;color:var(--success);background:#20df801f;border:1px solid hsla(150,75%,50%,.25);padding:.3rem .95rem;border-radius:var(--radius-full);margin-bottom:.75rem}.banner-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.banner-subtitle{font-size:1rem;color:var(--text-muted)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:850px;margin:0 auto 2.5rem}@media(max-width:680px){.stats-row{grid-template-columns:1fr}}.stat-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.25rem;text-align:center;box-shadow:var(--shadow-sm)}.stat-icon{font-size:1.5rem}.stat-val{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-main);margin:.25rem 0}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.upgrades-container{max-width:880px;margin:0 auto 2.5rem}.container-header{margin-bottom:1.25rem}.container-header h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-main)}.container-header p{font-size:.85rem;color:var(--text-muted)}.upgrades-list{display:flex;flex-direction:column;gap:1.25rem}.upgrade-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.upgrade-card:hover{transform:translateY(-2px);border-color:var(--border-glass-hover)}.card-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}@media(max-width:640px){.card-comparison-grid{grid-template-columns:1fr}}.comparison-box{background:#19202e99;border-radius:var(--radius-md);padding:1rem;border-left:3px solid var(--border-glass)}.comparison-box.target-c1{background:#1de6ed0f;border-left-color:var(--primary)}.comparison-label{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.45rem}.comparison-box.target-c1 .comparison-label{color:var(--primary)}.comparison-quote{font-size:.98rem;line-height:1.45;color:var(--text-main)}.comparison-box.original .comparison-quote{color:var(--text-muted)}.active-topic-hud{padding:.85rem 1.25rem;background:var(--bg-surface-elevated, hsla(222, 38%, 15%, .85));border-bottom:1px solid var(--border-glass);display:flex;flex-direction:column;gap:.45rem;z-index:10;box-shadow:0 2px 8px #0000000a}[data-theme=light] .active-topic-hud{background:#f8fafc;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0f172a0a}.topic-hud-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topic-hud-badge-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.topic-hud-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .55rem;border-radius:var(--radius-full);background:var(--tag-pill-bg);color:var(--tag-pill-text);border:1px solid var(--tag-pill-border)}.topic-hud-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.18rem .55rem;border-radius:var(--radius-full);background:var(--hook-selected-badge-bg);color:var(--hook-selected-badge-text)}.topic-hud-actions{display:flex;align-items:center;gap:.45rem}.btn-hud-action{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border-glass);background:var(--btn-prep-bg);color:var(--btn-prep-text);transition:all var(--transition-normal)}.btn-hud-action:hover{background:var(--btn-prep-hover-bg);border-color:var(--btn-prep-hover-border);color:var(--text-main);transform:translateY(-1px)}.topic-pivot-stepper{display:flex;align-items:center;gap:.25rem}.btn-hud-nav{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border-glass);background:var(--btn-prep-bg);color:var(--btn-prep-text);transition:all var(--transition-normal)}.btn-hud-nav:hover{background:var(--btn-prep-hover-bg);border-color:var(--primary);color:var(--text-main)}.btn-hud-next{padding:.3rem .75rem;background:var(--primary);border-color:var(--primary);color:#fff}.btn-hud-next:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}[data-theme=light] .btn-hud-next{background:#0d9488;border-color:#0d9488;color:#fff}[data-theme=light] .btn-hud-next:hover{background:#0f766e;border-color:#0f766e}.next-label{font-size:.72rem;letter-spacing:.02em}.topic-hud-body{display:flex;flex-direction:column;gap:.2rem}.hud-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase}.hud-question-text{font-size:.88rem;font-weight:600;line-height:1.45;color:var(--text-main);margin:0}.cheat-sheet-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;background:#0a0f1da6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:flex-end;animation:fadeInBackdrop .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.cheat-sheet-panel{width:460px;max-width:92vw;height:100vh;height:100dvh;background:var(--bg-surface-elevated, #0B101B);border-left:1px solid var(--border-glass, rgba(255, 255, 255, .08));box-shadow:-14px 0 45px #00000073;display:flex;flex-direction:column;animation:slideDrawer .26s cubic-bezier(.16,1,.3,1);overflow:hidden}[data-theme=light] .cheat-sheet-panel{background:#fff;border-left:1px solid #E2E8F0;box-shadow:-12px 0 35px #0f172a1f}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.cheat-sheet-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-glass, rgba(255, 255, 255, .08));display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--bg-surface-elevated, #0B101B);flex-shrink:0}[data-theme=light] .cheat-sheet-header{background:#fff;border-bottom:1px solid #E2E8F0}.cheat-sheet-title-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.cheat-sheet-badge-row{display:flex;align-items:center;gap:.5rem}.cheat-sheet-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--primary);text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem}.cheat-sheet-topic-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cheat-sheet-subtitle{font-size:.76rem;color:var(--text-muted);line-height:1.35;margin:0}.btn-close-drawer{background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-glass, rgba(255, 255, 255, .08));color:var(--text-muted);cursor:pointer;padding:.45rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-top:.1rem}.btn-close-drawer:hover{color:var(--text-main);background:var(--primary-glow, rgba(20, 184, 166, .15));border-color:var(--primary);transform:scale(1.05)}.cheat-sheet-body{padding:1.25rem 1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.4rem;flex:1}.cheat-sheet-body::-webkit-scrollbar{width:6px}.cheat-sheet-body::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:4px}.cheat-sheet-section{display:flex;flex-direction:column;gap:.55rem}.cheat-sheet-section-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.2rem}.cheat-sheet-section-title{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:.45rem}.cheat-sheet-section-title svg{color:var(--primary);flex-shrink:0}.cheat-sheet-section-hint{font-size:.7rem;color:var(--text-muted)}.cheat-sheet-thesis-card{padding:.95rem 1.15rem;border-radius:var(--radius-md);background:var(--bg-surface, hsla(222, 40%, 14%, .6));border:1px solid var(--border-glass, rgba(255, 255, 255, .08));border-left:3px solid var(--primary);box-shadow:var(--shadow-sm)}[data-theme=light] .cheat-sheet-thesis-card{background:#f8fafc;border:1px solid #E2E8F0;border-left:3px solid var(--primary)}.cheat-sheet-thesis-text{font-size:.88rem;line-height:1.55;color:var(--text-main);margin:0}.cheat-sheet-takeaways-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.cheat-sheet-takeaways-list li{padding:.75rem .95rem;border-radius:var(--radius-sm);background:var(--bg-surface, hsla(222, 40%, 14%, .4));border:1px solid var(--border-glass, rgba(255, 255, 255, .08));font-size:.85rem;color:var(--text-main);line-height:1.5;display:flex;gap:.6rem;align-items:flex-start;transition:all var(--transition-fast)}[data-theme=light] .cheat-sheet-takeaways-list li{background:#f8fafc;border:1px solid #E2E8F0}.cheat-sheet-takeaways-list li:before{content:"✦";color:var(--primary);font-size:.78rem;line-height:1.4;flex-shrink:0}.cheat-sheet-takeaways-list strong{color:var(--text-bright, var(--text-main));font-weight:700}.cheat-sheet-hooks-list{display:flex;flex-direction:column;gap:.75rem}.cheat-sheet-hook-card{padding:.95rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--hook-card-border, rgba(255, 255, 255, .08));background:var(--hook-card-bg, rgba(255, 255, 255, .03));transition:all var(--transition-normal);display:flex;flex-direction:column;gap:.55rem;position:relative}.cheat-sheet-hook-card.clickable-hook{cursor:pointer}.cheat-sheet-hook-card.clickable-hook:hover{border-color:var(--primary);background:var(--hook-card-hover-bg, rgba(255, 255, 255, .06));transform:translateY(-2px);box-shadow:0 6px 20px #00000040}[data-theme=light] .cheat-sheet-hook-card.clickable-hook:hover{box-shadow:0 6px 20px #0f172a14}.cheat-sheet-hook-card.active-hook{border-color:var(--primary);background:var(--primary-glow, hsla(168, 80%, 40%, .08));box-shadow:0 0 0 1px var(--primary)}[data-theme=light] .cheat-sheet-hook-card.active-hook{background:#f0fdfa;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.cheat-sheet-hook-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cheat-sheet-hook-top .hook-badge-tag{font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.2rem .6rem;border-radius:var(--radius-full);background:#a268f324;color:#a855f7;border:1px solid hsla(265,85%,68%,.25)}[data-theme=light] .cheat-sheet-hook-top .hook-badge-tag{background:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.cheat-sheet-hook-top .hook-selected-badge{font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--radius-full);background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.3)}[data-theme=light] .cheat-sheet-hook-top .hook-selected-badge{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.btn-pivot-hint{font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .7rem;border-radius:var(--radius-full);background:var(--bg-surface, rgba(255, 255, 255, .05));color:var(--primary);border:1px solid var(--border-glass, rgba(255, 255, 255, .12));transition:all var(--transition-fast)}.cheat-sheet-hook-card.clickable-hook:hover .btn-pivot-hint{background:var(--primary);color:#fff;border-color:var(--primary)}.cheat-sheet-hook-text{font-size:.86rem;line-height:1.5;color:var(--text-main);margin:0}.btn-listen-phrase{background:transparent;border:none;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .45rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-listen-phrase:hover{background:#1de6ed26}.upgrade-actions-row{display:inline-flex;align-items:center;gap:.4rem}.btn-bookmark-phrase{background:transparent;border:1px solid var(--border-glass, hsla(220, 20%, 30%, .4));color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-bookmark-phrase:hover{background:#f9c31f1f;border-color:#f9c31f66;color:var(--accent-amber, #f59e0b)}.btn-bookmark-phrase.is-saved{background:#f9c31f2e;border-color:#f9c31f99;color:var(--accent-amber, #f59e0b)}.upgrade-explanation{background:#171c26b3;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted);line-height:1.45}.explanation-title{font-weight:600;color:var(--accent-violet);margin-right:.35rem}.diagnostic-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;max-width:500px;margin:2rem auto 0}.rematch-card{max-width:680px;margin:1.5rem auto 0;text-align:center}.rematch-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.btn-exit-rematch{background:transparent;border:1px solid var(--border-glass, hsla(220, 20%, 30%, .4));color:var(--text-muted);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.btn-exit-rematch:hover{background:#e2363626;border-color:#e2363666;color:#ff8585}.rematch-pill{display:inline-block;font-size:.75rem;font-weight:700;color:var(--accent-violet);background:#a268f31f;border:1px solid hsla(265,85%,68%,.25);padding:.25rem .75rem;border-radius:var(--radius-full)}.rematch-header h2{font-family:var(--font-heading);font-size:1.85rem;font-weight:800;color:var(--text-main);margin-bottom:.4rem}.rematch-header p{font-size:.95rem;color:var(--text-muted)}.rematch-stage{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.rematch-scenario-box{background:#1b2232b3;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.4rem;width:100%}.scenario-badge{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.scenario-text{font-size:1.1rem;color:var(--text-main);line-height:1.5;margin-bottom:1rem;font-style:italic}.btn-icon-pill{display:inline-flex;align-items:center;gap:.45rem;background:#1de6ed1a;border:1px solid hsla(182,85%,52%,.25);color:var(--primary);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-icon-pill:hover{background:#1de6ed33}.target-clue-box{display:flex;align-items:center;gap:.65rem;background:#a268f314;border:1px dashed hsla(265,85%,68%,.3);padding:.6rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem}.clue-label{font-weight:600;color:var(--accent-violet)}.clue-val{color:var(--text-main);font-weight:500}.rematch-response-area{display:flex;flex-direction:column;align-items:center;gap:.75rem}.btn-voice-trigger{position:relative;width:76px;height:76px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-violet),hsl(265,85%,52%));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 30px var(--accent-violet-glow);transition:transform var(--transition-fast)}.btn-voice-trigger:hover{transform:scale(1.08)}.btn-voice-trigger.listening{background:linear-gradient(135deg,var(--primary),var(--accent-violet));animation:pulse-ring 1.5s infinite}.rematch-speak-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.rematch-user-echo{min-height:1.5rem;font-size:.95rem;color:var(--primary);font-style:italic}.affirmation-banner{display:flex;align-items:center;gap:.85rem;background:#20df8026;border:1px solid var(--success);border-radius:var(--radius-md);padding:1rem 1.4rem;width:100%;animation:fadeIn .3s ease;text-align:left}.affirmation-icon{font-size:1.8rem}.affirmation-text strong{display:block;font-size:1.05rem;color:var(--success)}.affirmation-text p{font-size:.85rem;color:var(--text-main)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#05080fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.modal-card{width:100%;max-width:480px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-main)}.modal-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.25rem}.modal-footer{margin-top:1.5rem}.speech-error-banner{margin-bottom:.75rem;padding:.65rem 1rem;border-radius:var(--radius-md);background:#df202026;border:1px solid var(--danger);color:#ffa4a4;font-size:.85rem;text-align:center;animation:fadeIn .3s ease;max-width:480px;line-height:1.4}.live-speech-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;background:#1de6ed14;border:1px solid hsla(182,85%,52%,.3);border-radius:var(--radius-full);font-size:.9rem;color:var(--text-main);animation:fadeIn .2s ease;max-width:520px;box-shadow:0 0 15px #1de6ed1a}.preview-mic-indicator{font-size:.85rem;color:var(--primary);font-weight:600;white-space:nowrap}.live-speech-text{color:var(--text-main);font-weight:500;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-fallback-form{display:flex;align-items:center;gap:.65rem;width:100%;max-width:100%;box-sizing:border-box;padding:.85rem 1.25rem .95rem;margin-top:auto;border-top:1px solid var(--border-glass);background:var(--bg-surface-elevated, hsla(222, 38%, 15%, .7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}[data-theme=light] .chat-fallback-form{background:#f8fafc;border-top:1px solid #e2e8f0}.chat-fallback-input{flex:1;min-width:0;padding:.68rem 1.15rem;font-size:.9rem;font-family:inherit;border-radius:var(--radius-full);background:#171c26d9;border:1px solid var(--border-glass);color:var(--text-main);transition:all var(--transition-fast)}[data-theme=light] .chat-fallback-input{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a}.chat-fallback-input::placeholder{color:var(--text-faint);font-size:.88rem}[data-theme=light] .chat-fallback-input::placeholder{color:#94a3b8}.chat-fallback-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}[data-theme=light] .chat-fallback-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d948833;background:#fff}.chat-fallback-send{flex-shrink:0;border-radius:var(--radius-full);padding:.65rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;font-size:.85rem;cursor:pointer;background:linear-gradient(135deg,var(--primary),hsl(182,90%,40%));color:var(--bg-dark);border:none;box-shadow:0 2px 10px var(--primary-glow);transition:all var(--transition-fast)}.chat-fallback-send:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow);filter:brightness(1.08)}.chat-fallback-send:active{transform:translateY(0)}[data-theme=light] .chat-fallback-send{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 10px #0d948840}[data-theme=light] .chat-fallback-send:hover{box-shadow:0 4px 16px #0d948859}.mic-signal-bar-wrap{display:flex;align-items:center;gap:.65rem;margin:.4rem auto;padding:.35rem .85rem;background:#13172099;border:1px solid var(--border-glass);border-radius:var(--radius-full);width:fit-content;max-width:90%;font-size:.78rem}.signal-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.signal-track{width:110px;height:6px;background:#29303dcc;border-radius:var(--radius-full);overflow:hidden;position:relative}.signal-fill{height:100%;width:0%;background:linear-gradient(90deg,#10b981,#06b6d4,#f59e0b);border-radius:var(--radius-full);transition:width .08s ease-out}.signal-status{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.signal-status.active{color:#10b981;font-weight:600}.mic-diag-card{max-width:540px;max-height:85vh;overflow-y:auto}.diag-env-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;background:#171c2699;border-radius:var(--radius-md);border:1px solid var(--border-glass);font-size:.82rem}.diag-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:var(--radius-sm);background:#222a39cc;border:1px solid var(--border-glass);color:var(--text-main)}.diag-badge.ok{border-color:var(--success);color:#6ee7b7}.diag-badge.warn{border-color:var(--warning);color:#fcd34d}.diag-test-box{padding:1rem;background:#171c2680;border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:1rem}.diag-section-title{display:block;font-weight:600;font-size:.9rem;color:var(--text-main);margin-bottom:.25rem}.diag-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.diag-track{width:100%;height:10px;margin-bottom:.5rem}.diag-status-badge{font-size:.8rem;color:var(--text-muted);font-style:italic}.diag-stt-result{margin-top:.75rem;padding:.75rem;border-radius:var(--radius-md);background:#0e121be6;border:1px solid var(--border-glass);font-size:.85rem;line-height:1.4}.diag-instructions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-glass)}.diag-instructions h4{font-size:.9rem;color:var(--primary);margin-bottom:.75rem}.diag-step-card{padding:.65rem .85rem;background:#151a2399;border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:.8rem;line-height:1.45}.diag-step-card strong{color:var(--text-main);display:block;margin-bottom:.15rem}.diag-step-card code{background:#262f40cc;padding:.1rem .35rem;border-radius:var(--radius-sm);color:var(--primary)}.auth-user-container{position:relative;display:flex;align-items:center}.btn-auth-trigger{font-weight:600;padding:.45rem .95rem;font-size:.85rem;border-radius:var(--radius-full)}.btn-user-avatar{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease}.btn-user-avatar:hover{transform:scale(1.05);box-shadow:0 0 12px #1de6ed59}.avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-violet));color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-glass)}.avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;padding:.75rem;border-radius:var(--radius-md);z-index:1050;background:var(--bg-surface-elevated, #1a2234);border:1px solid var(--border-glass);box-shadow:0 16px 36px #00000073;animation:dropdownFadeIn .18s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;flex-direction:column;padding:.25rem .5rem .5rem}.user-name{font-weight:700;font-size:.9rem;color:var(--text-main)}.user-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:var(--border-glass);margin:.45rem 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-main);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.dropdown-item:hover{background:#1de6ed1f;color:var(--primary)}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#eb47471f;color:#dc2626}[data-theme=light] .user-dropdown{background:#fff;border-color:#cbd5e1;box-shadow:0 16px 36px #0f172a24,0 4px 12px #0f172a0f}[data-theme=light] .user-dropdown-header .user-name{color:#0f172a}[data-theme=light] .user-dropdown-header .user-email{color:#64748b}[data-theme=light] .user-dropdown-divider{background:#e2e8f0}[data-theme=light] .dropdown-item{color:#1e293b}[data-theme=light] .dropdown-item:hover{background:#f1f5f9;color:#0891b2}[data-theme=light] .dropdown-item.text-danger{color:#ef4444}[data-theme=light] .dropdown-item.text-danger:hover{background:#fef2f2;color:#b91c1c}.auth-modal-card{max-width:440px}.auth-modal-title-group{display:flex;align-items:center;gap:.85rem}.auth-icon-badge{width:40px;height:40px;border-radius:50%;background:#a268f326;border:1px solid hsla(265,85%,68%,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.auth-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:.2rem;line-height:1.35}.auth-modal-body{padding:1.5rem 1.5rem 2rem}.btn-google{background:#fff;color:#1f1f1f;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600;font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 1px 3px #0000001f;transition:all .2s ease}.btn-google:hover{background:#f8f9fa;box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--text-muted);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-glass)}.auth-divider span{padding:0 .75rem}.magic-link-form{display:flex;flex-direction:column;gap:1rem}.auth-status-msg{margin-top:1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.4}.auth-status-msg.info{background:#1980e626;border:1px solid hsla(210,80%,50%,.3);color:#70b8ff}.auth-status-msg.success{background:#22c35826;border:1px solid hsla(140,70%,45%,.3);color:#55e69e}.auth-status-msg.error{background:#e8303026;border:1px solid hsla(0,80%,55%,.3);color:#ff7070}.user-cloud-banner{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.75rem;padding:.45rem 1rem;border-radius:var(--radius-full);background:#1de6ed14;border:1px solid hsla(182,85%,52%,.25);font-size:.85rem;color:var(--text-main)}.btn-link-sm{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.saved-topics-modal-card{max-width:680px}.saved-topics-grid{display:flex;flex-direction:column;gap:.85rem;max-height:55vh;overflow-y:auto;padding-right:.5rem}.saved-topic-card{padding:1.1rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,border-color .2s ease}.saved-topic-card:hover{transform:translateY(-2px);border-color:var(--primary)}.saved-topic-header{display:flex;justify-content:space-between;align-items:center}.saved-topic-header h4{font-size:1rem;font-weight:700;color:var(--text-main);margin:0}.saved-topic-date{font-size:.75rem;color:var(--text-muted)}.saved-topic-summary{font-size:.85rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-topic-hooks-count{font-size:.75rem;font-weight:600;color:var(--accent-violet)}.btn-load-saved-topic{align-self:flex-start;margin-top:.25rem}.saved-topics-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-glass)}.saved-topics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.badge-count{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);background:#1de6ed26;color:var(--primary);border:1px solid var(--primary)}.saved-topics-container{display:flex;flex-direction:column;gap:.6rem;max-height:240px;overflow-y:auto;padding-right:.25rem}.saved-preset-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast);position:relative}.saved-preset-card:hover{background:var(--bg-surface-elevated);border-color:var(--primary);transform:translateY(-1px)}.saved-preset-card.active{border-color:var(--primary);background:#1de6ed14;box-shadow:0 0 0 1px var(--primary)}.saved-preset-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.saved-preset-icon{font-size:1.3rem;flex-shrink:0}.saved-preset-details{min-width:0;flex:1}.saved-preset-title{font-size:.88rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-preset-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.6rem;margin-top:.15rem}.btn-delete-saved-topic{background:transparent;border:none;color:var(--text-faint);padding:.4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-left:.5rem;flex-shrink:0}.btn-delete-saved-topic:hover{color:var(--danger);background:#f04c6726}.saved-empty-hint{padding:1rem;text-align:center;border:1px dashed var(--border-glass);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;line-height:1.4;background:#151e3233}.summary-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.save-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--success, #10b981);background:#20df801f;border:1px solid hsla(150,75%,50%,.25);padding:.2rem .55rem;border-radius:var(--radius-full)}.stat-card-interactive{cursor:pointer;transition:all var(--transition-normal);position:relative}.stat-card-interactive:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow)}.btn-stat-info{background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:0 .2rem;opacity:.75;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;margin-left:.3rem}.btn-stat-info:hover{opacity:1;transform:scale(1.15)}.metric-explainer-modal{max-width:620px;width:90%;animation:modalFadeIn .25s ease-out}.explainer-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-glass);padding-bottom:.75rem;margin-bottom:1.25rem}.explainer-tab-btn{background:transparent;border:1px solid var(--border-glass);color:var(--text-muted);font-size:.88rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.explainer-tab-btn:hover{color:var(--text-main);border-color:var(--text-faint)}.explainer-tab-btn.active{background:#1de6ed26;border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #1de6ed33}[data-theme=light] .explainer-tab-btn.active{background:#ecfeff;border-color:#0d9488;color:#0f766e}.explainer-highlight-box{background:#1d233099;border:1px solid var(--border-glass);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:1rem 1.15rem;margin-bottom:1.2rem}[data-theme=light] .explainer-highlight-box{background:#f8fafc;border-color:#e2e8f0;border-left-color:#0d9488}.explainer-highlight-box h4{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:.4rem}.explainer-highlight-box p{font-size:.86rem;color:var(--text-muted);line-height:1.5;margin:0}.explainer-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.2rem}@media(max-width:580px){.explainer-cards-grid{grid-template-columns:1fr}}.explainer-feature-card{background:#171c2699;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.9rem}[data-theme=light] .explainer-feature-card{background:#fff;border-color:#e2e8f0;box-shadow:var(--shadow-sm)}.explainer-feature-card p,.explainer-feature-card ul{font-size:.82rem;color:var(--text-muted);line-height:1.45;margin:.5rem 0 0}.explainer-feature-card ul{padding-left:1.2rem}.explainer-feature-card li{margin-bottom:.25rem}.feature-badge{font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);display:inline-block}.feature-badge.detected{color:#38bdf8;background:#1fb1f926;border:1px solid hsla(200,95%,55%,.3)}.feature-badge.curated{color:#fbbf24;background:#f9c31f26;border:1px solid hsla(45,95%,55%,.3)}.feature-badge.flow-what{color:#34d399;background:#20df8026;border:1px solid hsla(150,75%,50%,.3)}.feature-badge.flow-not{color:#f87171;background:#eb474726;border:1px solid hsla(0,80%,60%,.3)}.explainer-note{font-size:.82rem;color:var(--text-muted);background:#a268f31a;border:1px solid hsla(265,85%,68%,.25);border-radius:var(--radius-md);padding:.75rem 1rem;line-height:1.45}.badge-curated-model{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;color:#d97706;background:#f9b11f26;border:1px solid hsla(40,95%,55%,.35);padding:.15rem .5rem;border-radius:var(--radius-full)}[data-theme=light] .badge-curated-model{color:#b45309;background:#fef3c7;border-color:#fde68a}.badge-detected-phrase{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;color:var(--primary);background:#1de6ed26;border:1px solid hsla(182,85%,52%,.35);padding:.15rem .5rem;border-radius:var(--radius-full)}.badge-c1-native{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;color:var(--accent-violet);background:#a268f326;border:1px solid hsla(265,85%,68%,.35);padding:.15rem .5rem;border-radius:var(--radius-full)}.comparison-box.is-curated-box{border-left:3px solid #f59e0b}[data-theme=light] .comparison-box.is-curated-box{background:#fffbeb;border-color:#fef3c7;border-left-color:#f59e0b}.btn-nav-vitrine{background:#1de6ed1f;border-color:#1de6ed59;color:var(--primary);font-weight:600}.btn-nav-vitrine:hover{background:#1de6ed38;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}[data-theme=light] .btn-nav-vitrine{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}[data-theme=light] .btn-nav-vitrine:hover{background:#cffafe;border-color:#0891b2;color:#083344}#view-showcase{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 4rem;width:100%}.showcase-banner{margin-bottom:2rem}.showcase-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.showcase-badge-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.showcase-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-main) 30%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-subtitle{color:var(--text-muted);font-size:1rem;max-width:680px;line-height:1.5}.showcase-banner-actions{display:flex;align-items:center;gap:.75rem}.showcase-filter-bar{padding:.6rem 1rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1rem}.showcase-search-box{position:relative;display:flex;align-items:center;width:100%}.showcase-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2;width:18px;height:18px}.showcase-search-input,input.showcase-search-input,.showcase-search-box input[type=text]{width:100%;padding-top:.75rem;padding-bottom:.75rem;padding-left:2.85rem!important;padding-right:2.75rem!important;background:#13172066;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.showcase-search-input:focus,input.showcase-search-input:focus,.showcase-search-box input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1de6ed2e}.btn-clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.35rem;cursor:pointer;padding:.2rem .45rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:var(--radius-sm);transition:color .15s ease}.btn-clear-search:hover{color:var(--text-main)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.showcase-card{display:flex;flex-direction:column;padding:1.4rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-glass);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative}.showcase-card:hover{transform:translateY(-3px);border-color:#1de6ed73;box-shadow:0 8px 24px #1de6ed1f}.showcase-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.showcase-source-badge{display:inline-flex;align-items:center;gap:.4rem;background:#1de6ed1a;border:1px solid hsla(182,85%,52%,.25);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-card-meta{display:flex;align-items:center;gap:.5rem}.showcase-card-date{font-size:.75rem;color:var(--text-muted)}.btn-delete-showcase-topic{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.btn-delete-showcase-topic:hover{color:#ef4444;background:#ef43431f}.showcase-card-title{font-size:1.15rem;font-weight:700;color:var(--text-main);line-height:1.35;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-card-summary{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.2rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--border-glass)}.showcase-hooks-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--accent-violet);background:#a268f31a;border:1px solid hsla(265,85%,68%,.25);padding:.25rem .55rem;border-radius:var(--radius-full)}.btn-load-showcase-topic{font-size:.82rem;padding:.45rem .85rem;white-space:nowrap}.showcase-empty-card{text-align:center;padding:4rem 2rem;margin-top:2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.showcase-empty-icon{font-size:3rem;margin-bottom:.5rem}.showcase-empty-card h3{font-size:1.35rem;font-weight:700;color:var(--text-main)}.showcase-empty-card p{color:var(--text-muted);font-size:.95rem;max-width:480px;line-height:1.5;margin-bottom:.5rem}.showcase-loading{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-muted)}.btn-nav-vitrine.active{background:var(--primary);color:#031518;border-color:var(--primary);font-weight:700;box-shadow:0 0 16px #1de6ed66}[data-theme=light] .showcase-search-input,[data-theme=light] input.showcase-search-input,[data-theme=light] .showcase-search-box input[type=text]{background:#fff;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .showcase-search-input:focus,[data-theme=light] input.showcase-search-input:focus,[data-theme=light] .showcase-search-box input[type=text]:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b226}[data-theme=light] .showcase-search-icon,[data-theme=light] .btn-clear-search{color:#64748b}[data-theme=light] .btn-clear-search:hover{color:#0f172a}[data-theme=light] .showcase-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .showcase-card:hover{border-color:#0891b2;box-shadow:0 8px 20px #0891b21f}[data-theme=light] .showcase-source-badge{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}[data-theme=light] .showcase-hooks-pill{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}[data-theme=light] .showcase-empty-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .btn-nav-vitrine.active{background:#0891b2;color:#fff;border-color:#0891b2}@media(max-width:768px){.showcase-title-row{flex-direction:column;align-items:stretch}.showcase-banner-actions{width:100%}.showcase-banner-actions button{width:100%;justify-content:center}.showcase-grid{grid-template-columns:1fr}}[data-theme=light] .btn-agenda-drill{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .btn-agenda-drill:hover{background:#f1f5f9;border-color:#7c3aed;color:#6d28d9}[data-theme=light] .btn-bookmark-phrase{border-color:#e2e8f0;color:#64748b}[data-theme=light] .btn-bookmark-phrase:hover,[data-theme=light] .btn-bookmark-phrase.is-saved{background:#fef3c7;border-color:#f59e0b;color:#b45309}[data-theme=light] .btn-exit-rematch{border-color:#cbd5e1;color:#64748b}[data-theme=light] .btn-exit-rematch:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.changelog-modal-card{max-width:660px;width:95%;max-height:85vh;display:flex;flex-direction:column}.changelog-modal-body{overflow-y:auto;padding:1.25rem 1.5rem;max-height:65vh}.changelog-timeline{display:flex;flex-direction:column;gap:1.25rem}.timeline-release-card{padding:1.15rem 1.25rem;border-radius:var(--radius-md, 12px);background:var(--bg-surface, hsla(222, 40%, 14%, .6));border:1px solid var(--border-glass, rgba(255, 255, 255, .08));transition:transform .2s ease,border-color .2s ease}.timeline-release-card:hover{border-color:var(--primary, #7c3aed)}.timeline-release-card.latest-release{border-left:3px solid var(--primary, #7c3aed);box-shadow:0 0 20px #7c3aed1f}.release-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.release-version-badge{display:flex;align-items:center;gap:.5rem}.version-tag{font-size:1.1rem;font-weight:800;color:var(--primary, #8b5cf6);font-family:var(--font-display, "Outfit", sans-serif)}.release-pill{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.pill-success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.35)}.pill-info{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.35)}.pill-primary{background:#7c3aed33;color:#a78bfa;border:1px solid rgba(124,58,237,.35)}.release-date{font-size:.78rem;color:var(--text-muted, #94a3b8)}.release-title{font-size:.96rem;font-weight:700;color:var(--text-main, #f8fafc);margin:0 0 .75rem}.release-changes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.changelog-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.45}.change-tag{font-size:.72rem;font-weight:600;padding:.12rem .45rem;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);white-space:nowrap;flex-shrink:0}.change-desc{color:var(--text-main, #e2e8f0)}.changelog-unread-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;display:inline-block;margin-left:4px;box-shadow:0 0 6px #ef4444;animation:pulse-dot-anim 1.8s infinite}@keyframes pulse-dot-anim{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.8}}.feedback-modal-card{max-width:540px;width:95%}.feedback-modal-body{padding:1.25rem 1.5rem}.feedback-form{display:flex;flex-direction:column;gap:1rem}.category-options-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.3rem}.category-option-label{display:flex;align-items:center;justify-content:center;padding:.6rem .4rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-glass, rgba(255, 255, 255, .12));background:var(--bg-surface, hsla(222, 40%, 14%, .5));cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-option-label input{display:none}.category-option-label:hover{border-color:var(--primary, #7c3aed)}.category-option-label.active{background:#7c3aed40;border-color:var(--primary, #7c3aed);color:#c4b5fd;box-shadow:0 0 10px #7c3aed33}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.textarea-field{resize:vertical;min-height:90px}.feedback-status-msg{padding:.75rem 1rem;border-radius:var(--radius-sm, 8px);font-size:.84rem;line-height:1.45}.feedback-status-msg code{background:#0000004d;padding:.1rem .35rem;border-radius:4px;font-size:.8rem}.status-loading{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#93c5fd}.status-success{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.status-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.status-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fde68a}.landing-footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.6rem}.landing-footer-links a{color:var(--text-muted, #94a3b8);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.landing-footer-links a:hover{color:var(--primary, #8b5cf6)}.footer-separator{color:var(--text-muted, #94a3b8);opacity:.5}[data-theme=light] .timeline-release-card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .timeline-release-card.latest-release{box-shadow:0 4px 12px #7c3aed14}[data-theme=light] .change-tag{background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .category-option-label{background:#fff;border:1px solid #cbd5e1}[data-theme=light] .category-option-label.active{background:#f5f3ff;border-color:#7c3aed;color:#6d28d9}.landing-page-container{width:100%;min-height:100vh;display:flex;flex-direction:column;color:var(--text-main);background:radial-gradient(circle at 50% 0%,hsla(182,85%,52%,.08) 0%,transparent 60%),radial-gradient(circle at 90% 20%,hsla(265,85%,68%,.08) 0%,transparent 50%),var(--bg-body);position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease}.landing-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0e121bbf;border-bottom:1px solid var(--border-glass);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}[data-theme=light] .landing-nav{background:#ffffffd9}.landing-nav-links{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}.landing-nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.landing-nav-links a:hover{color:var(--primary)}.landing-nav-actions{display:flex;gap:1rem;align-items:center}@media(max-width:820px){.landing-nav-links{display:none}}.landing-hero{padding:5rem 1.5rem 4rem;text-align:center;max-width:950px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.landing-tag-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:#1de6ed1a;border:1px solid hsla(182,85%,52%,.3);padding:.35rem 1rem;border-radius:var(--radius-full);margin-bottom:1.75rem;box-shadow:0 0 20px #1de6ed26}.landing-hero-title{font-family:var(--font-heading);font-size:clamp(2.3rem,6vw,4rem);font-weight:800;line-height:1.15;letter-spacing:-.035em;margin-bottom:1.5rem;background:var(--heading-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-subtitle{font-size:clamp(1.05rem,2.5vw,1.3rem);color:var(--text-muted);line-height:1.65;max-width:780px;margin-bottom:2.5rem}.landing-hero-ctas{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.btn-hero-primary{font-size:1.05rem;font-weight:700;padding:.9rem 2rem;border-radius:var(--radius-full);box-shadow:0 4px 20px #1de6ed4d}.btn-hero-secondary{font-size:1.05rem;font-weight:600;padding:.9rem 1.75rem;border-radius:var(--radius-full)}.landing-trust-badges{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;font-size:.85rem;color:var(--text-muted);margin-top:1rem}.trust-badge-item{display:flex;align-items:center;gap:.45rem}.landing-showroom{padding:4rem 1.5rem;max-width:1080px;margin:0 auto;width:100%}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:.75rem;color:var(--text-main)}.section-header p{color:var(--text-muted);font-size:1.05rem}.showroom-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem}.audio-preview-card{padding:1.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-glass);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.audio-preview-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 30px #00000040}.card-topic-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-violet);margin-bottom:.75rem}.preview-phrase-box{margin-bottom:1.25rem}.b1-phrase-row{padding:.75rem;border-radius:var(--radius-sm);background:#e8303014;border:1px solid hsla(0,80%,55%,.2);margin-bottom:.75rem}.b1-phrase-row .label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#ff6b6b;display:block;margin-bottom:.25rem}.b1-phrase-row p{font-size:.9rem;color:var(--text-main);line-height:1.4;margin:0}.c1-phrase-row{padding:.85rem;border-radius:var(--radius-sm);background:#1de6ed14;border:1px solid hsla(182,85%,52%,.3)}.c1-phrase-row .label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary);display:block;margin-bottom:.25rem}.c1-phrase-row p{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.4;margin:0}.btn-preview-audio{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.75rem;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);margin-top:1rem}.landing-steps{padding:4rem 1.5rem;max-width:1080px;margin:0 auto;width:100%}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:860px){.steps-grid{grid-template-columns:1fr}}.step-box{padding:2rem;border-radius:var(--radius-lg);position:relative}.step-badge{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-violet));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;margin-bottom:1.25rem;box-shadow:0 4px 15px #1de6ed4d}.step-box h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.step-box p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.landing-features{padding:4rem 1.5rem;max-width:1080px;margin:0 auto;width:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.75rem}.feature-item-card{padding:1.75rem;border-radius:var(--radius-lg)}.feature-icon{font-size:2rem;margin-bottom:1rem;display:inline-block}.feature-item-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.feature-item-card p{color:var(--text-muted);font-size:.9rem;line-height:1.55}.landing-pricing{padding:4.5rem 1.5rem;max-width:900px;margin:0 auto;width:100%}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:stretch}@media(max-width:720px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{padding:2.5rem 2rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:space-between;position:relative}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 8px 35px #1de6ed33}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#0b101b;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .85rem;border-radius:var(--radius-full)}.pricing-header h3{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.pricing-header p{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.pricing-cost{margin-bottom:1.75rem;display:flex;align-items:baseline;gap:.35rem}.currency{font-size:1.25rem;font-weight:700}.amount{font-size:2.75rem;font-weight:800;color:var(--text-main);line-height:1}.period{color:var(--text-muted);font-size:.9rem}.pricing-features-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.85rem}.pricing-features-list li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-main)}.pricing-features-list li span.check{color:var(--primary);font-weight:800}.landing-faq{padding:4rem 1.5rem;max-width:800px;margin:0 auto;width:100%}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{padding:1.25rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s ease}.faq-item:hover{border-color:var(--primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.05rem;color:var(--text-main)}.faq-answer{margin-top:.75rem;color:var(--text-muted);font-size:.92rem;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-arrow{transition:transform .2s ease}.landing-final-cta{padding:5rem 1.5rem;max-width:900px;margin:0 auto;width:100%;text-align:center}.final-cta-card{padding:3.5rem 2rem;border-radius:var(--radius-xl);background:radial-gradient(circle at center,hsla(182,85%,52%,.15),transparent 70%),var(--glass-card);border:1px solid hsla(182,85%,52%,.3)}.final-cta-card h2{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800;margin-bottom:1rem}.final-cta-card p{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.landing-footer{padding:3rem 2rem;border-top:1px solid var(--border-glass);text-align:center;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;gap:.5rem}.btn-nav-landing{font-size:.82rem;font-weight:600;gap:.4rem}