:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;background:#f3efe6;color:#2b2a27}
.wrap{max-width:36rem;margin:0 auto;padding:1.2rem}header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #2b2a27;padding-bottom:.6rem}
.logo{font-size:1.5rem;font-weight:700;letter-spacing:.04em;font-style:italic}.tag{font-size:.8rem;color:#7a756b;text-transform:uppercase;letter-spacing:.08em}
h1{font-size:1.9rem;line-height:1.2;margin:2rem 0 .6rem}.card{margin:1.6rem 0;background:#fffdf8;border:1px solid #d9d2c3;padding:1.1rem 1.2rem;box-shadow:4px 4px 0 #d9d2c3}
.cap{font:600 .72rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#9b3d2e;margin-bottom:.6rem}audio{width:100%}
.lyrics{padding:.8rem 0 .2rem;max-height:50vh;overflow:auto;scroll-behavior:smooth}.lyrics p{margin:.45rem 0;color:#b9b2a2;cursor:pointer;transition:color .25s}
.lyrics p.on{color:#9b3d2e;font-style:italic}footer{margin:2rem 0;color:#8a8478;font-size:.85rem;text-align:center}