:root{--bg: #0f172a;--card: #1e2a41;--text: #e6eef8}*{box-sizing:border-box}html{background:linear-gradient(180deg,#071029,#08121a);background-attachment:fixed}body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:48px auto;padding:24px}header h1{margin:0 0 12px}audio{color-scheme:dark}audio::-webkit-media-controls-panel{background-color:var(--card)}audio{color:var(--text)}