:root{color-scheme:dark}body{margin:0;font:18px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:#0f1114;color:#c9cdd3}
header{max-width:40rem;margin:0 auto;padding:1.2rem 1rem;border-bottom:1px solid #23272e}.brand{color:#e8eaee;text-decoration:none;font-weight:600}.brand span{color:#6d7480;font-weight:400}
main{max-width:40rem;margin:0 auto;padding:1rem}h1{font-weight:600;margin:1.4rem 0 .2rem}.lead{color:#7b828d;margin-top:0}
.player{margin:1.4rem 0}audio{width:100%}.lyrics{max-height:55vh;overflow:auto;padding:1rem 0;scroll-behavior:smooth}
.lyrics p{margin:.5rem 0;color:#4a505a;font-size:1.25rem;cursor:pointer;transition:color .25s,transform .25s}.lyrics p.on{color:#f1c40f;transform:translateX(.4rem)}
footer{max-width:40rem;margin:2rem auto;padding:1rem;color:#5b616b;font-size:.85rem}