:root{
  --bg:#f7f8fa;
  --surface:#ffffff;
  --surface-2:#fafafa;
  --text:#18181b;
  --muted:#71717a;
  --muted-2:#a1a1aa;
  --line:#e4e4e7;
  --line-soft:#f0f0f2;
  --accent:#e11d48;
  --accent-dark:#be123c;
  --accent-soft:#fff1f2;
  --success:#15803d;
  --warning:#a16207;
  --max:1080px;
  --radius:10px;
  --radius-sm:7px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.header-main{height:62px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brand-mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:16px;font-weight:900}
.brand-mark.small{width:28px;height:28px;border-radius:7px;font-size:14px}
.brand-copy{display:grid;line-height:1.05}
.brand-copy strong{font-size:17px;letter-spacing:-.35px}
.brand-copy small{margin-top:3px;color:var(--muted-2);font-size:8px;font-weight:700;letter-spacing:.75px;text-transform:uppercase}
.nav-search,.hero-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 4px 4px 10px}
.nav-search{margin-left:auto;width:min(610px,66%)}
.nav-search:focus-within,.hero-search:focus-within{border-color:#f0a0b3;box-shadow:0 0 0 3px rgba(225,29,72,.08)}
.search-icon{color:var(--muted-2);font-size:16px}
.nav-search input,.hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}
.nav-search input{padding:6px 2px}
.nav-search button,.hero-search button,.btn{border:0;border-radius:7px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s,color .15s}
.nav-search button{padding:8px 14px;background:#27272a;color:#fff}
.nav-search button:hover{background:#09090b}
.header-links{background:#fff;border-top:1px solid var(--line-soft)}
.quick-nav{height:38px;display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}
.quick-nav::-webkit-scrollbar{display:none}
.quick-nav a{height:38px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;color:#52525b;font-size:12px;font-weight:650}
.quick-nav a:hover,.quick-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.main-wrap{padding-top:22px;padding-bottom:46px}

/* Common */
.eyebrow,.section-kicker{display:block;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.95px;text-transform:uppercase}
.section-block{margin-top:28px}
.compact-section{margin-top:20px}
.first-section{margin-top:16px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.section-title h2{margin:2px 0 0;font-size:17px;line-height:1.25;letter-spacing:-.3px}
.text-link{color:var(--accent);font-size:11px;font-weight:750}
.text-link:hover{text-decoration:underline}
.card,.song-page-head,.seo-intro-card,.player-card,.download-title-card,.download-main-card,.download-side-card,.track-info-card,.content-description,.related-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 13px;color:var(--muted-2);font-size:11px}
.breadcrumb a{color:#52525b}.breadcrumb a:hover{color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#52525b;font-size:11px;font-weight:650}
.chips a:hover{border-color:#f3a3b6;background:var(--accent-soft);color:var(--accent)}
.notice{margin:12px 0;padding:10px 12px;border:1px solid #fed7aa;border-radius:7px;background:#fff7ed;color:#9a3412}
.empty-state{padding:26px;border:1px dashed #d4d4d8;border-radius:10px;background:#fff;text-align:center;color:var(--muted)}
.empty-state>span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:#f4f4f5;color:var(--muted);font-size:20px}
.empty-state strong{display:block;color:var(--text)}
.empty-state p{max-width:520px;margin:5px auto 0}
.muted{color:var(--muted)}

/* Homepage — compact utility layout */
.home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:26px;align-items:start;padding:24px 0 4px;border:0;background:transparent;border-radius:0;box-shadow:none;min-height:0}
.hero-copy{padding-top:4px}
.home-hero h1{margin:5px 0 8px;font-size:clamp(27px,4vw,38px);line-height:1.08;letter-spacing:-1px;max-width:680px}
.home-hero p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.hero-search{max-width:650px;margin-top:16px;padding:5px 5px 5px 11px}
.hero-search input{padding:9px 2px}
.hero-search button{padding:10px 15px;background:var(--accent);color:#fff}
.hero-search button:hover{background:var(--accent-dark)}
.hero-shortcuts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;color:var(--muted-2);font-size:10px}
.hero-shortcuts a{color:#52525b}.hero-shortcuts a:hover{color:var(--accent);text-decoration:underline}
.hero-trending{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.hero-trending-head{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero-trending-head>div{display:grid}.hero-trending-head small{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted-2);font-weight:800}.hero-trending-head strong{font-size:12px}
.hero-trending-list{display:grid}
.hero-trending-list a{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.hero-trending-list a:last-child{border-bottom:0;padding-bottom:0}
.hero-trending-list a>span{color:var(--muted-2);font-size:9px;font-weight:800}
.hero-trending-list a>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.hero-trending-list a>b{color:var(--muted-2)}
.hero-trending-list a:hover strong{color:var(--accent)}
.hero-trending-empty{padding-top:10px;color:var(--muted);font-size:11px}
.category-chips{gap:5px}.category-chips a{padding:6px 9px;font-size:10px}

/* Homepage music sections become rows, not poster grids */
.home-discovery-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.home-discovery-grid .discovery-card{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:11px!important;min-width:0;padding:9px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transition:background .15s}
.home-discovery-grid .discovery-card:nth-child(odd){border-right:1px solid var(--line-soft)!important}
.home-discovery-grid .discovery-card:nth-last-child(-n+2){border-bottom:0!important}
.home-discovery-grid .discovery-card:hover{background:#fafafa!important}
.home-discovery-grid .discovery-cover{width:104px!important;height:59px!important;aspect-ratio:auto!important;border-radius:6px!important;overflow:hidden;position:relative;background:#f4f4f5}
.home-discovery-grid .discovery-cover img{width:100%;height:100%;object-fit:cover}
.home-discovery-grid .discovery-copy{padding:0!important;align-self:center;min-width:0}
.home-discovery-grid .discovery-copy h3{margin:0!important;font-size:12px!important;line-height:1.35!important;font-weight:700!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-discovery-grid .discovery-copy p{margin:4px 0 0!important;color:var(--muted)!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-discovery-grid .discovery-badge{left:5px!important;top:5px!important;max-width:74px;padding:2px 5px!important;border-radius:4px!important;background:rgba(24,24,27,.82)!important;color:#fff!important;font-size:7px!important;line-height:1.2!important;text-transform:uppercase;font-weight:800;letter-spacing:.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-discovery-grid .play-chip{right:5px!important;bottom:5px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:rgba(225,29,72,.92)!important;color:#fff!important;font-size:7px!important;display:grid;place-items:center}
.discovery-home-section{margin-top:24px}

/* Popular list */
.popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.popular-list>a{display:grid;grid-template-columns:28px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:9px 11px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:#fff}
.popular-list>a:nth-child(odd){border-right:1px solid var(--line-soft)}
.popular-list>a:nth-last-child(-n+2){border-bottom:0}
.popular-list>a:hover{background:#fafafa}
.rank{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#f4f4f5;color:var(--muted);font-size:9px;font-weight:800}
.popular-copy{display:grid;min-width:0}.popular-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.popular-copy small{margin-top:1px;color:var(--muted-2);font-size:9px}

/* Artists compact */
.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.artist-card{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:left;min-width:0}
.artist-card:nth-child(4n){border-right:0}.artist-card:nth-last-child(-n+4){border-bottom:0}
.artist-card:hover{background:#fafafa}
.artist-avatar{grid-row:1/3;width:38px;height:38px;margin:0;border-radius:50%;overflow:hidden;background:#f4f4f5;display:grid;place-items:center;color:var(--muted-2);font-size:16px}
.artist-avatar img{width:100%;height:100%;object-fit:cover}
.artist-card strong,.artist-card small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-card strong{font-size:11px;align-self:end}.artist-card small{font-size:9px;color:var(--muted);align-self:start;margin-top:1px}

.info-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.info-strip>div{padding:14px;border-right:1px solid var(--line-soft)}.info-strip>div:last-child{border-right:0}
.info-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:900}
.info-strip strong{display:block;margin-top:7px;font-size:11px}.info-strip p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}

/* Browse/list pages */
.browse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px}
.browse-head h1{margin:3px 0 5px;font-size:27px;line-height:1.12;letter-spacing:-.7px}.browse-head p{max-width:720px;margin:0;color:var(--muted);font-size:12px}.browse-count{flex:0 0 auto;padding:7px 10px;border-radius:7px;background:#fafafa;border:1px solid var(--line);text-align:center}.browse-count strong{display:block;font-size:17px}.browse-count small{font-size:8px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted)}
.browse-tabs{display:flex;gap:6px;margin:12px 0;overflow-x:auto;scrollbar-width:none}.browse-tabs::-webkit-scrollbar{display:none}.browse-tabs a{flex:0 0 auto;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#52525b;font-size:10px;font-weight:700}.browse-tabs a:hover,.browse-tabs a.active{border-color:#f2a5b5;background:var(--accent-soft);color:var(--accent)}
.browse-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.browse-grid .discovery-card{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:11px!important;padding:9px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.browse-grid .discovery-card:nth-child(odd){border-right:1px solid var(--line-soft)!important}.browse-grid .discovery-card:nth-last-child(-n+2){border-bottom:0!important}.browse-grid .discovery-card:hover{background:#fafafa!important}
.browse-grid .discovery-cover{width:120px;height:68px;aspect-ratio:auto;border-radius:6px;overflow:hidden;position:relative;background:#f4f4f5}.browse-grid .discovery-cover img{width:100%;height:100%;object-fit:cover}.browse-grid .discovery-copy{padding:0;align-self:center;min-width:0}.browse-grid .discovery-copy h2{margin:0;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-grid .discovery-copy p{margin:3px 0 0;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-grid .discovery-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px;color:var(--muted-2);font-size:8px}.browse-grid .discovery-badge{position:absolute;left:5px;top:5px;padding:2px 5px;border-radius:4px;background:rgba(24,24,27,.82);color:#fff;font-size:7px;font-weight:800}.browse-grid .play-chip{position:absolute;right:5px;bottom:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:7px}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.page-numbers{display:flex;gap:4px}.page-numbers a,.page-nav{min-width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#52525b;font-size:10px;font-weight:700}.page-numbers a.active,.page-numbers a:hover,.page-nav:hover{border-color:var(--accent);background:var(--accent);color:#fff}

/* Search/song results */
.song-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:17px 18px}
.song-page-head h1,.track-title-block h1,.download-title-card h1{margin:3px 0 5px;line-height:1.16;letter-spacing:-.6px}.song-page-head h1{font-size:27px}.song-page-head p{margin:0;color:var(--muted);font-size:12px}.result-count{padding:7px 9px;border-radius:6px;background:var(--accent-soft);color:#9f1239;text-align:center}.result-count strong{display:block;font-size:16px;line-height:1}.result-count small{font-size:8px;text-transform:uppercase;letter-spacing:.45px}
.seo-intro-card{margin-top:10px;padding:12px 14px}.seo-intro-card p{margin:0;color:#52525b;font-size:11px}
.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;color:var(--muted);font-size:10px}.result-toolbar strong{color:var(--text);font-size:12px}
.results{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.song-card{display:grid;grid-template-columns:24px 128px minmax(0,1fr);align-items:center;gap:11px;padding:9px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:#fff;box-shadow:none}.song-card:last-child{border-bottom:0}.song-card:hover{background:#fafafa}
.song-rank{text-align:center;color:var(--muted-2);font-size:9px;font-weight:800}.song-thumb{position:relative;width:128px;height:72px;aspect-ratio:auto;border-radius:6px;overflow:hidden;background:#f4f4f5}.song-thumb img{width:100%;height:100%;object-fit:cover}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(225,29,72,.92);color:#fff;font-size:8px}.duration-badge{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:3px;background:rgba(24,24,27,.82);color:#fff;font-size:8px;font-weight:700}
.song-body{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.song-copy{min-width:0}.media-type{display:block;margin-bottom:2px;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.6px;font-weight:800}.song-body h2{margin:0 0 3px;font-size:12px;line-height:1.4}.song-body h2 a:hover{color:var(--accent)}.song-meta{margin:0;color:var(--muted);font-size:10px}.song-actions{display:flex;gap:5px;flex:0 0 auto}.btn{padding:7px 10px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{background:#fff;color:#3f3f46;border:1px solid var(--line)}.btn-outline:hover,.btn-ghost:hover{border-color:#f1a4b4;background:var(--accent-soft);color:var(--accent)}.btn-ghost{background:#f4f4f5;color:#3f3f46;border:1px solid transparent}.btn-lg{padding:9px 12px}.btn-xl{padding:10px 13px}.btn-block{width:100%}
.content-description,.related-panel{padding:14px 16px}.description-copy p{margin:0;color:#52525b;font-size:11px;line-height:1.7}.description-copy p+p{margin-top:8px}.metadata-note{display:flex;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:9px}.metadata-note>span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#f4f4f5;color:#52525b;font-weight:800}

/* Track */
.track-heading{margin-bottom:12px}.track-title-block h1{font-size:28px}.track-title-block p{margin:0;color:var(--muted);font-size:11px}.track-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:14px;align-items:start}.player-card{padding:10px}.player-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 8px}.player-card-head strong{font-size:11px}.player-card-head small{color:var(--muted);font-size:9px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#09090b}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.track-side{display:grid;gap:10px}.download-cta-card,.track-info-card{padding:13px}.download-cta-card h2{margin:3px 0 5px;font-size:16px}.download-cta-card p{margin:0 0 9px;color:var(--muted);font-size:10px}.format-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}.format-pills span{padding:4px 6px;border-radius:5px;background:#f4f4f5;color:#52525b;font-size:8px;font-weight:700}.track-info-card{display:grid;gap:0}.track-info-card>div{padding:8px 0;border-bottom:1px solid var(--line-soft)}.track-info-card>div:last-child{border-bottom:0}.track-info-card span{display:block;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.45px}.track-info-card strong{display:block;margin-top:2px;font-size:10px}.status-ok{color:var(--success)}
.track-description-block{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.media-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;padding:8px;border-bottom:1px solid var(--line-soft);background:#fff}.media-card:nth-child(odd){border-right:1px solid var(--line-soft)}.media-card:nth-last-child(-n+2){border-bottom:0}.media-card:hover{background:#fafafa}.media-thumb{position:relative;width:96px;height:54px;border-radius:5px;overflow:hidden;background:#f4f4f5}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(225,29,72,.9);color:#fff;font-size:7px;font-style:normal}.media-thumb>small{position:absolute;right:3px;bottom:3px;padding:1px 3px;background:rgba(24,24,27,.8);color:#fff;border-radius:3px;font-size:7px}.media-copy{display:grid;align-content:center;min-width:0}.media-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.35}.media-copy small{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Download */
.download-title-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:center;padding:12px}.download-title-card>img,.download-placeholder{width:128px;height:72px;border-radius:6px;object-fit:cover;background:#f4f4f5}.download-placeholder{display:grid;place-items:center;color:var(--muted-2);font-size:22px}.download-title-card h1{font-size:22px}.download-title-card p{margin:0;color:var(--muted);font-size:10px}.download-title-actions{display:flex;align-items:center;gap:10px;margin-top:8px}
.download-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.55fr);gap:14px;align-items:start;margin-top:12px}.download-main-card{padding:15px}.download-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.download-section-head h2{margin:3px 0 0;font-size:16px}.secure-pill{padding:4px 6px;border-radius:5px;background:#f0fdf4;color:#166534;font-size:8px;font-weight:700}.download-intro{margin:8px 0 11px;color:var(--muted);font-size:10px}.download-options{display:grid;border:1px solid var(--line);border-radius:7px;overflow:hidden}.download-option{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line-soft);background:#fff}.download-option:last-child{border-bottom:0}.download-option:hover{background:#fafafa}.file-type{width:50px;padding:5px 4px;border-radius:5px;background:#f4f4f5;text-align:center;font-size:9px;font-weight:850}.file-copy{display:grid;min-width:0}.file-copy strong{font-size:10px}.file-copy small{margin-top:1px;color:var(--muted);font-size:8px}.download-cta-text{color:var(--accent);font-size:9px;font-weight:750}.download-empty{display:flex;align-items:center;gap:10px;padding:14px;border:1px dashed #d4d4d8;border-radius:7px;background:#fafafa}.download-empty-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#fff;border:1px solid var(--line);color:var(--accent);font-weight:900}.download-empty strong{font-size:11px}.download-empty p{margin:2px 0 0;color:var(--muted);font-size:9px}.download-help{margin-top:15px;padding-top:13px;border-top:1px solid var(--line-soft)}.download-help h3{margin:0 0 8px;font-size:11px}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.help-steps>span{padding:9px;border:1px solid var(--line);border-radius:6px}.help-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f4f4f5;font-size:8px}.help-steps em{display:block;margin-top:6px;font-size:9px;font-style:normal;font-weight:750}.help-steps small{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.45}.download-side-card{position:sticky;top:118px;padding:11px}.side-card-head{display:flex;align-items:center;gap:8px;padding-bottom:8px}.side-card-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:9px}.side-card-head>div{display:grid}.side-card-head strong{font-size:10px}.side-card-head small{font-size:8px;color:var(--muted)}.side-player{border-radius:6px}.side-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.side-song-copy{display:grid;padding:8px 1px}.side-song-copy strong{font-size:10px}.side-song-copy small{margin-top:2px;color:var(--muted);font-size:8px}.download-side-card .btn{margin-top:4px}

/* Artist/album */
.entity-hero{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center;padding:16px;margin-bottom:20px}.entity-avatar,.album-hero-cover{width:130px;height:130px;border-radius:10px;overflow:hidden;background:#f4f4f5;display:grid;place-items:center;color:var(--muted-2);font-size:34px}.entity-avatar{border-radius:50%}.entity-avatar img,.album-hero-cover img{width:100%;height:100%;object-fit:cover}.entity-hero-copy h1{margin:3px 0 7px;font-size:31px;line-height:1.05;letter-spacing:-.8px}.entity-hero-copy>p{max-width:720px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.entity-meta-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.entity-meta-pills span{padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#52525b;font-size:9px;font-weight:650}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.album-card{min-width:0}.album-cover{aspect-ratio:1;border-radius:7px;overflow:hidden;background:#f4f4f5;display:grid;place-items:center;color:var(--muted-2);font-size:28px}.album-cover img{width:100%;height:100%;object-fit:cover}.album-copy{display:block;padding:6px 1px}.album-copy strong,.album-copy small{display:block}.album-copy strong{font-size:10px}.album-copy small{margin-top:2px;color:var(--muted);font-size:8px}.entity-song-list{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.entity-song-row{display:grid;grid-template-columns:28px 58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line-soft)}.entity-song-row:last-child{border-bottom:0}.entity-song-rank{text-align:center;color:var(--muted-2);font-size:9px;font-weight:800}.entity-song-thumb{width:58px;height:58px;border-radius:6px;overflow:hidden;background:#f4f4f5;display:grid;place-items:center}.entity-song-thumb img{width:100%;height:100%;object-fit:cover}.entity-song-copy{min-width:0}.entity-song-copy h3{margin:0;font-size:11px}.entity-song-copy p{margin:3px 0 0;color:var(--muted);font-size:9px}.entity-song-side{display:flex;align-items:center;gap:10px}.entity-song-side small{color:var(--muted);font-size:9px}.btn-sm{padding:6px 8px!important;font-size:9px!important}

/* Footer */
.site-footer{margin-top:20px;border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-top:18px;padding-bottom:14px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand>div{display:grid}.footer-brand strong{font-size:13px}.footer-brand p{margin:2px 0 0;color:var(--muted);font-size:9px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;color:#52525b;font-size:10px;font-weight:650}.footer-links a:hover{color:var(--accent)}.copyright{padding-top:10px;padding-bottom:15px;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:9px}
.mobile-action-bar{display:none}

@media(max-width:900px){
  .home-hero{grid-template-columns:1fr}.hero-trending{display:none}
  .home-discovery-grid,.browse-grid{grid-template-columns:1fr!important}.home-discovery-grid .discovery-card:nth-child(odd),.browse-grid .discovery-card:nth-child(odd){border-right:0!important}.home-discovery-grid .discovery-card:nth-last-child(-n+2),.browse-grid .discovery-card:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)!important}.home-discovery-grid .discovery-card:last-child,.browse-grid .discovery-card:last-child{border-bottom:0!important}
  .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-card:nth-child(4n){border-right:1px solid var(--line-soft)}.artist-card:nth-child(2n){border-right:0}.artist-card:nth-last-child(-n+4){border-bottom:1px solid var(--line-soft)}.artist-card:nth-last-child(-n+2){border-bottom:0}
  .track-layout,.download-layout{grid-template-columns:1fr}.download-side-card{position:static}.media-grid{grid-template-columns:1fr}.media-card:nth-child(odd){border-right:0}.media-card:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}.media-card:last-child{border-bottom:0}
  .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{width:min(var(--max),calc(100% - 20px))}.site-header{position:relative}.header-main{height:auto;display:grid;grid-template-columns:1fr;padding:10px 0;gap:8px}.brand-copy small{display:none}.nav-search{width:100%;max-width:none;margin:0}.header-links{display:block}.quick-nav{gap:17px;height:36px}.quick-nav a{height:36px;font-size:10px}.main-wrap{padding-top:14px;padding-bottom:64px}
  .home-hero{padding-top:10px;gap:12px}.home-hero h1{font-size:27px}.home-hero p{font-size:11px}.hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:12px}.hero-shortcuts{font-size:9px}.section-block{margin-top:22px}.section-title h2{font-size:15px}.section-title{align-items:flex-end}
  .popular-list{grid-template-columns:1fr}.popular-list>a:nth-child(odd){border-right:0}.popular-list>a:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}.popular-list>a:last-child{border-bottom:0}
  .info-strip{grid-template-columns:1fr}.info-strip>div{border-right:0;border-bottom:1px solid var(--line-soft)}.info-strip>div:last-child{border-bottom:0}
  .browse-head{align-items:flex-start;padding:14px}.browse-head h1{font-size:23px}.browse-count{min-width:82px}.browse-grid .discovery-card{grid-template-columns:104px minmax(0,1fr)!important}.browse-grid .discovery-cover{width:104px;height:59px}
  .song-page-head{align-items:flex-start;flex-direction:column;padding:14px}.song-page-head h1{font-size:23px}.result-count{display:flex;gap:5px;align-items:center}.result-count strong{font-size:12px}.song-card{grid-template-columns:100px minmax(0,1fr);gap:9px;padding:8px}.song-rank{display:none}.song-thumb{width:100px;height:56px}.song-body{align-items:flex-start;flex-direction:column;gap:6px}.song-actions{width:100%}.song-actions .btn{flex:1;padding:6px 8px;font-size:9px}
  .track-title-block h1{font-size:23px}.download-title-card{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:9px}.download-title-card>img,.download-placeholder{width:96px;height:54px}.download-title-card h1{font-size:18px}.download-title-actions{gap:7px;flex-wrap:wrap}.help-steps{grid-template-columns:1fr}.download-main-card{padding:12px}
  .entity-hero{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px}.entity-avatar,.album-hero-cover{width:82px;height:82px}.entity-hero-copy h1{font-size:23px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-song-row{grid-template-columns:50px minmax(0,1fr);gap:8px}.entity-song-rank{display:none}.entity-song-thumb{width:50px;height:50px}.entity-song-side{grid-column:2;justify-content:space-between}.entity-song-side .btn{display:none}
  .footer-inner{flex-direction:column}.mobile-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:7px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.98);backdrop-filter:blur(8px)}.mobile-action-bar .btn{flex:1}
}
@media(max-width:430px){
  .brand-copy strong{font-size:16px}.nav-search .search-icon{display:none}.nav-search{padding-left:7px}.nav-search button{padding:8px 10px}.home-hero h1{font-size:24px}
  .home-discovery-grid .discovery-card{grid-template-columns:92px minmax(0,1fr)!important;padding:7px!important}.home-discovery-grid .discovery-cover{width:92px!important;height:52px!important}.home-discovery-grid .discovery-copy h3{font-size:11px!important}
  .artist-grid{grid-template-columns:1fr}.artist-card{border-right:0!important}.artist-card:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}.artist-card:last-child{border-bottom:0}
  .browse-head{display:block}.browse-count{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.browse-count strong{font-size:13px}.browse-grid .discovery-card{grid-template-columns:92px minmax(0,1fr)!important;padding:7px!important}.browse-grid .discovery-cover{width:92px;height:52px}.browse-grid .discovery-meta span:nth-child(n+3){display:none}
  .song-card{grid-template-columns:88px minmax(0,1fr)}.song-thumb{width:88px;height:50px}.song-body h2{font-size:11px}.song-meta{font-size:9px}.media-grid{grid-template-columns:1fr}
  .download-title-card{grid-template-columns:82px minmax(0,1fr)}.download-title-card>img,.download-placeholder{width:82px;height:46px}.download-title-card h1{font-size:16px}.download-option{grid-template-columns:43px minmax(0,1fr) auto}.file-type{width:43px}
}
/* v0.2.2 homepage final simplification */
.home-hero{display:block;min-height:0;padding:12px 0 2px;background:transparent;border:0}
.home-hero .hero-copy{max-width:760px;padding:0}
@media(max-width:900px){.home-hero{display:block}}
.nav-search button,.hero-search button{flex:0 0 auto;width:auto;min-width:66px}


/* v0.2.3 — audio-only player for authorized audio sources */
.now-playing{display:flex;align-items:center;gap:9px;padding:10px 2px 8px;min-width:0;border-bottom:1px solid var(--line-soft)}
.now-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:800}
.now-playing>div{display:grid;min-width:0;gap:1px}.now-playing small{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.45px}.now-playing strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.now-playing span:not(.now-icon){color:var(--muted);font-size:9px}
.audio-player-card{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.audio-player-card.is-unavailable{background:#fcfcfc}
.audio-player-copy{display:flex;align-items:center;gap:8px;margin-bottom:8px}.audio-player-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:7px;background:#18181b;color:#fff;font-size:14px}.audio-player-copy>div{display:grid;min-width:0;gap:1px}.audio-player-copy strong{font-size:11px}.audio-player-copy small{color:var(--muted);font-size:9px}.audio-format{margin-left:auto;padding:4px 6px;border-radius:5px;background:#fff;border:1px solid var(--line);color:#52525b;font-size:8px;font-weight:800}
.tune-audio{display:block;width:100%;height:38px}.audio-unavailable{display:flex;align-items:center;gap:7px;padding:8px;border-radius:6px;background:#fff;border:1px dashed var(--line);color:var(--muted)}.audio-unavailable>span{font-size:15px}.audio-unavailable p{margin:0;font-size:9px;line-height:1.45}
.player-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:9px}
@media(max-width:640px){.audio-player-card{padding:9px}.audio-player-copy{align-items:flex-start}.audio-format{font-size:7px}.tune-audio{height:40px}}

/* v0.2.4 — complete music taxonomy + compact sub-footer */
.category-chips-complete{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.category-chips-complete a{display:flex;align-items:center;justify-content:center;min-height:31px;text-align:center;border-radius:6px;padding:6px 8px}
.subfooter-categories{margin-top:26px;border-top:1px solid var(--line);background:#fafafa;border-bottom:1px solid var(--line)}
.subfooter-categories>.wrap{padding-top:18px;padding-bottom:18px}
.subfooter-category-head{display:flex;align-items:end;gap:10px;margin-bottom:10px}
.subfooter-category-head .section-kicker{margin:0}.subfooter-category-head h2{margin:0;font-size:14px;line-height:1.2}
.subfooter-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}
.subfooter-category-grid a{display:flex;align-items:center;min-height:34px;padding:7px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#52525b;font-size:10px;font-weight:650;transition:background .15s,color .15s}
.subfooter-category-grid a:hover{background:var(--accent-soft);color:var(--accent)}
.site-footer{margin-top:0}
@media(max-width:900px){.category-chips-complete{grid-template-columns:repeat(4,minmax(0,1fr))}.subfooter-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.category-chips-complete{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.category-chips-complete a{min-height:29px;padding:5px 6px;font-size:9px}.subfooter-categories{margin-top:18px}.subfooter-categories>.wrap{padding-top:14px;padding-bottom:14px}.subfooter-category-head{display:block}.subfooter-category-head h2{margin-top:3px;font-size:13px}.subfooter-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subfooter-category-grid a{min-height:32px;padding:6px 8px;font-size:9px}}

/* v0.2.5 — persistent sticky mini audio player */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tune-mini-player{position:fixed;left:0;right:0;bottom:0;z-index:80;border-top:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(15,23,42,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tune-mini-player[hidden]{display:none!important}
.tune-mini-inner{min-height:66px;display:grid;grid-template-columns:minmax(190px,1fr) 42px minmax(250px,1.5fr) 132px 30px;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px}
.tune-mini-track{display:flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}
.tune-mini-track:hover .tune-mini-copy strong{color:var(--accent)}
.tune-mini-thumb{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#f4f4f5;color:#71717a;font-weight:800}
.tune-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tune-mini-copy{display:grid;gap:2px;min-width:0}.tune-mini-copy strong,.tune-mini-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tune-mini-copy strong{font-size:11px;line-height:1.3}.tune-mini-copy small{color:var(--muted);font-size:9px}
.tune-mini-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;transition:transform .15s,background .15s}.tune-mini-toggle:hover{transform:scale(1.04)}
.tune-mini-progress-wrap{display:grid;gap:4px;min-width:0}.tune-mini-progress,.tune-mini-volume,.inline-audio-progress{width:100%;height:4px;margin:0;accent-color:var(--accent);cursor:pointer}.tune-mini-times,.inline-audio-times{display:flex;align-items:center;justify-content:space-between;color:var(--muted-2);font-size:8px;font-variant-numeric:tabular-nums}
.tune-mini-volume-wrap{display:flex;align-items:center;gap:7px}.tune-mini-volume{min-width:0}.tune-mini-icon-btn{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:#52525b;cursor:pointer}.tune-mini-icon-btn:hover{background:#f4f4f5;color:#18181b}.tune-mini-close{font-size:18px;line-height:1}
body.tune-player-active{padding-bottom:82px}
body.tune-nav-loading main.main-wrap{opacity:.58;pointer-events:none;transition:opacity .15s}

/* Inline player is the local control surface for the global audio element. */
.tune-track-audio{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}
.tune-track-audio.is-active{border-color:#f4a0b6;background:#fffafb}
.inline-audio-play,.inline-audio-volume{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer}
.inline-audio-play{background:#18181b;color:#fff;font-size:12px}.tune-track-audio.is-active .inline-audio-play{background:var(--accent)}
.inline-audio-volume{background:#f4f4f5;color:#52525b;font-size:13px}
.inline-audio-timeline{display:grid;gap:3px;min-width:0}

@media(max-width:900px){
  .tune-mini-inner{grid-template-columns:minmax(170px,1fr) 40px minmax(180px,1fr) 30px;gap:9px}.tune-mini-volume-wrap{display:none}
}
@media(max-width:700px){
  .tune-mini-player{bottom:0}.tune-mini-inner{min-height:68px;grid-template-columns:minmax(0,1fr) 38px 86px 26px;gap:7px;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.tune-mini-thumb{width:42px;height:42px;flex-basis:42px}.tune-mini-copy strong{font-size:10px}.tune-mini-copy small{font-size:8px}.tune-mini-toggle{width:36px;height:36px}.tune-mini-progress-wrap{gap:2px}.tune-mini-times{font-size:7px}.tune-mini-close{width:26px;height:26px;flex-basis:26px}
  body.tune-player-active{padding-bottom:148px}.tune-player-active .mobile-action-bar{bottom:68px}.tune-player-active .main-wrap{padding-bottom:132px}
}
@media(max-width:430px){
  .tune-mini-inner{grid-template-columns:minmax(0,1fr) 36px 70px 24px;gap:5px}.tune-mini-thumb{width:38px;height:38px;flex-basis:38px}.tune-mini-track{gap:7px}.tune-mini-copy strong{font-size:9px}.tune-mini-copy small{font-size:7px}.tune-mini-toggle{width:34px;height:34px}.tune-mini-progress-wrap{min-width:0}.tune-mini-times{font-size:6px}.tune-mini-close{width:24px;height:24px;font-size:16px}.tune-track-audio{grid-template-columns:34px minmax(0,1fr) 32px;gap:7px;padding:7px}.inline-audio-play,.inline-audio-volume{width:32px;height:32px}
}

/* v0.2.6 — autopilot-compatible sticky player + visible YouTube fallback */
.tune-mini-copy small{display:flex;align-items:center;gap:6px;min-width:0}
.tune-mini-source{font-style:normal;font-size:7px;font-weight:800;letter-spacing:.35px;color:#71717a;background:#f4f4f5;border:1px solid var(--line);border-radius:4px;padding:1px 4px;white-space:nowrap}
.youtube-fallback-title{display:block;font-size:10px;line-height:1.25}
.youtube-fallback-note{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.35}
.tune-track-youtube{grid-template-columns:36px minmax(0,1fr) auto}
.tune-track-youtube .inline-audio-timeline{display:block}

.tune-youtube-dock{position:fixed;right:18px;bottom:78px;z-index:64;width:min(376px,calc(100vw - 24px));border:1px solid #27272a;border-radius:9px;background:#111;box-shadow:0 12px 34px rgba(0,0,0,.28);overflow:hidden}
.tune-youtube-dock[hidden]{display:none!important}
.tune-youtube-dock-head{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 7px 11px;background:#18181b;color:#fff;border-bottom:1px solid #2d2d30}
.tune-youtube-dock-head>div{display:grid;min-width:0;gap:1px}.tune-youtube-dock-head strong{font-size:10px;line-height:1.2}.tune-youtube-dock-head small{font-size:8px;line-height:1.2;color:#a1a1aa}.tune-youtube-dock-head button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:5px;background:#27272a;color:#fff;font-size:18px;cursor:pointer}.tune-youtube-dock-head button:hover{background:#3f3f46}
.tune-youtube-viewport{width:100%;height:211px;min-width:200px;min-height:200px;background:#000}
.tune-youtube-viewport iframe,#tuneYoutubePlayer{display:block;width:100%!important;height:100%!important;min-width:200px;min-height:200px;border:0}
body.tune-youtube-active{padding-bottom:88px}
body.tune-youtube-active .mobile-action-bar{bottom:62px}

@media(max-width:700px){
  .tune-youtube-dock{left:10px;right:10px;bottom:72px;width:auto;border-radius:8px}
  .tune-youtube-viewport{height:max(200px,calc((100vw - 20px) * .5625))}
  body.tune-youtube-active{padding-bottom:300px}
  body.tune-youtube-active .mobile-action-bar{display:none}
}
@media(max-width:360px){
  .tune-youtube-dock{left:6px;right:6px}.tune-youtube-viewport{height:200px}
  .tune-mini-volume-wrap{display:none!important}
}

/* v0.2.9 — Unified Tune Player */
.tune-mini-inner{grid-template-columns:minmax(190px,1fr) 30px 42px 30px minmax(220px,1.45fr) 132px 30px;gap:9px}
.tune-mini-skip{font-size:20px;font-weight:600;line-height:1}.tune-mini-skip:disabled{opacity:.3;cursor:not-allowed;background:#fff;color:#a1a1aa}
.tune-mini-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unified-player-card{padding:12px}.unified-player-stage{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:18px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.unified-player-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#f4f4f5}.unified-player-cover img{width:100%;height:100%;object-fit:cover;display:block}.unified-player-cover .thumb-placeholder{height:100%}
.unified-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:rgba(225,29,72,.94);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}.unified-play-button:hover{transform:translate(-50%,-50%) scale(1.04)}
.unified-player-stage.is-active .unified-play-button{background:#18181b}.unified-player-copy{display:grid;justify-items:start;gap:5px;min-width:0}.unified-player-copy>small{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.45px}.unified-player-copy>strong{font-size:18px;line-height:1.25}.unified-player-copy>span{color:var(--muted);font-size:10px}.unified-player-copy>p{max-width:600px;margin:3px 0 5px;color:var(--muted);font-size:10px;line-height:1.55}.unified-player-copy .btn{min-width:132px}
.download-play-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fafafa}.download-play-panel>div{display:grid;gap:2px}.download-play-panel strong{font-size:10px}.download-play-panel small{color:var(--muted);font-size:8px;line-height:1.45}.download-play-panel .btn{flex:0 0 auto}
.tune-youtube-dock-head strong{font-size:10px}.tune-youtube-dock-head small{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tune-youtube-viewport{min-height:200px;background:#000}.tune-youtube-viewport>div,.tune-youtube-viewport iframe{width:100%!important;height:100%!important;min-height:200px}
body.tune-player-active .site-footer{padding-bottom:74px}
[data-tune-track].is-active .js-tune-play-icon{display:inline-block}
@media(max-width:980px){.tune-mini-inner{grid-template-columns:minmax(150px,1fr) 28px 40px 28px minmax(150px,1fr) 28px}.tune-mini-volume-wrap{display:none}.unified-player-stage{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:720px){.unified-player-stage{grid-template-columns:1fr;gap:11px}.unified-player-cover{max-width:none}.unified-player-copy>strong{font-size:15px}.download-play-panel{align-items:flex-start;flex-direction:column}.download-play-panel .btn{width:100%}.tune-mini-inner{grid-template-columns:minmax(0,1fr) 28px 36px 28px 72px 24px;gap:5px}.tune-mini-progress-wrap{min-width:0}.tune-mini-volume-wrap{display:none}.tune-mini-skip{width:28px;height:28px;flex-basis:28px}.tune-mini-toggle{width:34px;height:34px}.tune-mini-close{width:24px;height:24px}.tune-youtube-dock{bottom:76px}.tune-youtube-viewport{min-height:200px}}
@media(max-width:430px){.tune-mini-inner{grid-template-columns:minmax(0,1fr) 26px 34px 26px 58px 22px;gap:4px}.tune-mini-thumb{width:36px;height:36px;flex-basis:36px}.tune-mini-copy strong{font-size:9px}.tune-mini-copy small{font-size:7px}.tune-mini-progress-wrap .tune-mini-times{font-size:6px}.tune-youtube-dock{left:5px;right:5px;bottom:72px}.tune-youtube-viewport{height:200px;min-height:200px}}

/* v0.3.1 — clean compact homepage + 3-column music lists */
:root{--max:1180px;--radius:8px;--radius-sm:6px}
body{background:#f8f8f9;font-size:13px;line-height:1.5}
.wrap{width:min(var(--max),calc(100% - 28px))}
.header-main{height:56px;gap:20px}
.brand-mark{width:30px;height:30px;border-radius:7px}
.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}
.nav-search{width:min(680px,72%);border-radius:7px;padding:3px 3px 3px 9px}
.nav-search input{padding:5px 2px;font-size:12px}.nav-search button{padding:7px 12px;font-size:10px;min-width:58px}
.quick-nav{height:34px;gap:18px}.quick-nav a{height:34px;font-size:10px}
.main-wrap{padding-top:14px;padding-bottom:34px}
.section-block{margin-top:18px}.compact-section{margin-top:12px}.section-title{margin-bottom:7px}.section-title h2{font-size:15px}.section-kicker,.eyebrow{font-size:8px;letter-spacing:.7px}.text-link{font-size:9px}

/* Only one search exists: the global header search. */
.home-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:7px 0 8px;border-bottom:1px solid var(--line-soft)}
.home-intro>div{min-width:0}.home-intro h1{margin:2px 0 0;font-size:22px;line-height:1.18;letter-spacing:-.55px}.home-intro p{max-width:530px;margin:0;color:var(--muted);font-size:10px;line-height:1.55;text-align:right}
.home-category-section{margin-top:13px}
.category-chips-complete{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.category-chips-complete a{min-height:27px;padding:4px 6px;border-radius:5px;font-size:9px}

/* Three compact list columns — thumbnail remains secondary to text. */
.home-discovery-grid,.browse-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.home-discovery-grid .discovery-card,.browse-grid .discovery-card{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-width:0;padding:7px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}
.home-discovery-grid .discovery-card:nth-child(n),.browse-grid .discovery-card:nth-child(n){border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.home-discovery-grid .discovery-card:hover,.browse-grid .discovery-card:hover{background:#fcfcfc!important;border-color:#d7d7dc!important}
.home-discovery-grid .discovery-cover,.browse-grid .discovery-cover{width:88px!important;height:50px!important;aspect-ratio:auto!important;border-radius:5px!important;overflow:hidden!important;position:relative!important;background:#f4f4f5!important}
.home-discovery-grid .discovery-cover img,.browse-grid .discovery-cover img{width:100%;height:100%;object-fit:cover}
.home-discovery-grid .discovery-copy,.browse-grid .discovery-copy{padding:0!important;align-self:center!important;min-width:0!important}
.home-discovery-grid .discovery-copy h3,.browse-grid .discovery-copy h2{margin:0!important;font-size:10.5px!important;line-height:1.32!important;font-weight:720!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-discovery-grid .discovery-copy p,.browse-grid .discovery-copy p{margin:3px 0 0!important;color:var(--muted)!important;font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-discovery-grid .discovery-badge,.browse-grid .discovery-badge{display:none!important}
.home-discovery-grid .play-chip,.browse-grid .play-chip{right:4px!important;bottom:4px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:rgba(225,29,72,.94)!important;color:#fff!important;font-size:6px!important;display:grid!important;place-items:center!important}
.browse-grid .discovery-meta{gap:5px!important;margin-top:3px!important;font-size:7px!important}.browse-grid .discovery-meta span:nth-child(n+3){display:none}
.discovery-home-section{margin-top:18px}

/* Popular searches also use three compact columns. */
.popular-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:0;border-radius:0;overflow:visible;background:transparent}
.popular-list>a{grid-template-columns:24px minmax(0,1fr) 10px;gap:6px;padding:7px 8px;border:1px solid var(--line)!important;border-radius:6px;background:#fff}
.popular-list>a:nth-child(n){border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.popular-list>a:hover{background:#fcfcfc}.rank{width:21px;height:21px;border-radius:4px;font-size:8px}.popular-copy strong{font-size:9.5px}.popular-copy small{font-size:7.5px}

/* Artists stay compact and text-forward. */
.artist-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border:0;border-radius:0;background:transparent;overflow:visible}
.artist-card{display:flex!important;align-items:center!important;gap:7px!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:#fff!important;min-width:0}
.artist-card:nth-child(n){border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.artist-card:hover{background:#fcfcfc!important}
.artist-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important}.artist-card-copy{display:grid;min-width:0}.artist-card strong{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-card small{font-size:7.5px!important;color:var(--muted)!important}

/* Browse header and tabs use less vertical space. */
.browse-head{padding:11px 12px!important;margin-bottom:10px!important}.browse-head h1{font-size:21px!important}.browse-head p{font-size:9px!important;line-height:1.5!important}.browse-count{padding-left:12px!important}.browse-tabs{margin:8px 0 10px!important;gap:4px!important}.browse-tabs a{padding:5px 7px!important;font-size:8.5px!important}

/* Footer taxonomy remains complete but denser. */
.subfooter-categories{margin-top:18px}.subfooter-categories>.wrap{padding-top:13px;padding-bottom:13px}.subfooter-category-head{margin-bottom:7px}.subfooter-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.subfooter-category-grid a{min-height:29px;padding:5px 8px;font-size:8.5px}.footer-inner{padding-top:13px;padding-bottom:10px}.copyright{padding-top:8px;padding-bottom:10px}

@media(max-width:1020px){
  .category-chips-complete{grid-template-columns:repeat(5,minmax(0,1fr))}
  .home-discovery-grid,.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .popular-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .subfooter-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{width:min(var(--max),calc(100% - 18px))}.header-main{padding:8px 0;gap:7px}.main-wrap{padding-top:10px}
  .home-intro{display:block;padding:4px 0 6px}.home-intro h1{font-size:18px}.home-intro p{max-width:none;margin-top:3px;font-size:9px;text-align:left}
  .category-chips-complete{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-discovery-grid,.browse-grid{grid-template-columns:1fr!important;gap:5px!important}
  .home-discovery-grid .discovery-card,.browse-grid .discovery-card{grid-template-columns:82px minmax(0,1fr)!important;padding:6px!important}
  .home-discovery-grid .discovery-cover,.browse-grid .discovery-cover{width:82px!important;height:46px!important}
  .popular-list{grid-template-columns:1fr;gap:5px}
  .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .subfooter-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-block{margin-top:15px}.discovery-home-section{margin-top:15px}
}
@media(max-width:430px){
  .category-chips-complete{grid-template-columns:repeat(3,minmax(0,1fr))}.category-chips-complete a{font-size:8px;min-height:25px}
  .artist-grid{grid-template-columns:1fr 1fr}.artist-card{padding:6px!important}.artist-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
}

/* v0.3.3 — compact track layout + Night Mode */
.theme-toggle{flex:0 0 auto;height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font-size:9px;font-weight:750}.theme-toggle:hover{border-color:#c9c9cf;background:var(--surface-2)}.theme-toggle [data-theme-icon]{font-size:14px;line-height:1}
.track-main-column{display:grid;gap:10px;min-width:0}.track-layout{grid-template-columns:minmax(0,1fr) 270px;gap:11px}.track-sidebar{display:grid;gap:8px;align-content:start}.track-description-block{margin:0;padding:12px 14px}.track-description-block .section-title{margin-bottom:5px}.track-description-block .description-copy p{margin:5px 0}.download-cta-card{padding:11px}.download-cta-card h2{font-size:14px;line-height:1.35}.track-info-card{padding:10px}.track-info-card>div{padding:6px 0}.unified-player-card{padding:10px}.unified-player-stage{gap:13px;padding:9px;grid-template-columns:210px minmax(0,1fr)}.unified-player-copy>strong{font-size:16px}.unified-player-copy>p{margin:2px 0 4px}.player-actions{margin-top:8px}

/* Night theme variables */
html[data-theme="dark"]{color-scheme:dark;--bg:#0f1012;--surface:#16181b;--surface-2:#1d2024;--text:#f4f4f5;--muted:#a1a1aa;--muted-2:#71717a;--line:#2d3035;--line-soft:#23262a;--accent-soft:#35161f;--success:#4ade80;--warning:#facc15}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .site-header{background:rgba(15,16,18,.96)}
html[data-theme="dark"] .nav-search,html[data-theme="dark"] .hero-search,html[data-theme="dark"] .card,html[data-theme="dark"] .song-page-head,html[data-theme="dark"] .seo-intro-card,html[data-theme="dark"] .player-card,html[data-theme="dark"] .download-title-card,html[data-theme="dark"] .download-main-card,html[data-theme="dark"] .download-side-card,html[data-theme="dark"] .track-info-card,html[data-theme="dark"] .content-description,html[data-theme="dark"] .related-panel,html[data-theme="dark"] .track-description-block,html[data-theme="dark"] .unified-player-stage,html[data-theme="dark"] .download-cta-card{background:var(--surface)!important;border-color:var(--line)!important}
html[data-theme="dark"] .home-discovery-grid .discovery-card,html[data-theme="dark"] .browse-grid .discovery-card,html[data-theme="dark"] .popular-list>a,html[data-theme="dark"] .artist-card,html[data-theme="dark"] .subfooter-category-grid a{background:var(--surface)!important;border-color:var(--line)!important}
html[data-theme="dark"] .home-discovery-grid .discovery-card:hover,html[data-theme="dark"] .browse-grid .discovery-card:hover,html[data-theme="dark"] .popular-list>a:hover,html[data-theme="dark"] .artist-card:hover{background:var(--surface-2)!important}
html[data-theme="dark"] .btn-outline,html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .browse-tabs a,html[data-theme="dark"] .category-chips-complete a{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .btn-ghost{background:#22252a}html[data-theme="dark"] .format-pills span,html[data-theme="dark"] .rank,html[data-theme="dark"] .file-type{background:#25282d;color:#d4d4d8}
html[data-theme="dark"] .site-footer,html[data-theme="dark"] .subfooter-categories{background:#121316;border-color:var(--line)}
html[data-theme="dark"] .footer-links{color:#d4d4d8}
html[data-theme="dark"] .download-empty,html[data-theme="dark"] .audio-player-card{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .mobile-action-bar{background:rgba(18,19,22,.98);border-color:var(--line)}
html[data-theme="dark"] .tune-mini-player{background:rgba(17,18,21,.98);border-color:#34373c;color:#f4f4f5}
html[data-theme="dark"] .home-intro{border-color:var(--line-soft)}
html[data-theme="dark"] .theme-toggle{background:var(--surface);border-color:var(--line);color:var(--text)}

@media(max-width:900px){.track-layout{grid-template-columns:1fr}.track-sidebar{grid-template-columns:1fr 1fr}.track-description-block{margin:0}}
@media(max-width:700px){.header-main{grid-template-columns:minmax(0,1fr) auto!important}.brand{grid-column:1;grid-row:1}.theme-toggle{grid-column:2;grid-row:1;justify-self:end}.theme-label{display:none}.nav-search{grid-column:1/-1;grid-row:2}.track-sidebar{grid-template-columns:1fr}.unified-player-stage{grid-template-columns:1fr}.track-description-block{padding:10px}.track-layout{gap:8px}}

/* v0.3.4 — Banner & Ad placements */
.tune-ad-slot{position:relative;width:min(var(--max),calc(100% - 24px));margin:10px auto;padding:0;text-align:center;overflow:hidden;clear:both}
.main-wrap>.tune-ad-slot{width:100%;margin:8px 0 12px}.tune-ad-slot img{display:block;max-width:100%;height:auto;margin:0 auto;border:0}.tune-ad-slot a{display:inline-block;max-width:100%}.tune-ad-label{display:block;margin:0 0 4px;color:var(--muted-2);font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.5px}.tune-ad-code{max-width:100%;overflow:hidden}.tune-ad-code iframe,.tune-ad-code ins{max-width:100%}
.tune-ad-slot--track_sidebar,.tune-ad-slot--download_sidebar{width:100%;margin:0 0 8px}.tune-ad-slot--home_after_categories,.tune-ad-slot--home_between_sections{width:100%;margin:12px 0}.tune-ad-slot--song_top,.tune-ad-slot--track_top,.tune-ad-slot--download_top,.tune-ad-slot--browse_top,.tune-ad-slot--entity_top{width:100%;margin:0 0 10px}.tune-ad-slot--song_bottom,.tune-ad-slot--track_bottom,.tune-ad-slot--download_bottom,.tune-ad-slot--browse_bottom,.tune-ad-slot--entity_bottom{width:100%;margin:12px 0 0}
html[data-theme="dark"] .tune-ad-label{color:#71717a}
@media(max-width:700px){.tune-ad-slot{width:calc(100% - 18px);margin-top:8px;margin-bottom:8px}.main-wrap>.tune-ad-slot{width:100%}}

/* v0.3.6.1 — MOBILE SEARCH HOTFIX
   Narrow, final overrides only. Desktop/tablet rules above remain untouched. */
@media (max-width:700px){
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:70!important;
  }
  .header-main{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:10px!important;
    padding:10px 0!important;
  }
  .header-main .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .header-main .theme-toggle{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  .header-main .theme-label{display:none!important}
  .header-main .nav-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:56px!important;
    margin:0!important;
    padding:5px 5px 5px 13px!important;
    gap:8px!important;
    border:2px solid var(--accent)!important;
    border-radius:12px!important;
    background:var(--surface)!important;
    box-shadow:0 4px 16px rgba(225,29,72,.10)!important;
  }
  .header-main .nav-search:focus-within{
    border-color:var(--accent-dark)!important;
    box-shadow:0 0 0 3px rgba(225,29,72,.12),0 5px 18px rgba(225,29,72,.12)!important;
  }
  .header-main .nav-search .search-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 22px!important;
    width:22px!important;
    font-size:18px!important;
    color:var(--accent)!important;
  }
  .header-main .nav-search input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 2px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:16px!important;
    line-height:44px!important;
  }
  .header-main .nav-search input::placeholder{color:var(--muted-2)!important;opacity:1!important}
  .header-main .nav-search button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:72px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 16px!important;
    border-radius:8px!important;
    background:var(--accent)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .header-main .nav-search button:hover,
  .header-main .nav-search button:focus{background:var(--accent-dark)!important}
  .header-links{position:relative!important;z-index:1!important}
  .quick-nav{height:38px!important;gap:18px!important}
  .quick-nav a{height:38px!important;font-size:10px!important}
}
@media (max-width:420px){
  .wrap{width:min(var(--max),calc(100% - 16px))!important}
  .header-main{padding:9px 0!important;row-gap:8px!important}
  .header-main .brand-copy strong{font-size:15px!important}
  .header-main .brand-mark{width:30px!important;height:30px!important}
  .header-main .nav-search{min-height:54px!important;padding-left:11px!important}
  .header-main .nav-search input{height:42px!important;line-height:42px!important}
  .header-main .nav-search button{height:42px!important;min-height:42px!important;min-width:68px!important;padding:0 13px!important}
}
html[data-theme="dark"] .header-main .nav-search{
  background:var(--surface)!important;
  border-color:var(--accent)!important;
}

/* v0.3.7 — Smart local search suggestions. No broad layout overrides. */
.nav-search{position:relative}
.search-suggest-panel{position:absolute;z-index:120;left:-1px;right:-1px;top:calc(100% + 7px);display:none;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 34px rgba(24,24,27,.14);max-height:min(420px,62vh);overflow:auto;text-align:left}
.search-suggest-panel.open{display:block}
.search-suggest-item{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 9px;border-radius:7px;color:var(--text);text-decoration:none}
.search-suggest-item:hover,.search-suggest-item.active{background:var(--surface-2)}
.search-suggest-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800}
.search-suggest-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.search-suggest-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25}.search-suggest-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.search-suggest-go{color:var(--muted-2);font-size:13px}
.search-suggest-query{border-top:1px solid var(--line-soft);margin-top:3px;padding-top:8px}
html[data-theme="dark"] .search-suggest-panel{background:var(--surface);border-color:var(--line);box-shadow:0 16px 36px rgba(0,0,0,.38)}
@media(max-width:700px){.search-suggest-panel{top:calc(100% + 5px);left:-2px;right:-2px;border-radius:10px;max-height:52vh}.search-suggest-item{min-height:48px;padding:8px 10px}.search-suggest-copy strong{font-size:13px}.search-suggest-copy small{font-size:9px}.search-suggest-icon{width:31px;height:31px;flex-basis:31px}}


/* v0.3.9 — Download fallback message + modern availability loader. */
.download-empty{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  column-gap:10px;
  row-gap:8px;
}
.download-empty-copy{min-width:0}
.download-empty-copy p{max-width:760px;line-height:1.55}
.download-empty-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:178px;
  min-height:52px;
  margin-left:10px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  box-shadow:0 4px 14px rgba(24,24,27,.05);
}
.download-loader-ring{
  position:relative;
  display:block;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:conic-gradient(from 0deg,var(--accent) 0 26%,rgba(225,29,72,.18) 26% 100%);
  animation:tune-download-spin .9s linear infinite;
}
.download-loader-ring::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--surface);
}
.download-loader-copy{display:grid;min-width:0;gap:1px;text-align:left}
.download-loader-copy strong{font-size:9px;line-height:1.25;white-space:nowrap}
.download-loader-copy small{color:var(--muted);font-size:8px;line-height:1.25;white-space:nowrap}
@keyframes tune-download-spin{to{transform:rotate(360deg)}}
html[data-theme="dark"] .download-empty-loading{background:var(--surface);border-color:var(--line);box-shadow:none}
html[data-theme="dark"] .download-loader-ring::after{background:var(--surface)}
@media(max-width:720px){
  .download-empty{grid-template-columns:34px minmax(0,1fr);align-items:start}
  .download-empty-loading{grid-column:1/-1;width:100%;min-width:0;margin:2px 0 0;padding:8px 10px;justify-content:flex-start}
  .download-loader-copy strong{font-size:10px}.download-loader-copy small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.download-loader-ring{animation:none}}

/* v0.4.0 — My Library, Save, Playlist, Play All */
.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-toolbar>div{display:flex;flex-direction:column;gap:2px}.btn-compact{padding:9px 13px;white-space:nowrap}.btn-iconish{min-width:42px;padding-left:11px;padding-right:11px}.js-tune-save.is-saved{border-color:#ef1748;background:#fff1f5;color:#d70e3e}.download-play-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.browse-head{position:relative}.browse-head-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:12px}.discovery-quick-actions{display:flex;align-items:center;gap:7px;margin-top:9px}.mini-play-button,.mini-save-button{border:1px solid #e4e6eb;background:#fff;color:#222;border-radius:9px;min-height:34px;font:inherit;font-weight:700;cursor:pointer}.mini-play-button{padding:6px 10px}.mini-save-button{width:35px}.mini-save-button.is-saved{color:#ef1748;border-color:#ffc4d2;background:#fff1f5}
.library-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px}.library-hero h1{margin:4px 0 6px;font-size:32px}.library-hero p{margin:0;color:#6b6f78;max-width:720px}.library-device-pill{white-space:nowrap;border:1px solid #e5e7eb;background:#f7f7f8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.library-stats>div{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:14px 16px}.library-stats strong{display:block;font-size:24px;line-height:1}.library-stats span{display:block;margin-top:5px;font-size:12px;color:#6b6f78}.library-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 20px}.library-section{margin-top:18px}.library-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-track-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:11px;background:#fff;padding:8px}.library-track-thumb{width:64px;height:42px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center}.library-track-thumb img{width:100%;height:100%;object-fit:cover}.library-track-copy{min-width:0}.library-track-copy strong,.library-track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-copy strong{font-size:13px}.library-track-copy small{font-size:11px;color:#70737b;margin-top:3px}.library-track-actions{display:flex;gap:5px}.library-track-actions button{width:34px;height:34px;border:1px solid #e5e7eb;background:#fafafa;border-radius:8px;cursor:pointer;font-weight:800}.library-playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.library-playlist-card{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}.playlist-cover{width:72px;height:58px;border-radius:9px;background:#f3f4f6;overflow:hidden;display:grid;place-items:center;font-size:24px}.playlist-cover img{width:100%;height:100%;object-fit:cover}.library-playlist-card>div:nth-child(2){min-width:0}.library-playlist-card>div:nth-child(2) strong,.library-playlist-card>div:nth-child(2) small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-playlist-card>div:nth-child(2) small{color:#70737b;margin-top:4px}.playlist-card-actions{grid-column:1/-1;display:flex;gap:6px}.playlist-card-actions button{border:1px solid #e5e7eb;background:#fafafa;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:700}.library-empty{border:1px dashed #d7d9df;border-radius:12px;padding:30px;text-align:center;color:#6f727b}.library-empty>span{display:block;font-size:27px;margin-bottom:7px}.library-empty strong{display:block;color:#222;margin-bottom:5px}.library-empty p{margin:0}.library-clear-link{border:0;background:transparent;color:#e91849;font-weight:700;cursor:pointer}
.tune-library-modal[hidden]{display:none!important}.tune-library-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px}.tune-library-modal-backdrop{position:absolute;inset:0;background:rgba(12,14,18,.58);backdrop-filter:blur(3px)}.tune-library-modal-card{position:relative;width:min(520px,100%);max-height:min(680px,88vh);overflow:auto;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.24);padding:16px}.tune-library-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tune-library-modal-head small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#e91849;font-weight:900}.tune-library-modal-head h2{font-size:20px;margin:3px 0 0}.tune-library-modal-head>button{width:36px;height:36px;border:1px solid #e5e7eb;background:#f6f6f7;border-radius:9px;font-size:22px;cursor:pointer}.tune-library-modal-track{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;background:#f6f6f7;border-radius:10px;padding:8px;margin:14px 0}.tune-library-modal-track>img,.tune-library-modal-track>span{width:54px;height:38px;border-radius:7px;object-fit:cover;display:grid;place-items:center;background:#fff}.tune-library-modal-track strong,.tune-library-modal-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tune-library-modal-track small{color:#70737b;margin-top:2px}.tune-library-modal-list{display:grid;gap:6px}.tune-library-modal-list>button{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:9px;align-items:center;width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:9px;cursor:pointer}.tune-library-modal-list>button:hover{background:#fafafa}.tune-library-modal-list strong,.tune-library-modal-list small{display:block}.tune-library-modal-list small{color:#70737b;font-size:11px;margin-top:2px}.playlist-modal-empty{color:#70737b;font-size:13px}.tune-library-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.tune-library-create input{min-width:0;border:1px solid #dfe2e7;border-radius:9px;background:#fff;color:#222;padding:10px 11px;font:inherit}.tune-toast[hidden]{display:none!important}.tune-toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:10030;background:#202126;color:#fff;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2)}body.tune-modal-open{overflow:hidden}
[data-theme="dark"] .library-hero,[data-theme="dark"] .library-stats>div,[data-theme="dark"] .library-track-row,[data-theme="dark"] .library-playlist-card,[data-theme="dark"] .tune-library-modal-card,[data-theme="dark"] .tune-library-modal-list>button{background:#181a1f;border-color:#30333a;color:#f4f4f5}[data-theme="dark"] .library-device-pill,[data-theme="dark"] .library-track-actions button,[data-theme="dark"] .playlist-card-actions button,[data-theme="dark"] .tune-library-modal-track,[data-theme="dark"] .tune-library-modal-head>button{background:#22252b;border-color:#343840;color:#f4f4f5}[data-theme="dark"] .library-hero p,[data-theme="dark"] .library-stats span,[data-theme="dark"] .library-track-copy small,[data-theme="dark"] .library-playlist-card small,[data-theme="dark"] .tune-library-modal-track small,[data-theme="dark"] .tune-library-modal-list small{color:#aeb2bd}[data-theme="dark"] .library-empty strong{color:#f4f4f5}[data-theme="dark"] .tune-library-create input{background:#15171b;border-color:#343840;color:#f4f4f5}[data-theme="dark"] .js-tune-save.is-saved,[data-theme="dark"] .mini-save-button.is-saved{background:#3b1722;border-color:#7b2941;color:#ff789a}[data-theme="dark"] .mini-play-button,[data-theme="dark"] .mini-save-button{background:#202329;border-color:#343840;color:#f4f4f5}[data-theme="dark"] .tune-toast{background:#f1f2f4;color:#17181c}
@media(max-width:900px){.library-track-list{grid-template-columns:1fr}.library-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero{align-items:flex-start;flex-direction:column}.library-device-pill{white-space:normal}.result-toolbar{align-items:flex-start}}
@media(max-width:620px){.result-toolbar{flex-direction:column}.result-toolbar .js-tune-play-all{width:100%}.song-actions{flex-wrap:wrap}.song-actions .btn{flex:1 1 auto}.library-stats{grid-template-columns:repeat(3,1fr)}.library-stats>div{padding:11px 9px}.library-stats strong{font-size:20px}.library-stats span{font-size:10px}.library-toolbar .btn{flex:1 1 100%}.library-playlist-grid{grid-template-columns:1fr}.library-track-row{grid-template-columns:54px minmax(0,1fr)}.library-track-thumb{width:54px;height:38px}.library-track-actions{grid-column:1/-1;justify-content:flex-end}.tune-library-create{grid-template-columns:1fr}.tune-library-create .btn{width:100%}.download-play-actions{width:100%;justify-content:stretch}.download-play-actions .btn{flex:1 1 auto}.browse-head-actions .btn{width:100%}}
.browse-head-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.browse-head-side .browse-head-actions{margin-top:0}@media(max-width:620px){.browse-head-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px}.browse-head-side .browse-count{margin-top:0}.browse-head-side .browse-head-actions{flex:1;margin-left:8px}}
.library-playlist-detail{margin-top:14px;border-top:1px solid #eceef2;padding-top:14px}.library-playlist-detail[hidden]{display:none!important}.library-playlist-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}.library-playlist-detail-head h3{margin:2px 0 2px;font-size:18px}.library-playlist-detail-head small{color:#70737b}.library-playlist-detail-head>div:last-child{display:flex;gap:7px;flex-wrap:wrap}[data-theme="dark"] .library-playlist-detail{border-top-color:#30333a}[data-theme="dark"] .library-playlist-detail-head small{color:#aeb2bd}@media(max-width:620px){.library-playlist-detail-head{align-items:flex-start;flex-direction:column}.library-playlist-detail-head>div:last-child{width:100%}.library-playlist-detail-head .btn{flex:1}}

/* v0.4.1 — static pages + slide navigation */
.menu-toggle{flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);display:inline-grid;place-content:center;gap:3px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.menu-toggle:hover{border-color:#d6a0ad;background:var(--surface-2,#fafafa)}
.menu-toggle:active{transform:scale(.97)}
.menu-toggle span{display:block;width:14px;height:1.5px;border-radius:2px;background:currentColor}
body.slide-menu-open{overflow:hidden}
.slide-menu{position:fixed;inset:0;z-index:1300;pointer-events:none;visibility:hidden}
.slide-menu.is-open{pointer-events:auto;visibility:visible}
.slide-menu-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(9,9,11,.46);opacity:0;transition:opacity .2s ease;cursor:default}
.slide-menu.is-open .slide-menu-backdrop{opacity:1}
.slide-menu-panel{position:absolute;left:0;top:0;bottom:0;width:min(360px,88vw);overflow-y:auto;overscroll-behavior:contain;background:var(--surface,#fff);border-right:1px solid var(--line);box-shadow:18px 0 46px rgba(9,9,11,.13);transform:translateX(-102%);transition:transform .22s ease;padding:14px 14px 18px;display:flex;flex-direction:column}
.slide-menu.is-open .slide-menu-panel{transform:translateX(0)}
.slide-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.slide-menu-brand{display:flex;align-items:center;gap:9px;min-width:0}.slide-menu-brand>span:last-child{display:grid;min-width:0}.slide-menu-brand strong{font-size:15px}.slide-menu-brand small{margin-top:2px;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.55px;font-weight:700}
.slide-menu-close{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2,#fafafa);color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.slide-menu-primary{padding:12px 0}.slide-menu-library{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #f2bdca;border-radius:10px;background:var(--accent-soft,#fff1f4);color:var(--text)}.slide-menu-library:hover,.slide-menu-library.active{border-color:var(--accent);background:#fff0f4}.slide-menu-icon{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:900}.slide-menu-library>span:nth-child(2){display:grid;gap:2px}.slide-menu-library strong{font-size:12px}.slide-menu-library small{font-size:8px;color:var(--muted)}.slide-menu-library b{font-size:20px;color:var(--accent)}
.slide-menu-section{padding:11px 0;border-top:1px solid var(--line-soft)}.slide-menu-section>span{display:block;margin-bottom:7px;color:var(--muted-2);font-size:8px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.slide-menu-section nav{display:grid;gap:2px}.slide-menu-section nav>a{display:flex;align-items:center;min-height:34px;padding:6px 8px;border-radius:7px;color:#3f3f46;font-size:10px;font-weight:650}.slide-menu-section nav>a:hover{background:var(--surface-2,#f7f7f8);color:var(--accent)}.slide-menu-grid{grid-template-columns:1fr 1fr!important;gap:3px 6px!important}.slide-menu-info nav{grid-template-columns:1fr 1fr;gap:3px 6px}.slide-menu-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:8px}

.static-page-shell{max-width:900px;margin:0 auto 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);overflow:hidden}.static-page-head{padding:20px 22px 16px;border-bottom:1px solid var(--line-soft)}.static-page-head h1{margin:3px 0 7px;font-size:28px;letter-spacing:-.75px}.static-page-head p{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.static-page-content{padding:20px 22px 24px;color:var(--text);font-size:12px;line-height:1.75}.static-page-content>*:first-child{margin-top:0}.static-page-content>*:last-child{margin-bottom:0}.static-page-content p{margin:0 0 13px}.static-page-content h2{margin:22px 0 8px;font-size:18px;line-height:1.3}.static-page-content h3{margin:18px 0 7px;font-size:15px}.static-page-content h4{margin:15px 0 6px;font-size:13px}.static-page-content ul,.static-page-content ol{margin:8px 0 14px;padding-left:22px}.static-page-content li{margin:4px 0}.static-page-content blockquote{margin:14px 0;padding:10px 13px;border-left:3px solid var(--accent);background:var(--surface-2,#fafafa);color:var(--muted)}.static-page-content a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.static-page-content hr{border:0;border-top:1px solid var(--line);margin:20px 0}

html[data-theme="dark"] .menu-toggle,html[data-theme="dark"] .slide-menu-panel,html[data-theme="dark"] .slide-menu-close,html[data-theme="dark"] .static-page-shell{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)}
html[data-theme="dark"] .slide-menu-library{background:rgba(225,29,72,.09);border-color:rgba(225,29,72,.35)}
html[data-theme="dark"] .slide-menu-section nav>a{color:var(--text)}
html[data-theme="dark"] .slide-menu-section nav>a:hover,html[data-theme="dark"] .static-page-content blockquote{background:var(--surface-2)}

@media(max-width:700px){
  .header-main{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:8px!important}
  .header-main .menu-toggle{grid-column:1;grid-row:1;align-self:center}
  .header-main .brand{grid-column:2;grid-row:1;justify-self:start;min-width:0}
  .header-main .theme-toggle{grid-column:3;grid-row:1;justify-self:end}
  .header-main .nav-search{grid-column:1/-1;grid-row:2}
  .static-page-head{padding:15px 14px 12px}.static-page-head h1{font-size:23px}.static-page-content{padding:15px 14px 18px;font-size:11px}.static-page-content h2{font-size:16px}
}
@media(max-width:430px){.menu-toggle{width:32px;height:32px;flex-basis:32px}.slide-menu-panel{width:min(330px,92vw);padding:11px}.slide-menu-grid,.slide-menu-info nav{grid-template-columns:1fr!important}.static-page-shell{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.slide-menu-backdrop,.slide-menu-panel,.menu-toggle{transition:none!important}}

/* v0.4.1.1 — mobile burger visibility hotfix.
   Overrides v0.3.6.1's !important two-column mobile header. */
@media (max-width:700px){
  .header-main{
    grid-template-columns:36px minmax(0,1fr) 44px!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
  }
  .header-main .menu-toggle{
    display:inline-grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:3!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  .header-main .brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    min-width:0!important;
    margin:0!important;
  }
  .header-main .theme-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:42px!important;
    margin:0!important;
  }
  .header-main .nav-search{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
}
@media (max-width:430px){
  .header-main{grid-template-columns:34px minmax(0,1fr) 42px!important;column-gap:7px!important}
  .header-main .menu-toggle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .header-main .brand{gap:7px!important}
  .header-main .brand-copy strong{font-size:15px!important}
}
