:root{font-family:system-ui,sans-serif;color:#e9edff;background:#11152b}body{margin:0}main{max-width:1000px;margin:5vh auto;padding:1rem}.card{background:#1b2140;padding:2rem;border-radius:16px;max-width:460px;margin:auto}h1{color:#7de2ff}input,button{font:inherit;padding:.7rem;border-radius:8px;border:0}input{width:60%;background:#f4f6ff}button{background:#7de2ff;color:#11152b;font-weight:700;cursor:pointer}button[aria-pressed="true"]{background:#ffb0c5}.hidden{display:none}header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}#status{margin-left:auto;color:#b9c2e8}canvas{display:block;width:100%;max-height:70vh;background:#171c35;border:1px solid #39436f;border-radius:14px}#audio-debug{margin-top:1rem;background:#1b2140;border-radius:8px;padding:.7rem;color:#cbd4f6}#audio-debug pre{margin:.7rem 0 0;white-space:pre-wrap;font:12px ui-monospace,monospace}.help{text-align:center;color:#aab4d7}