:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#102030;background-color:#eef2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:inherit}#app{width:min(960px,100%)}.app{background:#fff;border-radius:18px;padding:2.5rem;box-shadow:0 24px 60px -35px #18304e73;display:flex;flex-direction:column;gap:1.75rem}header h1{margin:0;font-size:clamp(1.8rem,2vw + 1rem,2.6rem);color:#0d1f38}.muted{margin:.25rem 0 0;color:#5e6c7d}.field{display:flex;flex-direction:column;gap:.6rem}.field span{display:block;font-size:.95rem;font-weight:600;color:#1f3652}.field select,.field textarea,.field input[type=range]{font-family:inherit;font-size:1rem;border-radius:12px;border:1px solid #d0d8e4;background:#f9fbff;padding:.75rem 1rem;color:inherit;box-sizing:border-box;transition:border .2s ease,box-shadow .2s ease}.field textarea{resize:vertical;min-height:220px;line-height:1.6}.field select:focus,.field textarea:focus,.field input[type=range]:focus{outline:3px solid rgba(76,129,235,.3);border-color:#4c81eb;background:#fff}.field input[type=range]{padding-inline:0;accent-color:#4c81eb}.field output{font-size:.9rem;color:#3d4d62}.field-group{display:flex;gap:1.5rem;flex-wrap:wrap}.field-group .field{flex:1 1 200px}.actions{display:flex;gap:1rem;flex-wrap:wrap}.options{border:1px solid #d0d8e4;border-radius:14px;background:#f3f6fb;padding:0 1.1rem}.options summary{cursor:pointer;font-weight:600;color:#1f3652;padding:1rem 0;outline:none;list-style:none;display:flex;align-items:center;justify-content:space-between}.options summary:focus-visible{outline:3px solid rgba(76,129,235,.35);border-radius:10px}.options summary:after{content:"+";font-size:1rem;color:#4c81eb;transition:transform .2s ease}.options[open] summary:after{content:"-"}.options summary::-webkit-details-marker{display:none}.options-body{padding:0 0 1.25rem;display:flex;flex-direction:column;gap:1.25rem}button{border-radius:12px;border:none;padding:.75rem 1.8rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px -15px #18304e99}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}#speak{background:linear-gradient(135deg,#4c81eb,#3a65d1);color:#fff}#stop,.secondary{background:#ecf1f8;color:#26364c}.status{margin:0;font-size:.95rem;color:#3d4d62}@media(prefers-color-scheme:dark){:root{color:#edf2ff;background-color:#101522}body{background-color:inherit}.app{background:#141c2d;box-shadow:0 24px 60px -35px #040b1aa6}header h1{color:#edf3ff}.muted{color:#a3afc8}.field span{color:#cdd8f0}.field select,.field textarea,.field input[type=range]{border-color:#2b3650;background:#0e1627;color:inherit}.field select:focus,.field textarea:focus,.field input[type=range]:focus{outline:3px solid rgba(76,129,235,.4);border-color:#4c81eb;background:#172036}.field output{color:#a8b3cc}#stop,.secondary{background:#1d273d;color:#d3def8}.options{border-color:#2b3650;background:#131c30}.options summary{color:#d3def8}.options summary:after{color:#92acf5}.options-body{gap:1.15rem}.status{color:#a8b3cc}}