:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09040e;color:#fff;font-synthesis:none}*{box-sizing:border-box}html{background:#09040e}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 30% -10%,#2f1549 0,#13081f 35%,#09040e 72%)}button,input,select,textarea{font:inherit}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}.shell{width:min(940px,100%);margin:0 auto;padding:28px 18px max(40px,env(safe-area-inset-bottom))}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{margin:0 0 5px;color:#c18cff;font-weight:900;letter-spacing:.2em;font-size:.8rem}.hero h1{margin:0;font-size:clamp(2rem,7vw,3.35rem);letter-spacing:-.045em;line-height:1}.subtitle{margin:10px 0 0;color:#c7b8d4}.panel{background:#180a24f0;border:1px solid #54306c;border-radius:22px;padding:clamp(20px,4vw,30px);box-shadow:0 22px 70px #0000003d}.generator-panel{margin-bottom:16px}.result-panel,.about-panel{margin-top:16px}.about-panel h2,.result-panel h2{margin:0 0 14px;font-size:1.05rem}.about-panel p{line-height:1.55;margin:8px 0}.muted,.hint{color:#c6acd5}.field{margin-bottom:20px}.field label{display:block;font-weight:800;margin-bottom:8px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;border:1px solid #65417d;border-radius:13px;background:#100718;color:#fff;padding:13px 14px;outline:none}input,select{min-height:50px}textarea{min-height:330px;resize:vertical;line-height:1.55}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{border-color:#c989ff;box-shadow:0 0 0 3px #c989ff33;outline:none}.voice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.hint{font-size:.9rem;margin:8px 0 0;line-height:1.45}#previewAudio{width:100%;margin-top:10px}.stats{display:flex;gap:10px 18px;flex-wrap:wrap;color:#d2b9df;font-size:.95rem;font-variant-numeric:tabular-nums}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.button-link{min-height:48px;border-radius:13px;border:1px solid transparent;padding:12px 17px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#b46df0;color:#12051e;border-color:#c184f6}.primary:hover:not(:disabled){background:#c684fa}.secondary,.ghost{background:#21102d;color:#f9f2fd;border-color:#58366d}.secondary:hover:not(:disabled),.ghost:hover:not(:disabled){background:#2c153b}.danger{background:#7c2736;color:#fff;border-color:#9c3c4d}.small-button{min-height:40px;padding:9px 13px}.progress-card{margin-top:16px;border:1px solid #5d3774;border-radius:16px;padding:15px;background:#12071b}.progress-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-heading span{font-variant-numeric:tabular-nums}progress{width:100%;height:12px;margin-top:12px;accent-color:#ba72ef}.status-detail{margin-bottom:0}.result-panel audio{width:100%;margin:6px 0 16px}.button-link{min-width:170px}footer{padding:18px 4px 0;color:#8d759b;font-size:.8rem;line-height:1.45}footer p{margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:720px){.grid-two{grid-template-columns:1fr;gap:0}.voice-row{grid-template-columns:1fr}.voice-row button{width:100%}textarea{min-height:390px}.actions>button,.actions>.button-link{flex:1 1 170px}.hero{align-items:flex-start}.small-button{flex:0 0 auto}}@media(max-width:430px){.shell{padding:18px 12px 34px}.panel{border-radius:16px;padding:17px}.stats{font-size:.9rem}.progress-heading{align-items:flex-start;flex-direction:column}}.build-badge{display:inline-block;margin-left:.45rem;padding:.15rem .45rem;border:1px solid #a85ce6;border-radius:999px;font-size:.75rem;font-weight:700;color:#dfb7ff;vertical-align:middle}