@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";html,body,#root{min-height:100%;margin:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#0a0a0a;--surface:#131316;--surface-2:#1a1a1f;--line:#26262e;--text:#f4f4f6;--muted:#8a8a96;--accent:#ff3b3b;--accent-soft:#ff3b3b26;--danger:#ff6b6b;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(ellipse at 20% 20%, #141420 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, #141018 0%, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.glass{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#101014a6;border:1px solid #ffffff0f;box-shadow:0 1px 2px #0006,0 20px 50px -20px #000000b3}.btn-primary{color:#000;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #ff3b3b59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff3b3b80}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:#ffffff08;border-color:#555}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-lg{padding:.95rem 2.2rem;font-size:1rem}.section-tag{background:var(--accent-soft);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:.8rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;display:inline-block}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{letter-spacing:-.03em;margin:.5rem 0 .8rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--muted);max-width:520px;margin:0 auto;font-size:1.05rem}.nav{z-index:100;border-top:none;border-left:none;border-right:none;border-radius:0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:.9rem 1.25rem;display:flex}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-icon{justify-content:center;align-items:center;display:inline-flex}.nav-links{gap:2rem;display:inline-flex}.nav-links a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-actions{gap:.6rem;display:inline-flex}.hero{text-align:center;padding:5rem 1.25rem 6rem;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% -10%,#ff3b3b38 0%,#0000 70%),radial-gradient(60% 50% at 80% 30%,#ff5a5a1f 0%,#0000 70%),radial-gradient(60% 50% at 20% 30%,#ff64641a 0%,#0000 70%);animation:16s ease-in-out infinite alternate glowDrift;position:absolute;inset:0}@keyframes glowDrift{0%{transform:translate(0)scale(1)}to{transform:translate(-20px,30px)scale(1.05)}}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.hero-content{text-align:left}.badge{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.4rem 1rem;font-size:.82rem;font-weight:600;animation:.6s both fadeInUp;display:inline-flex}.hero-title{letter-spacing:-.04em;margin:0 0 1.2rem;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:900;line-height:1.05;animation:.6s .1s both fadeInUp}.gradient-text{background:linear-gradient(135deg,#ff3b3b 0%,#f77 50%,#f44 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--muted);margin:0 0 2rem;font-size:1.15rem;line-height:1.65;animation:.6s .2s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-bottom:2.5rem;animation:.6s .3s both fadeInUp;display:flex}.hero-social{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.88rem;animation:.6s .4s both fadeInUp;display:flex}.hero-logos{flex-wrap:wrap;gap:.5rem;display:inline-flex}.logo-pill{border:1px solid var(--line);color:var(--text);background:#ffffff05;border-radius:999px;padding:.3rem .8rem;font-size:.82rem;font-weight:700}.hero-visual{justify-content:center;animation:.7s .2s both fadeInUp;display:flex}.mockup{border-radius:var(--radius-lg);width:100%;max-width:440px;padding:1.5rem}.mockup-header{gap:.45rem;margin-bottom:1.2rem;display:flex}.dot{background:#444;border-radius:50%;width:10px;height:10px;display:block}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.mockup-body{border-radius:var(--radius-md);border:1px solid var(--line);background:#00000059;padding:1.5rem}.mockup-waves{justify-content:center;align-items:flex-end;gap:3px;height:90px;display:flex}.bar{background:var(--accent);opacity:.8;border-radius:999px;width:3px;animation:1.2s ease-in-out infinite soundBounce;display:block}.bar:nth-child(odd){animation-delay:.15s}.bar:nth-child(3n){opacity:.5;animation-delay:.3s}@keyframes soundBounce{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.features{max-width:1200px;margin:0 auto;padding:5rem 1.25rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.feature-card{border-radius:var(--radius-lg);cursor:default;color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141a8c;border:1px solid #ffffff0f;padding:1.6rem;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #0006,0 24px 60px -20px #000000bf}.feature-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.8rem;display:inline-flex}.feature-card h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--muted);font-size:.95rem;line-height:1.6}.about{max-width:1200px;margin:0 auto;padding:5rem 1.25rem}.about-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem;display:grid}.about-text p{color:var(--muted);margin:1rem 0;font-size:1.05rem;line-height:1.7}.about-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:1.5rem;display:grid}.stat-value{color:var(--text);letter-spacing:-.03em;font-size:1.6rem;font-weight:800;display:block}.stat-label{color:var(--muted);margin-top:.2rem;font-size:.82rem;display:block}.about-visual{border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:360px;padding:2rem;display:flex;position:relative;overflow:hidden}.about-card-stack{width:240px;height:200px;position:relative}.about-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08;width:220px;height:140px;position:absolute}.about-card:first-child{background:#ff3b3b0d;top:20px;left:0;transform:rotate(-6deg)}.about-card:nth-child(2){top:70px;left:20px;transform:rotate(4deg)}.about-card:nth-child(3){background:#ffffff0a;top:120px;left:10px;transform:rotate(-2deg)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff03;padding:3rem 1.25rem}.stats-inner{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.stat-item .stat-value{background:linear-gradient(#fff 20%,#777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:900}.stat-item .stat-label{color:var(--muted);margin-top:.4rem;font-size:.88rem}.how-it-works{max-width:1100px;margin:0 auto;padding:5rem 1.25rem}.steps{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid;position:relative}.steps:before{content:"";background:var(--line);z-index:0;height:1px;position:absolute;top:28px;left:55px;right:55px;overflow:hidden}@media (width<=900px){.steps:before{display:none}}.step{text-align:center;z-index:1;padding-top:.6rem;position:relative}.step-number{background:var(--surface-2);border:1px solid var(--line);width:56px;height:56px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #0006}.step h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.step p{color:var(--muted);font-size:.92rem;line-height:1.6}.testimonials{max-width:1200px;margin:0 auto;padding:5rem 1.25rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.testimonial{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141a8c;border:1px solid #ffffff0f;gap:1.2rem;padding:1.6rem;transition:transform .25s;display:grid}.testimonial:hover{transform:translateY(-3px)}.testimonial-content{color:var(--text);font-size:.98rem;line-height:1.7}.testimonial-author{align-items:center;gap:.7rem;display:inline-flex}.avatar{background:var(--accent-soft);border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.testimonial-author div{flex-direction:column;display:flex}.testimonial-author strong{color:var(--text);font-size:.9rem}.testimonial-author span{color:var(--muted);font-size:.8rem}.faq{max-width:760px;margin:0 auto;padding:5rem 1.25rem}.faq-list{gap:.6rem;display:grid}.faq-item{border-radius:var(--radius-md);border:1px solid var(--line);background:#14141a80;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:#3a3a42}.faq-question{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.faq-question span:first-child{flex:1}.chevron{width:28px;height:28px;color:var(--muted);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:transform .25s;display:inline-flex}.chevron.open{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer.open{max-height:220px}.faq-answer p{color:var(--muted);padding:0 1.4rem 1.2rem;font-size:.95rem;line-height:1.7}.cta-section{max-width:900px;margin:0 auto;padding:5rem 1.25rem}.cta-card{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141aa6;border:1px solid #ffffff0f;padding:4rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#ff3b3b38 0%,#0000 70%);position:absolute;inset:0}.cta-card>*{z-index:1;position:relative}.cta-card h2{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.cta-card p{color:var(--muted);margin:0 0 1.6rem;font-size:1.05rem}.footer{border-top:1px solid var(--line);background:#ffffff03;padding:3rem 1.25rem 2rem}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-bottom:2rem;display:flex}.footer-brand{color:var(--text);align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:inline-flex}.footer-links{gap:4rem;display:inline-flex}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-col h4{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .3rem;font-size:.82rem;font-weight:700}.footer-col a{color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.85rem;display:flex}.social-links{gap:.8rem;display:inline-flex}.social-links a{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.social-links a:hover{color:var(--text);border-color:#555}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-shell{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.top-nav{z-index:100;border-top:none;border-left:none;border-right:none;border-radius:0;position:sticky;top:0}.nav-actions-sm{gap:.5rem;display:inline-flex}.btn-ghost-sm{color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .18s}.btn-ghost-sm:hover{background:#ffffff08;border-color:#555}.logo-sm{color:var(--text);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=1024px){.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-content{text-align:center}.hero-actions,.hero-social{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.about-inner{grid-template-columns:1fr;gap:2rem}.steps{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr 1fr}.stats-inner{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=720px){.nav-links,.nav-actions{display:none}.hero{padding:3rem 1rem 4rem}.hero-title{font-size:2.4rem}.features-grid,.steps,.testimonials-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(3,1fr);gap:.8rem}.footer-top{flex-direction:column}.footer-links{flex-direction:column;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column}.cta-card{padding:2.5rem 1.2rem}}@media (width<=380px){.hero-title{font-size:1.8rem}.btn-lg{justify-content:center;width:100%;padding:.7rem 1.2rem;font-size:.9rem}.hero-actions{flex-direction:column;width:100%}.about-stats{grid-template-columns:1fr 1fr}.stats-inner{grid-template-columns:1fr 1fr;gap:1.5rem}}:root{--bg:#0a0a0a;--surface:#131313;--surface-2:#1a1a1a;--line:#262626;--text:#f5f5f5;--muted:#8a8a8a;--accent:#f3f3f3;--danger:#ff6b6b}body{color:var(--text);background:radial-gradient(ellipse at 20% 20%, #1a1a2e 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, #1e1a1a 0%, transparent 55%), radial-gradient(ellipse at 50% 0%, #161625 0%, transparent 50%), var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reader-shell{gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:grid}.reader-header{flex-direction:column;gap:.25rem;display:flex}.reader-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.reader-subtitle{color:var(--muted);margin:0;font-size:clamp(.8rem,2.5vw,.9rem)}.reader-controls{flex-wrap:wrap;gap:.6rem;width:fit-content;display:flex}.control-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;min-width:44px;min-height:44px;padding:.65rem 1.2rem;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:700;transition:background .18s,border-color .18s,transform .15s}.control-btn:hover:not(:disabled){background:var(--surface-2);border-color:#4a4a4a;transform:translateY(-1px)}.control-btn:active:not(:disabled){transform:translateY(0)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.stop{border-color:var(--danger);color:var(--danger)}.reader-settings{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:1.1rem;display:grid}.setting-field{flex-direction:column;gap:.5rem;display:flex}.reader-label{color:var(--muted);letter-spacing:.01em;font-size:clamp(.75rem,2.2vw,.85rem);font-weight:700}.reader-select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:.6rem 2.2rem .6rem .8rem;font-family:inherit;font-size:clamp(.85rem,2.5vw,.95rem);transition:border-color .16s}.reader-select:focus{border-color:#555}.reader-slider{appearance:none;cursor:pointer;touch-action:manipulation;background:#262626;border-radius:3px;outline:none;width:100%;height:6px}.reader-slider::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;width:22px;height:22px}.reader-slider::-moz-range-thumb{background:var(--text);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:22px;height:22px}.reader-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:.7rem;padding:1rem;display:grid}.reader-textarea{border:1px solid var(--line);background:var(--bg);width:100%;min-height:clamp(300px,50vh,500px);color:var(--text);resize:vertical;-webkit-appearance:none;border-radius:12px;outline:none;padding:.9rem;font-family:inherit;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.7;transition:border-color .16s}.reader-textarea:focus{border-color:#3a3a3a}.reader-nav-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #262626;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .18s}.reader-nav-btn:hover{background:#f5f5f5;border-color:#555}.reader-meta{color:var(--muted);flex-wrap:wrap;gap:1.1rem;font-size:clamp(.75rem,2.2vw,.85rem);display:flex}@media (width>=768px) and (width<=1024px){.reader-shell{max-width:100%;padding:1.25rem}.reader-settings{grid-template-columns:repeat(2,1fr);gap:1.1rem;padding:1.2rem}.reader-textarea{min-height:400px}}@media (width>=568px) and (width<=767px){.reader-shell{gap:.9rem;padding:1rem}.reader-settings{grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem}.reader-textarea{min-height:320px}.control-btn{min-height:42px;padding:.6rem 1rem}}@media (width<=567px){.reader-shell{gap:.75rem;padding:.75rem}.reader-settings{grid-template-columns:1fr;gap:.8rem;padding:.9rem}.reader-textarea{min-height:280px;font-size:.9rem}.reader-controls{justify-content:stretch;width:100%}.control-btn{flex:1;justify-content:center;min-height:48px;padding:.7rem .8rem;font-size:.85rem}.reader-meta{flex-direction:column;gap:.3rem}.reader-panel{padding:.9rem}}@supports (padding-bottom:env(safe-area-inset-bottom)){.reader-shell{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}@media (width<=567px){.reader-shell{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}}@media (width<=567px){input[type=range]{height:8px}.reader-select{background-position:right .7rem center;background-size:14px 14px}}@media (height<=500px) and (orientation:landscape){.reader-textarea{min-height:200px}.reader-settings{gap:.6rem;padding:.8rem}}:root{--bg:#060606;--bg-soft:#0d0d0d;--surface:#121212;--surface-2:#171717;--line:#2e2e2e;--line-soft:#242424;--text:#fafafa;--muted:#9f9f9f;--accent:#f3f3f3;--danger:#ff6b6b;--radius-lg:24px;--radius-md:14px}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 10% 10%, #171717 0, transparent 40%), radial-gradient(circle at 90% 0%, #141414 0, transparent 34%), repeating-linear-gradient(90deg, #ffffff05, #ffffff05 1px, transparent 1px, transparent 90px), var(--bg);min-height:100vh;margin:0;font-family:Manrope,sans-serif}#root{min-height:100vh}.app-shell{gap:1rem;width:min(1240px,100% - 1.6rem);margin:0 auto;padding:1.4rem 0 2.4rem;display:grid}.app-header{border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0d,#ffffff03);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.2rem;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}h1,h2{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif}h1{margin-top:.2rem;font-size:clamp(2rem,5vw,3.6rem)}.subtitle{color:var(--muted);margin:.4rem 0 0;line-height:1.6}.header-actions,.output-actions{flex-wrap:wrap;gap:.7rem;display:flex}button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.72rem 1rem;font-size:.9rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{color:#020202;background:var(--accent);border-color:var(--accent)}.ghost{color:var(--text);border-color:var(--line);background:0 0}.ghost.danger{color:var(--danger);border-color:#ff6b6b66}.mode-tabs{gap:.6rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.mode-tabs button{border-radius:var(--radius-md);background:var(--bg-soft);border-color:var(--line-soft);color:var(--muted);white-space:nowrap}.mode-tabs button.active{color:var(--text);border-color:var(--text)}.layout-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffff08,#ffffff03);gap:.9rem;padding:1rem;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.panel h2{font-size:1.2rem}.grid-2,.grid-3{gap:.7rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.input,.select,.textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:12px}.input,.select{min-height:45px;padding:.64rem .76rem}.textarea{resize:vertical;padding:.8rem;line-height:1.6}.field label{color:var(--muted);margin-bottom:.45rem;font-size:.88rem;display:block}.chip-grid{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:.5rem .8rem}.chip.active{color:#020202;background:var(--text);border-color:var(--text)}.slider-grid{gap:.72rem;display:grid}.slider-control{gap:.4rem;display:grid}.slider-header{color:var(--muted);justify-content:space-between;font-size:.86rem;display:flex}.slider-control input[type=range]{width:100%}.character-list,.saved-projects{gap:.7rem;display:grid}.character-card,.saved-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;gap:.62rem;padding:.75rem;display:grid}.character-head,.saved-card,.workspace-actions{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.saved-card p{color:var(--muted);margin:.2rem 0 0;font-size:.82rem}.saved-actions{gap:.4rem;display:flex}.check-row{border:1px solid var(--line);border-radius:12px;align-items:center;gap:.45rem;min-height:45px;padding:.65rem .8rem;display:inline-flex}.output-panel{margin-top:.2rem}.output-meta{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.audio{width:100%}.muted{color:var(--muted);line-height:1.6}.waveform{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(28,1fr);align-items:end;gap:.28rem;height:42px;padding:.5rem;display:grid}.waveform span{background:#4f4f4f;border-radius:999px;height:18%;display:block}.waveform.active span{background:#d8d8d8;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45;height:16%}50%{opacity:1;height:100%}}@media (width<=980px){.layout-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=720px){.app-shell{width:calc(100% - 1rem);padding-top:.8rem}.app-header{flex-direction:column;align-items:flex-start}.grid-2,.grid-3{grid-template-columns:1fr}.workspace-actions,.character-head,.saved-card{flex-direction:column;align-items:stretch}}.live-voice-studio{gap:1rem;display:grid}.live-header{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffff08,#ffffff03);justify-content:space-between;align-items:center;padding:1rem;display:flex}.mic-status{color:var(--muted);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.status-indicator{background:var(--muted);border-radius:50%;width:10px;height:10px;display:block}.status-indicator.active{background:#4ade80;box-shadow:0 0 10px #4ade80}.emotion-section label,.slider-section label,.toggle-section label{color:var(--muted);margin-bottom:.45rem;font-size:.88rem;display:block}.emotion-chips{flex-wrap:wrap;gap:.5rem;display:flex}.realtime-waveform{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:80px;padding:.5rem}.waveform-bars{justify-content:center;align-items:flex-end;gap:2px;height:100%;display:flex}.waveform-bars span{background:var(--muted);border-radius:2px;flex:1;min-width:2px;transition:height 50ms}.action-section{flex-wrap:wrap;gap:.7rem;display:flex}.output-section{gap:.5rem;display:grid}.primary.danger{background:var(--danger);border-color:var(--danger);color:var(--text)}