.song-banner{background:#eee8f8;color:#123d32;border-bottom:1px solid #d5c7ec}
.song-inner{max-width:1320px;margin:auto;padding:24px 30px;display:grid;grid-template-columns:100px minmax(240px,1fr) minmax(310px,390px);gap:24px;align-items:center;font-family:'Segoe UI',sans-serif;letter-spacing:0}
.song-art{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#123d32;text-decoration:none;box-shadow:0 6px 16px #123d3218}
.song-art img{width:100%;height:100%;display:block;object-fit:cover}
.song-art span{position:absolute;bottom:0;left:0;right:0;background:#123d32;color:#fff;text-align:center;padding:7px 3px;font-size:8px;font-weight:600}
.song-eyebrow{font-size:11px;text-transform:uppercase;font-weight:600;margin:0 0 5px;color:#675084}
.song-copy h2{font-family:'Segoe UI',sans-serif;font-size:27px;line-height:1.12;font-weight:650;margin:0 0 9px;letter-spacing:0;text-transform:none}
.song-invite{font-size:15px;font-weight:600;margin:0 0 5px}.song-message{font-size:13px;line-height:1.5;margin:0;max-width:490px;color:#43584f}
.song-controls{min-width:0}.song-controls audio{display:block;width:100%;height:44px;accent-color:#123d32;color-scheme:light}
.song-actions{display:flex;gap:10px;margin-top:10px}.song-actions a,.song-actions button{display:flex;align-items:center;justify-content:center;min-height:43px;padding:10px 15px;border-radius:4px;font:600 13px 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;flex:1;text-align:center}
.song-download{background:#123d32;color:#fff;border:1px solid #123d32}.song-share{background:transparent;color:#123d32;border:1px solid #8c9f96}
.song-actions :focus-visible,.song-art:focus-visible{outline:3px solid #7155a2;outline-offset:3px}.song-status{font-size:11px;min-height:16px;margin:6px 0 0;color:#43584f;overflow-wrap:anywhere}
.song-page{margin:0;background:#123d32;color:#f5f9f7;font-family:'Segoe UI',sans-serif;min-height:100vh}
.song-page header{max-width:1120px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.song-page header a{color:#fff;text-decoration:none;font-size:14px}.song-page header strong{font-size:21px}
.song-page main{max-width:1120px;margin:40px auto;padding:0 30px}.song-page .song-inner{padding:0;grid-template-columns:minmax(240px,380px) minmax(280px,1fr);gap:28px 48px}.song-page .song-art{grid-row:span 2}.song-page .song-art span{font-size:14px;padding:14px}.song-page .song-copy h2{font-size:48px;color:#fff}.song-page .song-copy{align-self:end}.song-page .song-eyebrow{color:#b8a1ed;font-size:13px}.song-page .song-message,.song-page .song-status{color:#d8e8e1}.song-page .song-invite{color:#fff;font-size:19px}.song-page .song-message{font-size:16px}.song-page .song-controls{align-self:start}.song-page .song-download{background:#b8a1ed;color:#123d32;border-color:#b8a1ed}.song-page .song-share{color:#fff;border-color:#88a397}.song-page footer{max-width:1120px;margin:40px auto;padding:0 30px;color:#c8dcd3;font-size:13px}.song-page footer a{color:inherit}
@media(max-width:850px){.song-inner{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:20px}.song-controls{grid-column:1/-1}.song-copy h2{font-size:23px}.song-message{font-size:12px}.song-page main{margin-top:16px;padding:0 22px}.song-page .song-inner{grid-template-columns:1fr;gap:22px}.song-page .song-art{grid-row:auto;width:min(100%,290px);justify-self:center}.song-page .song-copy h2{font-size:34px}.song-page .song-copy{text-align:center}.song-page .song-message{margin:auto}.song-page header{padding:20px 22px}.song-page .song-controls{width:100%}}
.song-inner,.song-inner *,.song-page *{box-sizing:border-box}
.song-inner{grid-template-columns:180px minmax(0,1fr) minmax(300px,390px)}
.song-art{aspect-ratio:1672/941;border-radius:4px}
.song-art img{object-fit:contain}
.song-copy{min-width:0}
.song-page main{max-width:1120px;margin:16px auto 32px}
.song-page .song-inner{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:28px 36px}
.song-page .song-art{grid-column:1/-1;grid-row:auto;width:100%;max-width:none}
.song-page .song-copy h2{font-size:36px}
.song-page .song-copy,.song-page .song-controls{align-self:center}
.song-page .song-status a{color:#b8a1ed}
.song-page footer{margin:24px auto 32px}
@media(max-width:1000px){.song-banner .song-inner{grid-template-columns:150px minmax(0,1fr)}.song-banner .song-controls{grid-column:1/-1}}
@media(max-width:650px){.song-banner .song-inner{grid-template-columns:1fr;gap:16px}.song-banner .song-art{width:100%;max-width:none}.song-page .song-inner{grid-template-columns:minmax(0,1fr);gap:22px}.song-page .song-copy{text-align:left}.song-page .song-copy h2{font-size:30px}.song-page .song-invite{font-size:17px}.song-page .song-message{margin:0}.song-page header strong{font-size:19px}.song-page header{gap:12px}.song-actions{gap:8px}.song-actions a,.song-actions button{padding:10px 8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.song-banner *{scroll-behavior:auto}}