@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.credits-pill{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;color:#e2e8f0;transition:all .2s ease;height:32px}.credits-pill.loading{width:80px;justify-content:center;color:#94a3b8}.credits-main{display:flex;align-items:center;gap:6px}.credits-label{white-space:nowrap}.credits-divider{width:1px;height:14px;background:#ffffff26}.credits-expiry{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#94a3b8}.icon{color:#3b82f6;flex-shrink:0}.icon-small{color:#64748b;flex-shrink:0}.credits-pill.normal:hover{background:#ffffff14;border-color:#3b82f64d}.credits-pill.warning{border-color:#f59e0b66;background:#f59e0b0d}.credits-pill.warning .icon{color:#f59e0b}.credits-pill.danger{border-color:#ef444466;background:#ef44440d;color:#ef4444}.credits-pill.danger .icon{color:#ef4444}@keyframes pulse-soft{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}.credits-pill.danger{animation:pulse-soft 2s infinite ease-in-out}@media (max-width: 600px){.credits-pill{padding:4px 10px;gap:6px;font-size:.8rem;height:30px}.credits-divider{height:12px}.credits-expiry{font-size:.7rem}}.waitlist-form{display:grid;gap:12px;color:var(--text-strong, #f4f4f7)}.waitlist-header h3{margin:0;font-size:1.1rem}.waitlist-header p{margin:4px 0 0;font-size:.9rem;color:var(--text-muted, #9aa0a6)}.waitlist-field{display:grid;gap:6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #8a8f98)}.waitlist-field input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-strong, #f4f4f7)}.waitlist-field textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-strong, #f4f4f7);resize:vertical;min-height:90px}.waitlist-field input[readonly]{border-color:#ffffff14;background:#ffffff05;color:#9aa0a6d9;cursor:not-allowed}.waitlist-hint{font-size:.75rem;color:var(--text-muted, #8a8f98);text-align:right}.waitlist-consent{display:flex;gap:10px;font-size:.85rem;line-height:1.4;color:var(--text-muted, #b3b6bd)}.waitlist-consent input{margin-top:3px}.waitlist-legal{font-size:.8rem;color:var(--text-muted, #8a8f98);margin:0;line-height:1.4}.waitlist-legal a{color:#c4b5fd;text-decoration:none}.waitlist-legal a:hover{text-decoration:underline}.waitlist-message{font-size:.85rem;padding:8px 10px;border-radius:8px;border:1px solid transparent}.waitlist-message.error{border-color:#ef444466;background:#ef444426;color:#fca5a5}.waitlist-message.success{border-color:#22c55e66;background:#22c55e26;color:#86efac}.waitlist-form button{padding:12px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:600;cursor:pointer}.waitlist-form button:disabled{opacity:.65;cursor:not-allowed}.waitlist-protection{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #8a8f98)}.waitlist-success{display:grid;gap:8px;text-align:center;color:var(--text-strong, #f4f4f7)}.waitlist-success strong{color:#f7d4ff}.waitlist-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1100}.waitlist-modal{width:min(520px,100%);background:#141820f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;position:relative;box-shadow:0 24px 60px #00000073}.waitlist-modal-close{position:absolute;top:14px;right:14px;border:none;background:transparent;color:#ffffffb3;cursor:pointer}.waitlist-modal-header h2{margin:0;font-size:1.4rem}.waitlist-modal-header p{margin:6px 0 16px;color:var(--text-muted, #9aa0a6);font-size:.95rem}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:var(--card-bg, #1a1a2e);border:1px solid var(--border-color, #2a2a4e);border-radius:16px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #00000080;animation:auth-modal-appear .2s ease-out}@keyframes auth-modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted, #888);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s,background .2s}.auth-modal-close:hover{color:var(--text-primary, #fff);background:#ffffff1a}.auth-modal-content{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-modal-content.email-sent{text-align:center}.auth-modal-icon{font-size:3rem;margin-bottom:.5rem}.auth-modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff);margin:0;text-align:center}.auth-modal-subtitle{font-size:.95rem;color:var(--text-secondary, #aaa);text-align:center;margin:0;line-height:1.5}.auth-modal-note{font-size:.9rem;color:var(--text-muted, #8a8f98)}.auth-modal-legal{margin:0;font-size:.8rem;color:var(--text-muted, #8a8f98);text-align:center;line-height:1.4}.auth-modal-legal a{color:#c4b5fd;text-decoration:none}.auth-modal-legal a:hover{text-decoration:underline}.auth-modal-email{font-weight:600;color:var(--accent-color, #7c3aed);margin:.5rem 0}.auth-modal-instruction{color:var(--text-muted, #888);font-size:.9rem;margin:0}.auth-modal-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;width:100%;text-align:center}.auth-btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s}.auth-btn-google:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-btn-google:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-btn-spinner{animation:spin 1s linear infinite}.auth-modal-divider{display:flex;align-items:center;width:100%;gap:1rem;color:var(--text-muted, #666);font-size:.85rem}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #2a2a4e)}.auth-email-form{width:100%;display:flex;flex-direction:column;gap:.75rem}.auth-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid var(--border-color, #2a2a4e);border-radius:8px;color:var(--text-primary, #fff);font-size:1rem;transition:border-color .2s,background .2s}.auth-input::placeholder{color:var(--text-muted, #666)}.auth-input:focus{outline:none;border-color:var(--accent-color, #7c3aed);background:#ffffff14}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-btn-email{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:1px solid var(--border-color, #2a2a4e);border-radius:8px;color:var(--text-primary, #fff);font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.auth-btn-email:hover:not(:disabled){border-color:var(--accent-color, #7c3aed);background:#7c3aed1a}.auth-btn-email:disabled{opacity:.5;cursor:not-allowed}.auth-modal-terms{font-size:.8rem;color:var(--text-muted, #666);text-align:center;margin:.5rem 0 0}.auth-modal-terms a{color:var(--accent-color, #7c3aed);text-decoration:none}.auth-modal-terms a:hover{text-decoration:underline}.auth-modal-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.auth-btn-secondary{padding:.625rem 1rem;background:transparent;border:1px solid var(--border-color, #2a2a4e);border-radius:6px;color:var(--text-secondary, #aaa);font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s}.auth-btn-secondary:hover{border-color:var(--text-secondary, #aaa);color:var(--text-primary, #fff)}.landing-page{--landing-content-max: 100%;height:100vh;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:4rem;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.18),transparent 55%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.16),transparent 60%),#0f0f12;color:#fff;font-family:Space Grotesk,sans-serif}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:#0f0f12cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;gap:1.5rem}.nav-left{display:flex;align-items:center;gap:1.5rem}.landing-nav .brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem}.landing-nav .brand-name{display:inline}.nav-menu{display:none;align-items:center;justify-content:center;flex:0;position:relative}.nav-links,.nav-shortcuts{display:flex;align-items:center;gap:.75rem}.nav-shortcuts button{background:transparent;border:1px solid transparent;color:#cbd5e1e6;font-size:.95rem;font-weight:500;text-transform:none;letter-spacing:.01em;padding:.625rem 1.25rem;border-radius:9999px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.nav-shortcuts button:hover{color:#fff;border-color:#ffffff40;background:#ffffff14}.nav-menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:#0f0f1299;color:#fff;border-radius:999px;padding:.4rem .6rem;cursor:pointer}.nav-menu-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;display:grid;gap:.35rem;padding:.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0c0c10f2;box-shadow:0 20px 40px #00000059;z-index:20}.nav-menu-dropdown-item{background:transparent;border:none;color:#e2e8f0;text-align:left;padding:.5rem .75rem;border-radius:10px;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.nav-menu-dropdown-item:hover{background:#ffffff14;color:#fff}.btn-nav-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:.625rem 1.25rem;border-radius:9999px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px #7c3aed66}.btn-nav-compact .label-short{display:none}.btn-nav-compact .label-long{display:inline}.btn-nav-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;padding:.625rem 1.25rem;border-radius:9999px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-nav-secondary:hover{background:#ffffff14;border-color:#ffffff40}.btn-nav-bold{font-weight:600}.btn-trial{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 20px 4px #7c3aed4d}}.landing-hero{display:flex;flex-direction:column;padding:6rem 3rem 4rem;height:100vh;min-height:100vh;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/landing/hero1.png);background-repeat:no-repeat;background-position:center right;background-size:cover;transform:translate3d(0,calc(var(--parallax-bg, 0px)),0) scale(1.08);filter:saturate(.7) contrast(.95) brightness(.62);opacity:.55;pointer-events:none;z-index:0}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 40%,rgba(124,58,237,.22),transparent 58%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.18),transparent 62%),linear-gradient(90deg,#0f0f12eb,#0f0f129e 45%,#0f0f126b)}.hero-headline{z-index:1;max-width:var(--landing-content-max);transform:translate3d(0,calc(var(--parallax-fg, 0px) * -1),0)}.hero-center{z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;flex:1}.hero-footer{z-index:1;margin-bottom:2rem}.hero-title{font-size:3.9rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;z-index:1;max-width:var(--landing-content-max);margin-top:0}.text-gradient{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.45rem;color:#94a3b8;margin-bottom:1.75rem;line-height:1.6}.hero-subtitle-wide{z-index:1;max-width:var(--landing-content-max);white-space:nowrap}.hero-actions{display:flex;gap:1rem}.hero-actions .label-short{display:none}.hero-actions .label-long{display:inline}.btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:.875rem 2rem;border-radius:9999px;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #7c3aed80}.btn-secondary{background:#ffffff0d;color:#fff;padding:.875rem 2rem;border-radius:9999px;font-weight:600;font-size:1.125rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#ffffff1a}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;padding:.6rem 1.4rem;border-radius:999px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.btn-ghost:hover{border-color:#a855f780;background:#a855f71f;color:#fff}@media (max-width: 1024px){.landing-hero{padding:5rem 1.75rem 3.5rem}.hero-title{font-size:2.9rem;margin-top:0}.hero-subtitle-wide{white-space:normal}}.visual-glow,.hero-image{display:none}.landing-section{padding:5rem 3rem 6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.landing-section.compact{padding-top:4.5rem;padding-bottom:4.5rem}.alt-bg{background:#ffffff08}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.section-title-note{font-size:1.1rem;font-weight:500;color:#94a3b8}.section-subtitle{font-size:1.25rem;color:#94a3b8;margin-top:-2rem;margin-bottom:3rem;text-align:center}.faq-list{width:100%;max-width:var(--landing-content-max);display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:transparent;border:none;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left}.faq-toggle{font-size:1.5rem;color:#a855f7}.faq-answer{padding:0 1.5rem 1.4rem;color:#94a3b8;line-height:1.6;font-size:1rem}.voicebanks-grid{width:100%;max-width:var(--landing-content-max);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.voicebanks-subtitle{margin-top:-2rem;margin-bottom:2.5rem}.voicebank-card{display:flex;align-items:center;gap:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.4rem 1.6rem}.voicebank-icon{width:64px;height:64px;border-radius:16px;object-fit:cover;background:#ffffff14}.voicebank-body h3{margin:0 0 .35rem;font-size:1.2rem}.voicebank-profile{margin:0;color:#94a3b8;line-height:1.6;font-size:.95rem}.voicebank-credits{margin-top:1.5rem;font-size:.82rem;color:#94a3b8;text-align:left;max-width:var(--landing-content-max)}.voicebank-credits-title{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#cbd5f5;margin-bottom:.5rem}.voicebank-credits-subtitle{margin-top:.6rem}.voicebank-credits ul{margin:.5rem 0 0 1.25rem;padding:0;display:grid;gap:.25rem}.voicebank-credits a{color:#c4b5fd;text-decoration:none}.voicebank-credits a:hover{text-decoration:underline}.highlight-text{color:#c4b5fd;font-weight:600}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:var(--landing-content-max)}.what-it-does-layout{display:grid;gap:1rem;align-items:start;justify-items:center;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);width:100%;max-width:100%;position:relative;padding:1.5rem 0}.what-it-does-section{align-items:flex-start;justify-content:flex-start}.what-it-does-section .section-title,.what-it-does-section .section-subtitle{margin-bottom:1.5rem;text-align:center;width:100%}.what-it-does-cta{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.what-it-does-section .use-case-card{padding:.7rem;background:#12141cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff2e;box-shadow:0 12px 24px #0a0a0f4d}.what-it-does-section .use-case-card h3{font-size:1.1rem;margin-bottom:.2rem}.what-it-does-section .use-case-card .description{font-size:.88rem}.what-it-does-grid{grid-template-columns:1fr;position:relative;z-index:1}.what-it-does-media{display:flex;justify-content:center;align-items:flex-start;order:2}.what-it-does-image{width:100%;max-width:100%;max-height:none;object-fit:contain;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #00000073}.use-case-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:16px;transition:transform .2s,background .2s}.use-case-card:hover{transform:translateY(-5px);background:#ffffff14}.use-case-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#a855f7}.use-case-card p{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#fff}.use-case-card .description{font-size:1rem;font-weight:400;color:#94a3b8;line-height:1.5}.comparison-container{width:100%;max-width:var(--landing-content-max);overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.comparison-table th{font-size:1.25rem;font-weight:600;color:#94a3b8}.comparison-table td{font-size:1.125rem;color:#fff}.comparison-table .highlight{color:#a855f7;font-weight:600;background:#a855f70d;border-bottom:1px solid rgba(168,85,247,.2)}.comparison-table th.highlight{color:#fff;background:#a855f71a;border-radius:12px 12px 0 0}.showcase-mockup{display:flex;width:100%;max-width:var(--landing-content-max);height:500px;background:#1e1e24;border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 20px 50px -10px #00000080}.demo-shell{gap:0}.demo-score{background:#f8fafc}.demo-score-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 18px 30px #0f172a26}.demo-score-placeholder{height:100%;display:grid;align-content:start;gap:12px}.demo-score-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ac7;color:#f8fafc;display:grid;place-items:center;text-align:center;padding:1rem;font-size:.95rem}.demo-chat{background:#15151b;padding:0;gap:0}.demo-controls{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.demo-header h3{margin:0 0 .35rem;font-size:1.05rem;color:#fff}.demo-header p{margin:0;font-size:.85rem;color:#ffffffa6}.demo-song-grid{margin-top:.85rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.demo-song-card{border:1px solid rgba(255,255,255,.12);background:#14141acc;color:#e2e8f0;border-radius:14px;padding:.6rem .7rem;display:grid;gap:.3rem;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.demo-song-card.active{border-color:#a855f7cc;transform:translateY(-2px);box-shadow:0 12px 24px #7c3aed40}.demo-song-title{font-weight:600;font-size:.95rem}.demo-song-file{font-size:.75rem;color:#fff9}.demo-actions{margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}.demo-primary,.demo-secondary{border-radius:999px;border:1px solid transparent;padding:.45rem .95rem;font-size:.8rem;cursor:pointer}.demo-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.demo-secondary{background:#ffffff0d;color:#ffffffb3;border-color:#ffffff26;cursor:not-allowed}.demo-chat-stream{flex:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;overflow-y:auto}.demo-empty{border:1px dashed rgba(255,255,255,.2);border-radius:14px;padding:.85rem;color:#fff9;text-align:center;font-size:.85rem}.demo-prompts{padding:.9rem 1.5rem 1.2rem;border-top:1px solid rgba(255,255,255,.08);background:#0c0c1299}.demo-prompts p{margin:0 0 .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80}.demo-prompt-grid{display:grid;gap:.5rem}.demo-prompt-grid button{text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#e2e8f0;padding:.55rem .75rem;font-size:.82rem;cursor:pointer}.demo-prompt-grid button:disabled{opacity:.4;cursor:not-allowed}.mockup-left{flex:1;border-right:1px solid rgba(255,255,255,.1);background:#fff;position:relative;display:flex;flex-direction:column}.mockup-score-header{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;color:#334155;font-weight:600}.badge{padding:.25rem .65rem;border-radius:999px;background:#7c3aed1a;color:#7c3aed;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.mockup-score-body{flex:1;padding:2rem;position:relative}.note-group{position:relative;height:60px}.staff-line{height:1px;background:#94a3b8;margin-bottom:15px;width:100%}.note{width:15px;height:12px;background:#0f172a;border-radius:50%;position:absolute}.note:after{content:"";position:absolute;right:0;bottom:5px;width:1px;height:40px;background:#0f172a}.mockup-right{flex:.8;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#18181b}.mockup-chat-bubble{padding:1rem 1.25rem;border-radius:12px;font-size:.95rem;line-height:1.5;max-width:90%}.mockup-chat-bubble.user{background:#27272a;color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.mockup-chat-bubble.assistant{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;align-self:flex-start;border-bottom-left-radius:2px}.inline-icon{vertical-align:text-bottom;margin-right:.5rem}.mockup-audio{margin-top:.75rem;background:#0003;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem}.play-btn{width:24px;height:24px;background:#fff;border-radius:50%;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer}.waveform{font-family:monospace;letter-spacing:2px;font-size:.8rem;opacity:.8}.voice-gallery{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;max-width:var(--landing-content-max)}.voice-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;width:300px;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.voice-card:hover{transform:scale(1.05);border-color:#a855f780;box-shadow:0 0 30px #a855f733}.voice-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1.5rem;box-shadow:0 10px 30px #0000004d}.voice-card h3{font-size:1.5rem;margin-bottom:.5rem}.tag{display:inline-block;padding:.25rem .75rem;background:#ffffff1a;border-radius:999px;font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.voice-card p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:var(--landing-content-max)}.step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem;text-align:left;box-shadow:0 12px 30px #00000040}.step-number{font-size:.85rem;color:#a855f7;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.step-card h3{margin:0 0 .6rem;font-size:1.25rem}.step-card p{margin:0;color:#94a3b8;line-height:1.6}.timeline{width:100%;max-width:var(--landing-content-max);display:flex;flex-direction:column;gap:1.25rem}.timeline-row{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.timeline-step{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 10px 30px #7c3aed59}.timeline-content{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.15rem 1.4rem}.timeline-content h3{margin:0 0 .35rem;font-size:1.2rem}.timeline-content p{margin:0;color:#94a3b8;line-height:1.6;font-size:.92rem}@media (max-width: 820px){.timeline-row{grid-template-columns:1fr}.timeline-step{width:44px;height:44px}}.about-content{max-width:800px;width:100%}.bio-list{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.bio-item{display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:start}.bio-label{font-weight:700;color:#a855f7;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;padding-top:.2rem}.bio-value{font-size:1.1rem;line-height:1.6;color:#cbd5e1;display:grid;gap:.4rem}.bio-paragraph{margin:0;font-size:1.1rem;line-height:1.7;color:#e2e8f0}.bio-socials{display:flex;gap:.75rem;align-items:center}.bio-social{width:38px;height:38px;border-radius:50%;border:1px solid rgba(148,163,184,.35);display:inline-flex;align-items:center;justify-content:center;color:#e2e8f0;background:#0f0f1980;transition:transform .2s ease,border-color .2s ease,color .2s ease}.bio-social:hover{transform:translateY(-2px);border-color:#a855f7bf;color:#fff}@media (max-width: 640px){.bio-item{grid-template-columns:1fr;gap:.5rem}}.landing-footer{padding:3rem;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0fb3;scroll-snap-align:end;scroll-snap-stop:always}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.1rem}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.95rem}.footer-links a:hover{color:#fff}.what-it-does-cards{order:1}@media (max-width: 1100px){.landing-hero{flex-direction:column;align-items:flex-start;gap:3rem}.what-it-does-layout{grid-template-columns:1fr;padding:0}.what-it-does-media{order:-1;justify-content:center}.what-it-does-image{max-height:360px}.what-it-does-grid{grid-template-columns:1fr}.hero-title{font-size:3.5rem}.visual-placeholder{position:relative;right:auto;top:auto;transform:none}.showcase-mockup{flex-direction:column;height:auto}.mockup-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width: 820px){.landing-nav{padding:1.25rem 1.75rem;justify-content:flex-start}.nav-left{gap:.5rem}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-left:auto}.nav-shortcuts{display:none}.btn-nav-primary,.btn-nav-secondary{font-size:.85rem;padding:.5rem .9rem}.btn-nav-compact .label-long{display:none}.btn-nav-compact .label-short{display:inline}.nav-links .btn-nav-primary:last-of-type{display:none}.nav-menu{display:flex;flex:0;justify-content:flex-end}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.landing-hero{padding:5rem 1.75rem 4rem}.landing-section{padding:4rem 1.75rem}.hero-title{font-size:3rem}.hero-actions{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.65rem}.visual-placeholder{width:320px;height:320px}.comparison-table th,.comparison-table td{padding:1rem}}@media (max-width: 640px){.landing-nav{padding:1rem 1.25rem}.nav-left,.landing-nav .brand{gap:.4rem}.landing-nav .brand-icon{width:32px;height:32px;padding:7px}.nav-links{flex-wrap:nowrap;gap:.4rem}.btn-nav-primary,.btn-nav-secondary{font-size:.78rem;padding:.45rem .65rem}.landing-nav .brand-name{display:none}.landing-nav .btn-primary{font-size:.9rem;padding:.6rem 1rem;border-radius:999px}.landing-hero{padding:4.5rem 1.25rem 3rem}.landing-section{padding:3rem 1.25rem}.hero-title{font-size:2.4rem}.hero-actions{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.5rem}.hero-actions .btn-primary,.hero-actions .btn-secondary{font-size:.82rem;padding:.55rem .85rem;border-radius:999px;white-space:nowrap}.hero-actions svg{width:16px;height:16px}.hero-actions .label-long{display:none}.hero-actions .label-short{display:inline}.section-title{font-size:2rem}.voice-card{width:100%}.mockup-right,.mockup-left{padding:1rem}}.protected-route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0f0f1a);color:var(--text-secondary, #aaa);gap:1rem}.protected-route-spinner{animation:spin 1s linear infinite;color:var(--accent-color, #7c3aed)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.protected-route-unauthenticated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0f0f1a);padding:2rem}.protected-route-card{background:var(--card-bg, #1a1a2e);border:1px solid var(--border-color, #2a2a4e);border-radius:16px;padding:2.5rem;text-align:center;max-width:400px;width:100%}.protected-route-card h2{color:var(--text-primary, #fff);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.protected-route-card p{color:var(--text-secondary, #aaa);margin:0 0 1.5rem;line-height:1.5}.protected-route-error{color:#f87171;margin:-.5rem 0 1rem;font-size:.95rem}.protected-route-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s}.protected-route-signin-btn:hover{opacity:.9;transform:translateY(-1px)}:root{color-scheme:dark;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;--bg-0: #0d0b18;--bg-1: #191327;--bg-2: #241a38;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--text-strong: #f5f7fa;--text-muted: #9aa6b2;--accent: #b77dff;--accent-strong: #e2c7ff;--accent-cool: #9b86ff;--shadow-strong: 0 24px 60px rgba(2, 6, 23, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(155,134,255,.18),transparent 50%),radial-gradient(circle at 20% 20%,rgba(183,125,255,.15),transparent 55%),radial-gradient(circle at 80% 10%,rgba(226,199,255,.1),transparent 45%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));color:var(--text-strong);min-height:100vh;overflow:hidden}body.landing-active{overflow:hidden}body.legal-active{overflow:auto}html,body{margin:0;padding:0;overflow-x:hidden;width:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:.15;pointer-events:none}#root{display:flex;justify-content:center;align-items:flex-start;padding:16px;height:100vh}body.landing-active #root,body.legal-active #root{padding:0;height:auto;min-height:100vh;align-items:stretch}.app-shell{width:100%;display:flex;flex-direction:column;gap:20px;height:100%;animation:page-enter .52s ease-out}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:18px;background:linear-gradient(120deg,#1f2630cc,#181d25b3);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:30}.header-actions{display:flex;align-items:center;gap:16px}.user-menu{position:relative}.user-menu-button{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.user-menu-button:hover{background:#ffffff1f}.user-menu-avatar{width:28px;height:28px;border-radius:999px;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.btn-secondary-inline{display:inline-flex;align-items:center;height:32px;padding:4px 12px;font-size:.85rem;border-radius:999px;line-height:1.1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;transition:all .2s ease;cursor:pointer}.btn-secondary-inline:hover{background:#ffffff14;border-color:#3b82f64d}.btn-primary-inline{display:inline-flex;align-items:center;height:32px;padding:4px 14px;font-size:.95rem;font-weight:600;border-radius:999px;line-height:1.1;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary-inline:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px #7c3aed66}.user-menu-initials{text-transform:uppercase}.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:min(960px,calc(100% - 32px));width:100%;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:16px;background:#0c0c12eb;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999}.cookie-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;line-height:1}.cookie-close:hover{background:#ffffff1f}.cookie-banner__content{display:flex;flex-direction:column;gap:6px;color:var(--text-strong);padding-right:24px}.cookie-banner__title{font-weight:600;font-size:.95rem}.cookie-banner__text{color:var(--text-muted);font-size:.9rem}.cookie-banner__link{color:var(--accent-strong);text-decoration:none}.cookie-banner__link:hover{text-decoration:underline}.cookie-banner__actions{display:flex;gap:10px;flex-shrink:0}.cookie-button{border-radius:999px;padding:8px 16px;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.cookie-button--secondary{background:#ffffff14;color:var(--text-strong);border-color:#ffffff26}.cookie-button--secondary:hover{background:#ffffff24}.cookie-button--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none}.cookie-button--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px #7c3aed80}@media (max-width: 720px){.cookie-banner{flex-direction:column;align-items:flex-start}.cookie-banner__actions{width:100%;justify-content:flex-end}.cookie-close{top:8px;right:10px}}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#141620f5;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;box-shadow:var(--shadow-strong);z-index:200;display:flex;flex-direction:column;gap:8px}.user-menu-profile{display:flex;flex-direction:column;gap:4px;padding:6px 4px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.user-menu-name{font-size:.95rem;font-weight:600}.user-menu-email{font-size:.85rem;color:var(--text-muted)}.user-menu-item{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:10px;background:#ffffff0a;color:#f1f5f9;cursor:pointer;transition:background .2s ease}.user-menu-item-mobile-only{display:none}.user-menu-item:hover{background:#ffffff1f}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s}.icon-button:hover{background:#ffffff1a;color:#f1f5f9;border-color:#fff3;transform:translateY(-1px)}.brand{display:flex;align-items:center;gap:16px}.brand h1{font-family:Fraunces,Space Grotesk,sans-serif;font-size:28px;margin:0}.brand p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.brand-icon{width:38px;height:38px;padding:9px;border-radius:12px;background:radial-gradient(circle,#b77dffe6,#9b86ff99);box-shadow:0 10px 30px #b77dff59}.status-pill{padding:8px 16px;font-size:13px;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;background:#9b86ff1f;border:1px solid rgba(155,134,255,.35);color:var(--accent-cool)}.error-banner{padding:12px 18px;border-radius:12px;background:#ff626226;border:1px solid rgba(255,98,98,.35);color:#ff9b9b}.message-box{margin:0 2rem 1rem;padding:12px 18px;border-radius:14px;font-size:13px;letter-spacing:.01em;border:1px solid transparent;display:flex;align-items:center;gap:10px}.message-box svg{flex-shrink:0}.message-box.info{background:#3b82f629;border-color:#3b82f673;color:#e0f2fff2;box-shadow:0 16px 30px #2563eb1f}.message-box.warning{background:#fbbf242e;border-color:#fbbf248c;color:#fff6d7f2;box-shadow:0 16px 30px #d977062e}.message-box.error{background:#f871712e;border-color:#f871718c;color:#ffe4e4f2;box-shadow:0 16px 30px #ef44442e}.split-grid{--split: 40%;display:grid;grid-template-columns:minmax(280px,var(--split)) 14px minmax(320px,1fr);gap:12px;min-height:0;flex:1}.chat-panel,.score-panel{background:linear-gradient(160deg,#1c222be6,#141921e6);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-strong);padding:20px;display:flex;flex-direction:column;min-height:0}.chat-header,.score-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.chat-header h2,.score-header h2{margin:0;font-size:20px}.chat-subtitle{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.score-controls{display:flex;align-items:center;gap:16px}.score-subtitles{display:flex;flex-direction:column;gap:6px}.score-estimate{color:#dcd2ffd9;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.zoom-controls{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.zoom-button{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-strong);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.zoom-button:disabled{opacity:.5;cursor:not-allowed}.zoom-button:not(:disabled):hover{transform:translateY(-1px);background:#b77dff4d}.zoom-value{font-size:12px;color:var(--text-muted);min-width:42px;text-align:center}.chat-stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:6px;position:relative}.chat-stream::-webkit-scrollbar{width:6px}.chat-stream::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.empty-state{border:1px dashed rgba(255,255,255,.18);border-radius:16px;padding:18px;color:var(--text-muted);text-align:center;background:#ffffff08}.demo-empty-action{width:100%;display:grid;place-items:center;gap:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.demo-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-strong)}.demo-empty-action:hover{color:var(--text-strong);border-color:#b77dff66}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;border:1px dashed rgba(183,125,255,.6);background:#0f141ce0;display:grid;place-items:center;color:var(--accent-strong);text-align:center;padding:16px;pointer-events:none}.chat-panel.drag-active{border-color:#b77dff66;box-shadow:0 24px 50px #b77dff33}.chat-bubble{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#171d24d9;box-shadow:0 12px 32px #050a124d;position:relative;animation:bubble-rise .4s ease-out both}.chat-bubble.user{align-self:flex-end;background:linear-gradient(140deg,#9b86ff38,#9b86ff14);border-color:#9b86ff59}.chat-bubble.assistant{align-self:flex-start;background:linear-gradient(140deg,#b77dff2e,#1f2630cc);border-color:#b77dff47}.chat-bubble.progress-bubble,.chat-bubble.audio-bubble{min-width:min(320px,100%)}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-markdown{display:grid;gap:8px}.chat-markdown p{margin:0;white-space:pre-wrap}.chat-markdown table{width:100%;border-collapse:collapse;font-size:.95rem}.chat-markdown th,.chat-markdown td{text-align:left;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.chat-markdown th{color:#dcd2ffe6;font-weight:600}.thinking-bubble{align-self:flex-start;padding:12px 16px;background:#191f28cc}.thinking-dots{display:flex;align-items:center;gap:8px;min-height:12px}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:#d2beffcc;animation:dot-pulse 1.1s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}div[id^=fire_app_check_]{display:block!important}.grecaptcha-badge{visibility:visible!important}.waitlist-confirmed{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0c1018f2,#1b132ce6);color:var(--text-strong, #f4f4f7)}.waitlist-confirmed-card{max-width:520px;padding:32px;border-radius:18px;background:#171d24d9;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px #0006;text-align:center;display:grid;gap:12px}.waitlist-confirmed-card h1{margin:0;font-size:1.8rem}.waitlist-confirmed-card p{margin:0;color:var(--text-muted, #9aa0a6)}.waitlist-confirmed-card button{margin-top:8px;padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:600;cursor:pointer}.selection-panel{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(183,125,255,.35);background:#ffffff0a;display:grid;gap:10px}.selection-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.selection-field{display:grid;gap:6px}.selection-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.selection-select{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0c1466;color:var(--text-strong);padding:8px 10px;font-size:13px;outline:none}.selection-select:focus{border-color:#b77dff99;box-shadow:0 0 0 2px #b77dff33}.selection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.selection-send{border:none;border-radius:999px;padding:8px 16px;background:linear-gradient(140deg,#c8a0ffe6,#8c78ffe6);color:#0b1014;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.selection-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.selection-send:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #9b86ff59}.selection-hint{font-size:12px;color:var(--text-muted)}.audio-player{width:100%;margin-top:10px;border-radius:12px;background:#ffffff14}.chat-input{margin-top:16px;display:flex;flex-direction:column;gap:12px}.demo-chat-input{gap:10px}.demo-prompts-row{display:grid;gap:8px}.demo-prompt-button{text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-strong);padding:10px 12px;font-size:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.demo-prompt-button:disabled{opacity:.5;cursor:not-allowed}.demo-prompt-button:not(:disabled):hover{transform:translateY(-1px);border-color:#b77dff66}.demo-options{display:grid;gap:12px}.demo-option-grid{display:grid;gap:8px}.demo-option-button{text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:var(--text-strong);padding:10px 12px;font-size:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.demo-option-button:hover{transform:translateY(-1px);border-color:#b77dff66}.demo-reset-button{border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:var(--text-muted);padding:10px 12px;font-size:13px;cursor:pointer}.demo-reset-button:hover{color:var(--text-strong);border-color:#b77dff66}.demo-app .chat-panel{border-color:#ffffff14}.upload-button{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-strong);font-size:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.upload-button input{display:none}.upload-button:hover{transform:translateY(-1px);border-color:#b77dff66}.input-row{display:flex;gap:10px}.input-row input{flex:1;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-strong);padding:12px 14px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-row input:focus{border-color:#9b86ff99;box-shadow:0 0 0 3px #9b86ff33}.send-button{border:none;border-radius:14px;padding:0 16px;background:linear-gradient(140deg,var(--accent),var(--accent-cool));color:#0b1014;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.send-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #9b86ff59}.score-panel{position:relative;overflow:hidden}.split-handle{align-self:stretch;border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.08);cursor:col-resize;position:relative;touch-action:none}.split-handle:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:48px;transform:translate(-50%,-50%);border-radius:999px;background:#b77dff99;box-shadow:0 0 12px #b77dff80}.score-canvas{flex:1;position:relative;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:12px;overflow:auto}.score-surface{background:#f7f2ea;border-radius:12px;padding:16px;min-height:100%;color:#1b1b1b}.score-surface svg{width:100%;height:auto}.score-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:var(--text-muted);padding:0 24px}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (max-width: 980px){body{overflow-y:auto}#root{padding:18px;height:auto}.app-shell{height:auto}.split-grid{flex:none}.app-header{flex-direction:column;align-items:flex-start;gap:12px}.app-shell .header-actions{width:100%;justify-content:center;flex-wrap:wrap}.split-grid{grid-template-columns:1fr}.score-panel,.chat-panel{min-height:300px}.split-handle{display:none}}@media (max-width: 600px){.input-row{flex-direction:column}.send-button{width:100%;padding:12px 16px}.demo-app .header-actions .btn-primary-inline,.demo-app .header-actions .status-pill{height:36px;display:inline-flex;align-items:center}.demo-app .header-actions .btn-primary-inline{padding:0 14px;line-height:1.2}.demo-app .header-actions .status-pill{padding:0 14px}.demo-app .header-actions{justify-content:space-between;width:100%}.demo-app .header-actions .user-menu{margin-left:auto}.app-shell .header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px}.app-shell .status-pill{padding:6px 10px;font-size:12px}.app-shell .user-menu-button{padding:4px 8px;gap:6px}.app-shell .user-menu-avatar{width:24px;height:24px;font-size:.7rem}.demo-app .header-actions .demo-join-button,.app-shell .header-actions .app-join-button,.demo-app .header-actions .demo-action-label{display:none}.user-menu-item-mobile-only{display:inline-flex}.demo-app .header-actions .btn-primary-inline{gap:0;padding:0 12px;min-width:36px;justify-content:center}.demo-app .header-actions .demo-action-icon{margin:0}}.legal-page{max-width:840px;margin:0 auto;padding:4rem 1.5rem 6rem;color:#e2e8f0;font-family:Space Grotesk,sans-serif;line-height:1.7;background:#0f0f12;min-height:100vh;width:100%}.legal-page h1{font-size:2.4rem;margin:0 0 .5rem}.legal-page h2{font-size:1.35rem;margin:2rem 0 .5rem;color:#c4b5fd}.legal-page ul{margin:.5rem 0 .5rem 1.25rem}.legal-page a{color:#c4b5fd;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-updated{color:#94a3b8;margin:0 0 1.5rem}.legal-disclaimer{margin-top:2.5rem;font-size:.9rem;color:#94a3b8}