:root{--bg: #f4efe7;--panel: #fffdf8;--text: #1b1b1b;--muted: #494949;--accent: #0b5a7a;--accent-strong: #0f7fb0;--border: #d2b78c;--focus: #000000;--shadow: 0 14px 40px rgba(15, 28, 40, .14)}*{box-sizing:border-box}body{margin:0;font-family:Lexend,Atkinson Hyperlegible,Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#fff7ea,#f1e5d1 40%,#e9d6b7);min-height:100vh}#root{min-height:100vh}button,input{font-family:inherit;font-size:1.05rem}:focus-visible{outline:4px solid var(--focus);outline-offset:4px}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(15,127,176,.08),transparent 40%),radial-gradient(circle at 80% 10%,rgba(200,140,72,.14),transparent 35%),radial-gradient(circle at 70% 80%,rgba(13,90,122,.08),transparent 45%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app{max-width:860px;margin:0 auto;padding:3rem 1.5rem 3.5rem;display:flex;flex-direction:column;gap:1.75rem}.app__header h1{margin:0 0 .6rem;font-size:clamp(2.4rem,5vw,3.3rem);letter-spacing:-.02em}.app__subtitle{margin:0;font-size:1.1rem;color:var(--muted)}.app__status{padding:1rem 1.25rem;border:2px solid rgba(210,183,140,.7);background:#fffc;border-radius:14px;font-size:1.05rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel{padding:1.75rem;border:2px solid rgba(11,90,122,.4);background:#fffdf8f0;border-radius:20px;display:flex;flex-direction:column;gap:1.35rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{display:flex;flex-direction:column;gap:.6rem}input,select{padding:.95rem 1.1rem;border-radius:12px;border:2px solid rgba(210,183,140,.8);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px #0f7fb033}input[type=range]{padding:0}.button-row{display:flex;flex-wrap:wrap;gap:1rem}.btn{padding:1rem 1.7rem;font-size:1.15rem;border-radius:999px;border:2px solid rgba(11,90,122,.7);background:linear-gradient(135deg,#fff,#f6fbff);color:var(--text);cursor:pointer;min-width:190px;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 26px #0c58782e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:active{transform:translateY(2px)}.btn:hover{border-color:var(--accent-strong);box-shadow:0 14px 30px #0c587838}.status-row{display:flex;flex-wrap:wrap;gap:1rem;font-weight:600;color:var(--muted)}.hidden-audio{position:absolute;left:-9999px;width:1px;height:1px}.queue ol{padding-left:1.5rem}.app__footer{font-size:.95rem;color:#2b2b2b}@media(max-width:640px){.app{padding:2rem 1rem 2.5rem}.btn{width:100%;min-width:auto}}