:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font:18px/1.6 ui-monospace,Menlo,Consolas,monospace;color:#d9d6f2;background:radial-gradient(1200px 600px at 20% -10%,#2a1b4d 0,transparent 60%),#0c0a18}
main{max-width:34rem;margin:0 auto;padding:2.5rem 1.2rem}.eyebrow{color:#7d6bd1;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin:0}
h1{font-size:2.4rem;margin:.3rem 0 .4rem;background:linear-gradient(90deg,#ff6ac1,#8b7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:#8e89b5;margin:0 0 1.6rem}audio{width:100%}.lyrics{margin-top:1.6rem;max-height:52vh;overflow:auto;scroll-behavior:smooth}
.lyrics p{margin:.6rem 0;color:#4a4570;cursor:pointer;transition:color .2s,text-shadow .2s}.lyrics p.on{color:#ff6ac1;text-shadow:0 0 14px rgba(255,106,193,.55)}