:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font:19px/1.55 "Helvetica Neue",Arial,sans-serif;background:#e9f0e4;color:#16210f}
header{display:flex;justify-content:space-between;max-width:38rem;margin:0 auto;padding:1.4rem 1.2rem;border-bottom:3px solid #16210f;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
main{max-width:38rem;margin:0 auto;padding:1.2rem}h1{font-size:2.8rem;line-height:1.05;margin:1.6rem 0 .8rem;font-weight:800}.sub{color:#4b5d3e;margin:0 0 1.4rem}
audio{width:100%}.lyrics{margin-top:1.4rem;max-height:50vh;overflow:auto;scroll-behavior:smooth}.lyrics p{margin:.5rem 0;color:#a5b39a;cursor:pointer;font-weight:600;transition:color .2s}
.lyrics p.on{color:#16210f;background:#cfe86b;display:inline-block;padding:0 .35rem}footer{max-width:38rem;margin:2rem auto;padding:1rem 1.2rem;color:#6a7c5c;font-size:.85rem}