/* SKIN 1 "Vinyl" — warm paper, oversized grotesque, electric orange.
   Signature: giant ghost index number behind the title. */
:root{--paper:#FAF6EF;--ink:#191713;--accent:#FF4D00;--muted:#8A8378;--card:#F1EAD9}
*{margin:0;box-sizing:border-box}
body{font-family:"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;max-width:780px;margin:0 auto;padding:0 20px 60px}
header.top{padding:22px 0;border-bottom:3px solid var(--ink);margin-bottom:28px}
header.top a{font-weight:900;font-size:1.4rem;letter-spacing:-.5px;color:var(--ink);text-decoration:none}
header.top a::before{content:"● ";color:var(--accent)}
main{position:relative}
main::before{content:attr(data-idx);position:absolute;right:-10px;top:-70px;font-size:9rem;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--card);z-index:0;pointer-events:none}
h1{font-size:2rem;line-height:1.15;letter-spacing:-.02em;max-width:90%;position:relative}
.meta{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:10px 0 18px}
.cover{width:200px;border-radius:4px;float:right;margin:0 0 16px 20px;box-shadow:6px 6px 0 var(--card)}
.btns{margin:20px 0}
.btns a{display:inline-block;background:var(--ink);color:var(--paper);padding:14px 30px;text-decoration:none;font-weight:800;font-size:1.05rem;margin:0 10px 10px 0;border-radius:3px}
.btns a.alt{background:var(--accent)}
.btns a:hover{transform:translateY(-2px)}
h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-top:3px solid var(--ink);padding-top:14px;margin:34px 0 14px}
.facts div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--card);font-size:.95rem}
.facts b{font-variant-numeric:tabular-nums}
.charts span{display:inline-block;background:var(--card);padding:5px 14px;margin:0 6px 6px 0;border-radius:20px;font-size:.85rem;font-weight:700}
.clip iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:4px}
.lyrics{white-space:pre-line;background:var(--card);padding:18px 22px;font-size:1.05rem;line-height:1.7;border-radius:4px}
ul.tracks{list-style:none;padding:0}
ul.tracks li{padding:8px 0;border-bottom:1px solid var(--card)}
ul.tracks a{color:var(--ink);text-decoration:none}
ul.tracks a:hover{color:var(--accent)}
a{color:var(--accent)}
footer{margin-top:50px;padding-top:16px;border-top:3px solid var(--ink);font-size:.75rem;color:var(--muted)}
footer a{color:var(--muted)}
@media(max-width:600px){main::before{font-size:5rem;top:-40px}.cover{float:none;display:block;width:100%;margin:0 0 16px}h1{font-size:1.5rem}}