@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');
:root{--ink:#17352f;--muted:#6d7d78;--cream:#f5f0e6;--paper:#fffdf8;--green:#286454;--gold:#c99c55;--line:#ded8cc}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#ece5d6,#f8f5ed 45%,#dce9e1);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{max-width:1480px;margin:auto;padding:32px}.hero{display:flex;gap:34px;align-items:center;padding:30px;border:1px solid rgba(23,53,47,.12);background:rgba(255,253,248,.78);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 20px 55px rgba(31,56,48,.10)}.cover{width:190px;aspect-ratio:1;border-radius:24px;display:grid;place-items:center;background:#111;box-shadow:0 18px 35px #183e3530;overflow:hidden;padding:18px}.cover img{width:100%;height:100%;object-fit:contain}
.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:700}.hero h1{font:700 clamp(42px,6vw,78px)/.95 'Playfair Display';margin:8px 0}.hero p{margin:10px 0 20px;color:var(--muted);font-size:18px}.hero-actions,.player-actions{display:flex;gap:10px}button,input,select{font:inherit}button{border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:999px;padding:11px 16px;cursor:pointer;font-weight:700}button:hover{transform:translateY(-1px)}button.primary{background:var(--green);color:white;border-color:var(--green)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 230px auto;gap:12px;align-items:center;margin:24px 0}.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:14px;padding:13px 15px;color:var(--ink)}#count{color:var(--muted);white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:24px;align-items:start}.track-list{background:rgba(255,253,248,.86);border:1px solid var(--line);border-radius:24px;overflow:hidden}.track{display:grid;grid-template-columns:50px 44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #e9e3d8;cursor:pointer}.track:last-child{border:0}.track:hover,.track.active{background:#e7f0eb}.track-number{color:var(--muted);text-align:center}.track-play{width:40px;height:40px;padding:0;display:grid;place-items:center}.track-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-sub{font-size:12px;color:var(--muted);margin-top:3px}.badge{font-size:11px;background:#dbe9e2;color:#235849;border-radius:999px;padding:5px 8px;font-weight:700}.duration{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.now-panel{position:sticky;top:20px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 14px 40px rgba(36,65,56,.08)}.visual{aspect-ratio:16/9;border-radius:18px;background:#111;display:grid;place-items:center;overflow:hidden;padding:26px}.visual img{width:min(88%,560px);height:100%;object-fit:contain}
video{width:100%;aspect-ratio:16/9;border-radius:18px;background:#000}.now-meta{margin:18px 0 10px}.now-meta span{font-size:12px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.now-meta h2{font:700 30px/1.1 'Playfair Display';margin:5px 0}audio{width:100%}.player-actions{margin:12px 0}.player-actions button{flex:1}.lyrics-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.lyrics-head h3{margin:0}.lyrics-head button{padding:7px 12px;font-size:12px}.lyrics{max-height:380px;overflow:auto;padding:4px 10px 4px 0;line-height:1.75;white-space:pre-wrap;color:#344c46}.lyrics p{margin:.7em 0}footer{text-align:center;color:var(--muted);letter-spacing:.18em;font-size:11px;padding:34px 0 8px}@media(max-width:850px){.shell{padding:14px}.hero{align-items:flex-start;padding:20px;gap:18px}.cover{width:110px;border-radius:18px}.hero h1{font-size:38px}.hero p{font-size:14px}.toolbar{grid-template-columns:1fr 1fr}.toolbar #count{grid-column:1/-1}.hero-actions button{padding:9px 12px;font-size:13px}main{grid-template-columns:1fr}.now-panel{position:relative;top:0;order:-1}.track{grid-template-columns:34px 40px minmax(0,1fr) auto}.track .badge{display:none}}@media(max-width:520px){.hero{display:grid;grid-template-columns:82px 1fr}.cover{width:82px}.hero-copy{min-width:0}.hero h1{font-size:31px}.hero p{display:none}.hero-actions{grid-column:1/-1}.toolbar{grid-template-columns:1fr}.toolbar #count{grid-column:auto}.track{padding:11px 8px;gap:7px}.duration{display:none}.now-panel{padding:14px}.lyrics{max-height:300px}}
.custom-audio{display:grid;grid-template-columns:42px auto minmax(120px,1fr) 42px;gap:10px;align-items:center;width:100%;padding:10px 12px;background:#f2f4f3;border-radius:18px}.custom-audio[hidden]{display:none}.custom-audio button{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent}.audio-time{font-size:12px;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}.audio-seek{width:100%;accent-color:var(--ink);cursor:pointer}.visual img{-webkit-user-drag:none;user-select:none}@media(max-width:520px){.custom-audio{grid-template-columns:38px 1fr 38px}.audio-time{grid-column:1/-1;grid-row:2;text-align:center}.custom-audio button{width:38px;height:38px}.audio-seek{grid-column:2;grid-row:1}}

.site-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line,#ddd);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.site-nav a{color:inherit;text-decoration:none;font-weight:800}.site-nav a:hover{text-decoration:underline}.track-title-link,.track-sub-link{color:inherit;text-decoration:none}.track-title-link:hover,.track-sub-link:hover{text-decoration:underline}.route-back{display:inline-flex;margin-top:8px;font-size:.78rem;color:inherit}.hero.is-route .cover img{object-fit:cover}@media(max-width:700px){.site-nav{padding:12px}.site-nav span{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.theme-label{color:var(--muted);font-weight:600}.now-meta .theme-label{text-transform:none;letter-spacing:0;color:var(--muted)}