.onboarding-backdrop{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.25s backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.onboarding-slide{background:var(--bg-secondary);border:1px solid #94a3b81f;border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:32px 28px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-in;position:relative;overflow-y:auto}@media (prefers-reduced-motion:reduce){.onboarding-slide,.onboarding-backdrop{animation:none}}@keyframes modal-in{0%{opacity:0;transform:scale(.92)translateY(-16px)}to{opacity:1;transform:scale(1)translateY(0)}}.onboarding-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1em;line-height:1;position:absolute;top:14px;right:16px}.onboarding-dismiss:hover{color:var(--text-secondary)}.onboarding-brand{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.onboarding-logo{border-radius:18px;width:80px;height:80px;margin-bottom:12px;display:block}.onboarding-brand-wordmark{font-family:var(--font-brand);letter-spacing:.02em;background:linear-gradient(160deg,#6d28d9 0%,#7c5ae8 15%,#8cacf0 35%,#9e80e8 50%,#c87ec8 68%,#e0a0d0 82%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:.4px #fff9;filter:drop-shadow(0 2px 3px #000000b3)drop-shadow(0 -1px 1px #c8a0ff33);-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2em;font-weight:700}.onboarding-brand-tagline{font-family:var(--font-brand);color:var(--text-muted);letter-spacing:.06em;font-size:.82em;font-weight:300}.onboarding-title{font-family:var(--font-brand);text-align:center;color:var(--text-secondary);margin-bottom:6px;font-size:1em;font-weight:700}.onboarding-subtitle{font-family:var(--font-brand);color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:.82em;font-weight:300;line-height:1.6}.onboarding-presets{gap:8px;margin-bottom:18px;display:flex}.onboarding-preset{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 8px;transition:border-color .15s,background .15s;display:flex}.onboarding-preset:hover{border-color:var(--accent-primary)}.onboarding-preset--selected{background:var(--accent-selected-bg);border-color:var(--accent-selected-border);border-width:2px}.onboarding-preset-emoji{font-size:1.8em}.onboarding-preset-name{font-family:var(--font-brand);font-size:.82em;font-weight:600}.onboarding-preset-desc{font-family:var(--font-brand);color:var(--text-secondary);text-align:center;font-size:.7em;line-height:1.4}.onboarding-name-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.onboarding-name-input{background:var(--bg-primary);border:1px solid var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-brand);border-radius:8px;flex:1;padding:10px 12px;font-size:.88em}.onboarding-name-input:focus{border-color:var(--accent-primary);outline:none}.onboarding-go-btn{background:linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-end));color:#fff;font-family:var(--font-brand);cursor:pointer;white-space:nowrap;box-shadow:0 0 16px var(--accent-btn-glow);border:none;border-radius:20px;padding:10px 18px;font-size:.88em;font-weight:600;transition:box-shadow .2s,transform .15s}.onboarding-go-btn:hover:not(:disabled){box-shadow:0 0 22px var(--accent-btn-glow-hover);transform:translateY(-1px)}.onboarding-go-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;animation:4s ease-in-out 1.5s infinite go-btn-hint}@keyframes go-btn-hint{0%,88%,to{transform:translate(0)}90%{transform:translate(-3px)}94%{transform:translate(3px)}97%{transform:translate(-2px)}}.onboarding-footer{text-align:center;font-family:var(--font-brand);color:var(--text-muted);font-size:.72em}.onboarding-step-indicator{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.onboarding-step-dot{background:var(--bg-tertiary);border-radius:50%;width:8px;height:8px;transition:background .2s}.onboarding-step-dot--active{background:var(--accent-primary)}.onboarding-step-dot--done{background:var(--accent-selected-border)}.onboarding-goal-buttons{gap:8px;margin-bottom:18px;display:flex}.onboarding-step2-actions{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.onboarding-back-btn{color:var(--text-muted);font-family:var(--font-brand);cursor:pointer;background:0 0;border:none;padding:10px 6px;font-size:.85em;transition:color .15s}.onboarding-back-btn:hover{color:var(--text-secondary)}.freqcheck-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin-top:8px;padding:16px}.freqcheck-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.freqcheck-logo{flex-shrink:0;width:28px;height:28px;display:block}.freqcheck-title{font-family:var(--font-brand);color:var(--accent-primary);font-size:.88em;font-weight:700}.freqcheck-badge{font-family:var(--font-brand);background:var(--accent-selected-bg);border:1px solid var(--accent-selected-border);color:#c4b5fd;border-radius:10px;margin-left:auto;padding:3px 10px;font-size:.72em}.freqcheck-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.freqcheck-stat{background:var(--bg-primary);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;display:flex}.freqcheck-stat-value{font-family:var(--font-brand);font-size:1.1em;font-weight:700}.freqcheck-stat--primary{color:var(--accent-primary)}.freqcheck-stat--secondary{color:var(--accent-secondary)}.freqcheck-stat--green{color:var(--gauge-high)}.freqcheck-stat--amber{color:var(--gauge-mid)}.freqcheck-stat-label{font-family:var(--font-brand);color:var(--text-secondary);text-align:center;font-size:.7em}.freqcheck-voices{background:var(--bg-primary);border-radius:8px;flex-direction:column;gap:5px;margin-bottom:10px;padding:10px 12px;display:flex}.freqcheck-voices-label{font-family:var(--font-brand);color:var(--text-secondary);font-size:.72em}.freqcheck-voices-names{font-family:var(--font-brand);color:var(--text-primary);font-size:.85em}.freqcheck-journal-badge{border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);font-family:var(--font-brand);text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;padding:9px;font-size:.82em}.chat-panel{flex-direction:column;height:100%;display:flex}.coach-header{border-bottom:1px solid var(--border-subtle);text-align:center;background:linear-gradient(#a78bfa1a 0%,#a78bfa08 100%);flex-direction:column;align-items:center;gap:10px;padding:24px 20px 18px;display:flex}.coach-header-avatar{position:relative}.coach-header-avatar .coach-avatar img,.coach-header-avatar .coach-avatar svg{box-shadow:0 0 0 3px var(--accent-selected-border), 0 0 28px var(--accent-glow);border-radius:50%}.coach-header-name{letter-spacing:.01em;color:var(--text-primary);font-size:1.35em;font-weight:700;line-height:1.2}.coach-header-desc{color:var(--text-muted);letter-spacing:.02em;max-width:260px;font-size:.78em;line-height:1.4}.chat-messages{flex:1;padding:12px 16px;overflow-y:auto}.chat-message{gap:8px;margin-bottom:12px;display:flex}.chat-message.user{justify-content:flex-end}.message-content{max-width:80%}.message-bubble{border-radius:12px;padding:10px 12px;font-size:.85rem;line-height:1.5}.coach-bubble{color:var(--text-secondary);background:#a78bfa1f;border-top-left-radius:4px}.user-bubble{color:var(--text-primary);background:#94a3b826;border-top-right-radius:4px}.message-voice-tag{color:var(--text-muted);margin-bottom:4px;font-size:.65rem}.message-pitch-tag{color:var(--text-muted);margin-top:4px;font-size:.65rem}.message-time{color:var(--text-muted);margin-top:3px;font-size:.6rem}.chat-message.user .message-time{text-align:right}.chat-input{border-top:1px solid var(--border-subtle);padding:10px 16px}.chat-input-bar{background:var(--bg-secondary);border-radius:24px;align-items:center;gap:10px;padding:8px 14px;display:flex}.chat-input-placeholder{color:var(--text-muted);flex:1;font-size:.8rem}.chat-input{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);padding:14px 16px 16px}.chat-input-label{font-family:var(--font-brand);color:var(--text-secondary);margin-bottom:8px;font-size:.75em;font-weight:300}.chat-text-row{align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.chat-textarea{background:var(--bg-primary);border:1px solid var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-brand);resize:none;border-radius:8px;flex:1;min-height:38px;max-height:96px;padding:9px 12px;font-size:.88em;line-height:1.5;transition:border-color .2s;overflow:hidden}.chat-textarea:focus{border-color:var(--accent-primary);outline:none}.chat-send-btn{border:1px solid var(--accent-btn-border-subtle);width:38px;height:38px;color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95em;transition:border-color .2s,background .2s;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--accent-btn-hover-tint);border-color:var(--accent-primary)}.chat-send-btn:disabled{opacity:.3;cursor:default}.chat-or-divider{align-items:center;gap:10px;margin-bottom:12px;display:flex}.chat-or-line{background:var(--border-subtle);flex:1;height:1px}.chat-or-text{color:var(--text-muted);letter-spacing:.08em;font-size:.65em;font-family:var(--font-brand)}.chat-voice-btn{background:linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-end));color:#fff;width:100%;max-width:440px;font-family:var(--font-brand);cursor:pointer;box-shadow:0 0 20px var(--accent-btn-glow);border:none;border-radius:10px;margin:0 auto;padding:12px;font-size:.9em;font-weight:700;transition:box-shadow .2s,transform .15s;display:block}.chat-voice-btn:hover:not(:disabled){box-shadow:0 0 28px var(--accent-btn-glow-hover);transform:translateY(-1px)}.chat-voice-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.chat-voice-btn--recording{background:linear-gradient(135deg,#dc2626,#ef4444);animation:1.5s ease-in-out infinite pulse-recording;box-shadow:0 0 20px #ef444466}@keyframes pulse-recording{0%,to{box-shadow:0 0 20px #ef444466}50%{box-shadow:0 0 32px #ef4444b3}}.exercise-toggle-row{justify-content:center;margin-top:10px;display:flex}.exercise-toggle-btn{color:var(--text-muted);font-family:var(--font-brand);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.72em;transition:color .15s}.exercise-toggle-btn:hover{color:var(--text-secondary)}.exercise-guide{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.exercise-item{background:var(--bg-primary);border-radius:8px;overflow:hidden}.exercise-item-title{font-family:var(--font-brand);color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.82em;font-weight:600;list-style:none;display:flex}.exercise-item-title:after{content:"›";color:var(--text-muted);font-size:1em}details[open] .exercise-item-title:after{content:"⌄"}.exercise-item-desc{font-family:var(--font-brand);color:var(--text-muted);padding:0 12px 8px;font-size:.75em;line-height:1.5}.exercise-item-steps{flex-direction:column;gap:6px;padding:0 12px 12px 28px;display:flex}.exercise-item-step{font-family:var(--font-brand);color:var(--text-secondary);font-size:.78em;line-height:1.5}.exercise-goal-label{font-family:var(--font-brand);color:var(--text-muted);margin-bottom:6px;font-size:.7em}.mic-denied-banner{font-family:var(--font-brand);color:var(--text-secondary);background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:.75em;line-height:1.6}@media (width<=480px){.coach-header-avatar .coach-avatar img,.coach-header-avatar .coach-avatar svg{width:56px!important;height:56px!important}.coach-header-name{font-size:1.1em}.coach-header-desc{display:none}}.freqcheck-prompt{border-top:1px solid var(--border-subtle);background:#7c3aed0d;padding:14px 16px}.freqcheck-step-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.freqcheck-step-label{font-family:var(--font-brand);color:var(--accent-primary);letter-spacing:.05em;font-size:.72em;font-weight:600}.freqcheck-step-dots{gap:5px;display:flex}.freqcheck-dot{background:var(--bg-tertiary);border-radius:2px;width:28px;height:4px}.freqcheck-dot--done{background:var(--accent-selected-border)}.freqcheck-dot--active{background:var(--accent-primary)}.freqcheck-error{font-family:var(--font-brand);color:var(--gauge-low);margin-bottom:10px;font-size:.82em}.message-streaming-cursor{background:var(--accent-primary);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s ease-in-out infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.instruments-panel{background:#111827;border-bottom:1px solid #94a3b81a;flex-direction:row;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.instrument-widget{border-right:1px solid #94a3b812;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:10px 16px;display:flex}.instrument-widget:last-child{border-right:none}.instrument-widget--pitch{flex-shrink:0;min-width:110px}.instrument-widget--visualiser{flex:1;align-items:stretch;min-width:120px;padding:6px 12px}.instrument-widget--stat{flex-shrink:0;min-width:100px}.instrument-val{font-family:var(--font-brand);color:#fff;font-size:1.15em;font-weight:700;line-height:1.1}.instrument-val--green{color:#22c55e}.instrument-val--amber{color:#f59e0b}.instrument-lbl{font-family:var(--font-brand);color:#94a3b88c;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:.6em}.pitch-status{font-family:var(--font-brand);letter-spacing:.1em;margin-top:2px;font-size:.55em}.pitch-status--on{color:#22c55e}.pitch-status--close{color:#f59e0b}.pitch-status--off{color:#94a3b873}.instrument-widget--gauge{flex-shrink:0;justify-content:center;align-items:center;min-width:44px;display:flex}@media (width<=500px){.instrument-widget--stat{min-width:72px;padding:8px 10px}.instrument-widget--pitch{min-width:88px;padding:8px 10px}.instrument-widget--gauge{display:none}.instrument-val{font-size:1em}.instrument-lbl{font-size:.55em}}@media (width<=380px){.instrument-widget--stat:last-child{display:none}}.studio{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.studio-instruments{flex-shrink:0;width:100%}.studio-chat{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=767px) and (orientation:portrait){.studio{flex-direction:column}}@media (width<=1024px) and (orientation:landscape){.studio-instruments{width:100%}}.journal-view{flex:1;padding:24px 16px;overflow-y:auto}.journal-inner{flex-direction:column;gap:24px;max-width:680px;margin:0 auto;display:flex}.journal-header{flex-direction:column;gap:6px;display:flex}.journal-title-row{justify-content:space-between;align-items:center;display:flex}.journal-title{font-family:var(--font-brand);color:var(--text-primary);align-items:center;gap:8px;font-size:1.4em;font-weight:700;display:flex}.journal-title-icon{font-size:1em;line-height:1}.journal-subtitle{font-family:var(--font-brand);color:var(--text-secondary);font-size:.88em}.journal-count{font-family:var(--font-brand);color:var(--accent-primary);background:var(--accent-selected-bg);border:1px solid var(--accent-selected-border);border-radius:20px;width:fit-content;padding:3px 12px;font-size:.8em;display:inline-block}.journal-streak{font-family:var(--font-brand);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:20px;width:fit-content;padding:3px 12px;font-size:.8em;display:inline-block;box-shadow:0 0 8px #f59e0b33}.journal-close-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8em;transition:color .2s,border-color .2s;display:flex}.journal-close-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.journal-empty{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;display:flex}.journal-empty-icon{font-size:2.2em}.journal-empty-text{font-family:var(--font-brand);color:var(--text-secondary);max-width:340px;font-size:.92em;line-height:1.5}.journal-section{flex-direction:column;gap:12px;display:flex}.journal-section-title{font-family:var(--font-brand);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82em;font-weight:600}.journal-chart-wrap{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:12px;overflow-x:auto}.journal-chart{width:100%;height:auto;display:block}.journal-chart-target-zone{fill:#22c55e14;stroke:#22c55e40;stroke-width:1px;stroke-dasharray:4 3}.journal-chart-zone-label{fill:#22c55e99;font-family:var(--font-brand,"Raleway", sans-serif);font-size:11px}.journal-chart-grid{stroke:#a78bfa14;stroke-width:1px}.journal-chart-axis{stroke:#a78bfa33;stroke-width:1px}.journal-chart-axis-label{fill:var(--text-muted,#666680);font-family:var(--font-brand,"Raleway", sans-serif);font-size:11px}.journal-chart-line{stroke:var(--accent-primary,#a78bfa);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.journal-chart-dot{fill:var(--accent-primary,#a78bfa);stroke:var(--bg-secondary,#2d2d44);stroke-width:2px}.journal-chart-dot-label{fill:var(--text-primary,#e0e0e0);font-family:var(--font-brand,"Raleway", sans-serif);font-size:11px;font-weight:600}.journal-chart-line--sessions{stroke:#f59e0b;stroke-width:2px;stroke-dasharray:4 3;stroke-linejoin:round;stroke-linecap:round}.journal-chart-dot--session{fill:#f59e0b;stroke:var(--bg-secondary,#2d2d44);stroke-width:1.5px}.journal-chart-legend-label{fill:var(--text-muted,#666680);font-family:var(--font-brand,"Raleway", sans-serif);font-size:10px}.journal-entries{flex-direction:column;gap:8px;display:flex}.journal-entry{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:8px;padding:12px 16px;transition:border-color .2s;display:flex}.journal-entry:hover{border-color:#a78bfa59}.journal-entry-meta{justify-content:space-between;align-items:center;display:flex}.journal-entry-label{font-family:var(--font-brand);color:var(--text-primary);font-size:.85em;font-weight:700}.journal-entry-date{font-family:var(--font-brand);color:var(--text-muted);font-size:.76em}.journal-entry-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.journal-entry-hz{font-family:var(--font-brand);border-radius:8px;padding:3px 10px;font-size:1em;font-weight:700}.journal-entry-hz--masculine{color:#93c5fd;background:#60a5fa1f;border:1px solid #60a5fa59}.journal-entry-hz--neutral{color:#fcd34d;background:#eab3081f;border:1px solid #eab30859}.journal-entry-hz--feminine{color:#f9a8d4;background:#f472b61f;border:1px solid #f472b659}.journal-entry-register{font-family:var(--font-brand);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:6px;padding:2px 8px;font-size:.78em}.journal-entry-octaves{font-family:var(--font-brand);color:var(--text-muted);font-size:.78em}.journal-entry-voices{font-family:var(--font-brand);color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding-top:6px;font-size:.78em}.journal-entry--session{border-left:2px solid #94a3b84d}.journal-entry-label--session{color:var(--text-secondary);background:#94a3b81a;border-color:#94a3b84d}.journal-entry-hz--ontarget{color:#22c55e}.journal-progress-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.journal-progress-card__label{font-family:var(--font-brand);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;font-size:.82em;font-weight:700}.journal-progress-card__item{font-family:var(--font-brand);color:var(--text-secondary);font-size:.85em}.journal-progress-card__item strong{color:var(--text-primary)}.journal-progress-card__delta{font-family:var(--font-brand);border-radius:8px;margin-left:auto;padding:3px 10px;font-size:.88em;font-weight:700}.journal-progress-card__delta--good{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.journal-progress-card__delta--bad{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1a2e;--bg-secondary:#2d2d44;--bg-tertiary:#3d3d5c;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--text-muted:#666680;--accent-primary:#a78bfa;--accent-secondary:#7c6fa0;--accent-glow:#a78bfa4d;--accent-btn-start:#7c3aed;--accent-btn-end:#9333ea;--accent-btn-glow:#7c3aed73;--accent-btn-glow-hover:#7c3aeda6;--accent-btn-active:#a855f7;--accent-btn-active-glow:#a855f7b3;--accent-btn-active-border:#a855f7cc;--accent-btn-border-subtle:#a855f766;--accent-btn-hover-tint:#a855f71a;--accent-selected-bg:#a855f726;--accent-selected-border:#a855f799;--gauge-low:#ef4444;--gauge-mid:#eab308;--gauge-high:#22c55e;--border-subtle:#a78bfa26;--font-brand:"Raleway", system-ui, sans-serif;--font-coach-sarky:"Playfair Display", Georgia, serif;--font-coach-fairy:"Lora", Georgia, serif;--font-coach-analyst:"Outfit", system-ui, sans-serif;--font-coach-default:"Raleway", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Raleway,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:linear-gradient(#a78bfa09 1px,#0000 1px),linear-gradient(90deg,#a78bfa09 1px,#0000 1px),radial-gradient(100% 55% at 50% 100%,#7c3aed12 0%,#0000 70%),radial-gradient(70% 35% at 15% 0,#a78bfa0a 0%,#0000 60%);background-size:44px 44px,44px 44px,100% 100%,100% 100%;min-height:100vh;font-family:Raleway,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;width:100%;max-width:740px;min-height:0;margin:0 auto;display:flex}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{border-bottom:1px solid var(--border-subtle);z-index:100;background:linear-gradient(160deg,#070810 0%,#0a0d1c 25%,#0e1a3a 62%,#1a1040 82%,#0f0f1a 100%);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo{border-radius:10px;width:48px;height:48px;display:block}.navbar-wordmark{font-family:var(--font-brand);letter-spacing:.02em;background:linear-gradient(160deg,#6d28d9 0%,#7c5ae8 15%,#8cacf0 35%,#9e80e8 50%,#c87ec8 68%,#e0a0d0 82%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:.4px #fff9;filter:drop-shadow(0 2px 3px #000000b3)drop-shadow(0 -1px 1px #c8a0ff33);-webkit-background-clip:text;background-clip:text;font-size:1.8em;font-weight:700}.navbar-links{align-items:center;gap:8px;display:flex}.nav-btn{font-family:var(--font-brand);cursor:pointer;border:none;border-radius:20px;padding:7px 18px;font-size:.82em;font-weight:600;transition:box-shadow .2s,transform .15s}.nav-btn--ghost{color:#6b7280;opacity:.55;cursor:not-allowed;background:0 0;border:1px solid #374151}.nav-btn--primary{background:linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-end));color:#fff;box-shadow:0 0 16px var(--accent-btn-glow)}.nav-btn--primary:hover{box-shadow:0 0 22px var(--accent-btn-glow-hover);transform:translateY(-1px)}.nav-btn--active{background:linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-active));border:2px solid var(--accent-btn-active-border);box-shadow:0 0 24px var(--accent-btn-active-glow)}.settings-panel{flex:1;max-width:480px;margin:0 auto;padding:24px}.api-key-section{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.api-key-label{font-family:var(--font-brand);color:var(--text-secondary);margin-bottom:8px;font-size:.82em}.api-key-row{margin-bottom:6px}.api-key-input{background:var(--bg-primary);border:1px solid var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:9px 12px;font-family:monospace;font-size:.82em}.api-key-input:focus{border-color:var(--accent-primary);outline:none}.api-key-hint{font-family:var(--font-brand);color:var(--text-muted);font-size:.68em}.personality-mixer{background:var(--bg-secondary);border-radius:12px;padding:20px}.mixer-title{color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:1rem}.preset-buttons{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;display:flex}.preset-btn.active{border-color:var(--accent-primary);color:var(--accent-primary)}.preset-btn:hover{border-color:var(--accent-secondary)}.preset-emoji{font-size:1rem}.preset-name{font-size:.75rem}.sliders{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.slider-row{align-items:center;gap:10px;display:flex}.slider-label{color:var(--text-secondary);min-width:100px;font-size:.75rem}.slider-input{accent-color:var(--accent-primary);flex:1}.slider-value{color:var(--accent-primary);text-align:right;min-width:20px;font-size:.8rem}.coach-name-row{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.coach-name-input{color:var(--accent-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem;font-style:italic}.mixer-actions{gap:10px;margin-top:20px;display:flex}.mixer-btn{font-family:var(--font-brand);cursor:pointer;border:none;border-radius:20px;padding:9px 16px;font-size:.85em;font-weight:600;transition:box-shadow .2s,transform .15s}.mixer-btn--cancel{color:#9ca3af;background:0 0;border:1px solid #4b5563;flex:1}.mixer-btn--cancel:hover{color:#d1d5db;border-color:#6b7280}.mixer-btn--save{background:linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-end));color:#fff;box-shadow:0 0 14px var(--accent-btn-glow);flex:2}.mixer-btn--save:hover{box-shadow:0 0 20px var(--accent-btn-glow-hover);transform:translateY(-1px)}.goal-section{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.goal-label{font-family:var(--font-brand);color:var(--text-secondary);margin-bottom:10px;font-size:.82em}.goal-buttons{gap:8px;display:flex}.goal-btn{background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;transition:border-color .15s,background .15s;display:flex}.goal-btn:hover{border-color:var(--accent-primary)}.goal-btn--active{background:var(--accent-selected-bg);border-color:var(--accent-selected-border);border-width:2px}.goal-btn-label{font-family:var(--font-brand);color:var(--text-primary);font-size:.8em;font-weight:600}.goal-btn-desc{font-family:var(--font-brand);color:var(--text-secondary);font-size:.68em}.goal-btn--active .goal-btn-label{color:var(--accent-primary)}.retake-freqcheck-section{border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:6px;margin-top:20px;padding-top:16px;display:flex}.retake-freqcheck-btn{border:1px solid var(--border-subtle);color:var(--accent-primary);font-family:var(--font-brand);cursor:pointer;background:0 0;border-radius:20px;padding:10px 20px;font-size:.88em;font-weight:600;transition:border-color .2s,background .2s}.retake-freqcheck-btn:hover{border-color:var(--accent-primary);background:var(--accent-btn-hover-tint)}.retake-freqcheck-hint{font-family:var(--font-brand);color:var(--text-muted);font-size:.7em}@media (width<=480px){.navbar{padding:10px 14px}.navbar-wordmark{display:none}.settings-panel{padding:16px}}