/* SKIN 3 "Cassette" — cool gray, chunky sticker buttons with hard shadows.
   Signature: offset-shadow download buttons. */
:root{--bg:#EDF1F5;--ink:#1B2430;--accent:#2E5BFF;--pink:#FF5C8A;--muted:#6B7B8C;--card:#fff}
*{margin:0;box-sizing:border-box}
body{font-family:Verdana,Geneva,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;max-width:760px;margin:0 auto;padding:0 18px 60px}
header.top{padding:20px 0;margin-bottom:24px}
header.top a{display:inline-block;font-weight:700;font-size:1.2rem;color:var(--ink);text-decoration:none;background:var(--card);padding:8px 18px;border-radius:8px;box-shadow:4px 4px 0 var(--accent)}
h1{font-size:1.7rem;line-height:1.3}
.meta{color:var(--muted);font-size:.85rem;margin:10px 0 18px}
.cover{float:right;width:190px;border-radius:12px;margin:0 0 14px 18px;border:3px solid var(--card);box-shadow:5px 5px 0 rgba(27,36,48,.15)}
.btns{margin:22px 0}
.btns a{display:inline-block;background:var(--accent);color:#fff;padding:15px 28px;text-decoration:none;font-weight:700;border-radius:12px;margin:0 12px 12px 0;box-shadow:5px 5px 0 var(--ink);transition:transform .1s}
.btns a.alt{background:var(--pink)}
.btns a:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
h2{font-size:1.05rem;margin:32px 0 14px}
h2::before{content:"";display:inline-block;width:14px;height:14px;background:var(--accent);border-radius:4px;margin-right:10px;vertical-align:-1px}
.facts{background:var(--card);border-radius:12px;padding:8px 20px}
.facts div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:2px dashed var(--bg);font-size:.92rem}
.facts div:last-child{border:0}
.charts span{display:inline-block;background:var(--card);border:2px solid var(--ink);padding:4px 14px;margin:0 8px 8px 0;border-radius:20px;font-size:.82rem;font-weight:700;box-shadow:3px 3px 0 rgba(27,36,48,.15)}
.clip iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.lyrics{white-space:pre-line;background:var(--card);padding:18px 22px;border-radius:12px;line-height:1.75}
ul.tracks{list-style:none;padding:0}
ul.tracks li{margin:0 0 10px}
ul.tracks a{display:block;background:var(--card);padding:12px 18px;border-radius:10px;color:var(--ink);text-decoration:none}
ul.tracks a:hover{box-shadow:4px 4px 0 var(--accent)}
a{color:var(--accent)}
footer{margin-top:46px;font-size:.75rem;color:var(--muted);text-align:center}
footer a{color:var(--muted)}
@media(max-width:600px){.cover{float:none;display:block;width:100%;margin:0 0 16px}h1{font-size:1.35rem}}