*{box-sizing:border-box}body{margin:0;background:#f9f5ef;color:#3e4541;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{background:#f1e5df;padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}header a{color:#526d65;text-decoration:none;font-weight:600}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1050px;margin:0 auto;padding:55px 20px 100px}.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:.75rem;color:#77948a}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.3rem,6vw,4rem);margin:8px 0}p{line-height:1.6;color:#65706c}.intro{max-width:680px}.search{width:100%;margin:28px 0 18px;padding:16px;border:1px solid #d8dbd1;border-radius:14px;font-size:1rem;background:white}.songs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px}.song{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #e8e0d7;background:#fff;border-radius:16px;min-height:90px}.song[hidden]{display:none}.song.active{border-color:#90ada3;background:#f2faf6}.song button{border:0;border-radius:50%;height:43px;min-width:43px;background:#dfebe4;color:#315b4f;cursor:pointer;font-size:1.12rem}.song strong{font-size:.94rem}.song small{display:block;margin-top:5px;color:#87918d}.player{position:fixed;bottom:0;left:0;right:0;background:#e5f0e9;box-shadow:0 -7px 24px #243b3022;padding:14px max(20px,calc((100vw - 1030px)/2));display:flex;flex-wrap:wrap;align-items:center;gap:14px;z-index:20}.player button{border:0;background:#577d70;color:white;padding:11px 17px;border-radius:30px;cursor:pointer}.player input[type=range]{flex:1;min-width:110px}.player span{font-weight:600;max-width:330px;font-size:.85rem}footer{text-align:center;padding:30px}a{color:#537b6e}@media(max-width:600px){.songs{grid-template-columns:1fr}.player span{width:100%}main{padding-top:32px}}