/* Streamify SoundCloud-inspired UI — orange, black header, white feed */
:root {
  --m-bg:#f2f2f2; --m-surface:#fff; --m-surface-soft:#fafafa;
  --m-text:#111; --m-muted:#666; --m-faint:#999; --m-line:#e5e5e5;
  --m-brand:#ff5500; --m-brand-dark:#e54700; --m-brand-soft:#fff1e9;
  --m-dark:#111; --m-dark-2:#202020; --m-radius:10px; --m-radius-lg:16px;
  --m-shadow:0 3px 12px rgba(0,0,0,.07); --m-shadow-hover:0 7px 18px rgba(0,0,0,.12);
}
*,*::before,*::after { box-sizing:border-box; }
html,body { background:var(--m-bg)!important; color:var(--m-text)!important; }
body { font-family:Arial,Helvetica,sans-serif!important; }
.shell { display:grid!important; grid-template-columns:220px minmax(0,1fr)!important; grid-template-rows:54px minmax(0,1fr) 82px!important; height:100vh!important; overflow:hidden!important; background:var(--m-bg)!important; }
.sidebar { grid-column:1;grid-row:1/-1; background:#fff!important; border-right:1px solid #ddd!important; padding:18px 12px 14px!important; display:flex!important; gap:2px!important; box-shadow:none!important; }
.logo { order:0; padding:0 9px 22px!important; color:var(--m-text)!important; }
.logo-mark { width:32px!important;height:32px!important;border-radius:5px!important;background:var(--m-brand)!important;color:#fff!important;box-shadow:none!important; }
.logo-name { color:#111!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.4px; }
.nav-label,.library-head,.legal-label,.mobile-playlist-label { color:#999!important;font-size:10px!important;letter-spacing:1.2px!important;font-weight:700!important; }
.nav-a { color:#555!important;border-radius:7px!important;padding:10px 11px!important;margin:1px 0!important;font-size:13px!important;font-weight:600!important; }
.nav-a i,.library-links a i { color:#999!important;width:19px!important; }
.nav-a:hover,.library-links a:hover { color:#111!important;background:#f5f5f5!important; }
.nav-a:hover i,.library-links a:hover i,.nav-a.active i { color:var(--m-brand)!important; }
.nav-a.active { background:#fff1e9!important;color:var(--m-brand)!important;box-shadow:inset 3px 0 0 var(--m-brand)!important; }
.library-head { padding:25px 10px 9px!important; }
.library-links a { color:#666!important;border-radius:7px!important;font-weight:600!important; }
.library-subhead { color:#999!important; }
.legal-links { margin-top:auto!important;border-top:1px solid #e5e5e5!important;padding-top:12px!important; }
.main { grid-column:2;grid-row:2;min-width:0!important;min-height:0!important;overflow-y:auto!important;background:#f2f2f2!important;padding:26px 42px 44px!important; }
.topbar { grid-column:2!important;grid-row:1!important;position:relative!important;z-index:50!important;display:flex!important;align-items:center!important;gap:13px!important;min-height:54px!important;margin:0!important;padding:8px 42px!important;background:#111!important;border:0!important;box-shadow:none!important; }
.history-buttons button { background:#292929!important;color:#bbb!important;border:0!important;border-radius:4px!important;box-shadow:none!important; }
.history-buttons button:hover { background:#444!important;color:#fff!important; }
.search-wrap { flex:1!important;max-width:480px!important;background:#2b2b2b!important;border:0!important;border-radius:4px!important;box-shadow:none!important; }
.search-wrap input { color:#fff!important;background:transparent!important;border:0!important;border-radius:4px!important; }
.search-wrap input::placeholder { color:#aaa!important; }.search-wrap i { color:#bbb!important; }
.topbar-right { margin-left:auto!important; }.top-profile,.mobile-login-btn { background:transparent!important;color:#ccc!important;border:0!important;box-shadow:none!important; }.top-profile:hover { color:#fff!important; }.top-profile i { background:var(--m-brand)!important;color:#fff!important; }
.profile-dropdown,.mobile-profile-dropdown { background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 5px 18px rgba(0,0,0,.18)!important; }.profile-dropdown a,.profile-dropdown button,.mobile-profile-dropdown a,.mobile-profile-dropdown button { color:#555!important; }.profile-dropdown a:hover,.profile-dropdown button:hover,.mobile-profile-dropdown a:hover,.mobile-profile-dropdown button:hover { background:#f5f5f5!important;color:var(--m-brand)!important; }
.section-head { margin-bottom:14px!important; }.section-title { color:#111!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.35px!important; }.section-more { color:var(--m-brand)!important;font-weight:600!important; }.section-hint,.muted { color:#888!important; }
.btn { border-radius:4px!important;font-weight:700!important; }.btn-primary,.hero-play,.spotlight-play,.editorial-play { background:var(--m-brand)!important;color:#fff!important;border:0!important;box-shadow:none!important; }.btn-primary:hover,.hero-play:hover,.spotlight-play:hover { background:var(--m-brand-dark)!important;transform:none; }.btn-ghost { background:#fff!important;color:#555!important;border:1px solid #ccc!important; }
.card,.artist-card,.mini-track,.about-panel,.comments,.settings-block,.security-report-card,.radio-detail,.track-playlists { background:#fff!important;border:1px solid #e4e4e4!important;border-radius:8px!important;box-shadow:none!important; }.card:hover,.artist-card:hover,.mini-track:hover { background:#fff!important;border-color:#ccc!important;box-shadow:var(--m-shadow-hover)!important;transform:none; }.card-img,.artist-avatar,.song-thumb { border-radius:5px!important; }.card-body { padding:11px!important; }.card-title,.song-title,.mini-title { color:#111!important; }.card-sub,.song-artist,.mini-artist { color:#777!important; }
.grid-auto { gap:18px!important; }.song-list { gap:0!important;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:5px!important; }.song-row,.chart-row { border:0!important;border-bottom:1px solid #eee!important;border-radius:4px!important;padding:10px 9px!important; }.song-row:last-child,.chart-row:last-child { border-bottom:0!important; }.song-row:hover,.chart-row:hover { background:#fafafa!important;box-shadow:none; }.song-row.active { background:#fff4ee!important;box-shadow:none!important; }.song-row.active .song-title,.song-row.active .song-num { color:var(--m-brand)!important; }
.landing-hero,.spotlight,.profile-hero,.track-detail,.artist-hero { background:#fff!important;border:1px solid #e2e2e2!important;border-radius:12px!important;box-shadow:none!important; }.landing-kicker,.eyebrow,.track-album-eyebrow,.verified { color:var(--m-brand)!important; }.landing-copy h1,.profile-meta h1,.track-detail-copy h1,.artist-name-lg { color:#111!important; }.mood-pill,.tag-list span,.radio-genre-pill,.pill { background:#fff!important;border:1px solid #ccc!important;color:#555!important;border-radius:4px!important; }.mood-pill:hover,.tag-list span:hover,.pill:hover,.radio-genre-pill:hover { color:var(--m-brand)!important;border-color:var(--m-brand)!important;background:#fff!important; }
.comment { border-color:#e5e5e5!important; }.comment-form { background:#fafafa!important;border-color:#ddd!important;border-radius:8px!important; }.comment-form textarea,.auth-form input,.auth-form textarea { background:#fff!important;color:#111!important;border-color:#ccc!important;border-radius:4px!important; }
.player-bar { grid-column:1/-1;grid-row:3;background:#fff!important;border-top:1px solid #d8d8d8!important;box-shadow:0 -3px 12px rgba(0,0,0,.08)!important; }.player { height:82px!important; }.p-cover { border-radius:4px!important; }.p-title { color:#111!important; }.p-artist { color:#777!important; }.p-status { color:var(--m-brand)!important; }.ctrl { color:#555!important; }.ctrl:hover { color:var(--m-brand)!important; }.ctrl.play { background:var(--m-brand)!important;color:#fff!important;box-shadow:none; }.p-bar { background:#ddd!important; }.p-fill { background:var(--m-brand)!important; }
.mob-nav { background:#fff!important;border-top:1px solid #ddd!important;box-shadow:0 -3px 12px rgba(0,0,0,.08); }.mob-btn { color:#888!important; }.mob-btn.active,.mob-btn:hover { color:var(--m-brand)!important; }.mobile-drawer { background:#fff!important;border-right-color:#ddd!important; }.mobile-drawer-nav a,.mobile-library-links a { color:#555!important;border-radius:7px!important; }.mobile-drawer-nav a:hover,.mobile-library-links a:hover { background:#f5f5f5!important;color:var(--m-brand)!important; }
.full-player-sheet { background:linear-gradient(160deg,#fff,#f2f2f2)!important;color:#111!important; }.full-player-title { color:#111!important; }.full-player-artist,.full-player-header,.full-skip { color:#666!important; }.full-main-play { background:var(--m-brand)!important;color:#fff!important; }.full-bar { background:#ddd!important; }.full-fill { background:var(--m-brand)!important; }
/* waveform-like emphasis for track rows */
.song-row::after { content:""; width:52px; height:14px; opacity:.22; background:linear-gradient(90deg,var(--m-brand) 0 5%,transparent 5% 10%,var(--m-brand) 10% 17%,transparent 17% 22%,var(--m-brand) 22% 28%,transparent 28% 34%,var(--m-brand) 34% 43%,transparent 43% 49%,var(--m-brand) 49% 54%,transparent 54% 60%,var(--m-brand) 60% 68%,transparent 68% 74%,var(--m-brand) 74% 82%,transparent 82% 88%,var(--m-brand) 88% 100%); clip-path:polygon(0 48%,5% 25%,10% 55%,16% 8%,22% 70%,28% 35%,34% 82%,40% 15%,47% 62%,54% 4%,60% 72%,67% 30%,74% 90%,81% 20%,88% 61%,94% 35%,100% 55%,100% 100%,0 100%); }
@media (max-width:1100px) and (min-width:901px) { .main { padding-left:28px!important;padding-right:28px!important; }.topbar { padding-left:28px!important;padding-right:28px!important; }.shell { grid-template-columns:205px minmax(0,1fr)!important; } }
@media (max-width:900px) { .shell { display:block!important;height:auto!important;min-height:100vh;overflow:visible!important; }.sidebar { display:none!important; }.main { display:block!important;min-height:100vh!important;height:auto!important;overflow:visible!important;padding:0 14px calc(var(--player-h) + var(--mob-bar-h) + 24px)!important; }.topbar { position:sticky!important;top:0!important;margin:0 -14px 20px!important;padding:10px 14px!important;min-height:58px!important;background:#111!important; }.topbar-right { display:none!important; }.search-wrap { max-width:none!important; }.landing-hero,.spotlight,.profile-hero,.track-detail,.artist-hero { border-radius:10px!important; }.grid-auto { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important; }.player-bar { position:fixed!important;left:0;right:0;bottom:0;z-index:400; }.player { height:var(--player-h)!important; }.mob-nav { display:block!important; } }
@media (max-width:600px) { .main { padding-left:10px!important;padding-right:10px!important; }.topbar { margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important; }.section-title { font-size:19px!important; }.card,.artist-card { border-radius:7px!important; }.grid-auto { gap:8px!important; }.song-row { grid-template-columns:20px 38px minmax(0,1fr) auto!important;padding:8px 5px!important; }.song-plays { display:none!important; }.song-row::after { display:none; }.player { padding:0 10px!important; }.p-info { max-width:calc(100vw - 150px); }.p-btns { gap:5px!important; }.p-btns .ctrl:first-child,.p-btns .ctrl:last-child { display:none; } }

@media (min-width:901px) {
  .shell { grid-template-rows:54px minmax(0,1fr) 82px!important; }
  .topbar { grid-column:2!important; grid-row:1!important; }
  .main { grid-column:2!important; grid-row:2!important; }
  .player-bar { grid-column:1/-1!important; grid-row:3!important; }
}

/* Structural SoundCloud shell: full-width top navigation, centered feed, no legacy sidebar. */
.sidebar { display:none!important; }
.shell { grid-template-columns:minmax(0,1fr)!important; }
.topbar,.main { grid-column:1!important; }
.topbar { padding-left:32px!important; padding-right:32px!important; }
.mobile-topbar-row { display:none!important; }
.sc-desktop-brand { display:flex; align-items:center; gap:8px; color:#fff; text-decoration:none; flex:0 0 auto; font-size:16px; font-weight:700; }
.sc-desktop-brand .logo-mark { width:30px!important; height:30px!important; border-radius:4px!important; }
.sc-primary-nav { display:flex; align-self:stretch; margin-left:8px; }
.sc-primary-nav a { display:flex; align-items:center; padding:0 19px; color:#bbb; text-decoration:none; font-size:13px; font-weight:600; border-left:1px solid #303030; }
.sc-primary-nav a:last-child { border-right:1px solid #303030; }
.sc-primary-nav a:hover,.sc-primary-nav a.active { color:#fff; background:#222; }
.topbar .search-wrap { margin-left:8px; }
.topbar .topbar-right { margin-left:auto; }
@media (max-width:900px) {
  .sc-desktop-brand,.sc-primary-nav { display:none!important; }
  .mobile-topbar-row { display:flex!important; align-items:center; width:100%; }
  .topbar { padding-left:10px!important; padding-right:10px!important; }
  .topbar .history-buttons { display:none!important; }
  .topbar .search-wrap { margin-left:8px; }
}

#spa-content { width:min(100%,1100px); margin:0 auto; }
@media (max-width:900px) { #spa-content { width:100%; } }

/* Final detail-page polish: every text element keeps contrast on light surfaces. */
.track-detail { display:grid!important; grid-template-columns:minmax(190px,270px) minmax(0,1fr)!important; gap:30px!important; padding:30px!important; align-items:center!important; }
.track-detail-art { width:100%!important; max-width:270px!important; aspect-ratio:1!important; border-radius:8px!important; overflow:hidden!important; box-shadow:0 12px 28px rgba(0,0,0,.13)!important; }
.track-detail-art img { width:100%!important;height:100%!important;object-fit:cover!important;display:block; }
.track-detail-copy { min-width:0; }
.track-detail-copy h1 { color:#111!important;font-size:clamp(30px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-1.5px!important;margin:8px 0 14px!important; }
.track-album-eyebrow,.track-artist-link,.track-stats span,.track-stats strong { color:#555!important; }
.track-album-eyebrow:hover,.track-artist-link:hover { color:var(--m-brand)!important; }
.track-artist-link { display:inline-flex!important;align-items:center;gap:8px;text-decoration:none!important;font-weight:700!important; }
.track-artist-link img { width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover; }
.track-artist-link i { color:var(--m-brand)!important; }
.track-stats { display:flex!important;flex-wrap:wrap;gap:18px!important;margin:20px 0!important; }
.track-stats span { font-size:11px!important; }.track-stats strong { display:block!important;font-size:16px!important;color:#111!important; }
.track-actions { display:flex!important;flex-wrap:wrap;gap:8px!important; }
.track-actions .btn { min-height:36px!important; }
.track-columns { display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)!important;gap:26px!important;align-items:start!important; }
.track-columns > section { min-width:0; }
.track-columns .comments { padding:20px!important; }
.track-related-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important; }
.mini-track { display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important;min-width:0!important; }
.mini-track > img { width:48px!important;height:48px!important;border-radius:5px!important;object-fit:cover;flex:0 0 48px; }
.mini-track > div { min-width:0;flex:1; }.mini-track > i { color:var(--m-brand)!important; }
.track-playlists { margin-top:22px!important;padding:16px!important; }.track-playlists .section-title { font-size:16px!important; }
.track-playlist-card { background:#fff!important;border:1px solid #e5e5e5!important;border-radius:7px!important;box-shadow:none!important; }
.track-playlist-card:hover { border-color:#ffb494!important;box-shadow:0 5px 14px rgba(0,0,0,.08)!important; }
.track-playlist-card strong { color:#111!important; }.track-playlist-card small { color:#777!important; }
.comments .section-title,.comments .muted,.comment strong,.comment p,.comment-login { color:#111!important; }.comment time { color:#999!important; }.comment p { line-height:1.5!important; }.comment-login a { color:var(--m-brand)!important; }
.tag-list { display:flex!important;flex-wrap:wrap;gap:7px!important;margin:14px 0 24px!important; }.tag-list span { color:#666!important;background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;padding:5px 9px!important; }
@media (max-width:900px) { .track-detail { grid-template-columns:1fr!important;gap:18px!important;padding:18px!important; }.track-detail-art { width:min(230px,75vw)!important;margin:0 auto!important; }.track-detail-copy h1 { font-size:34px!important; }.track-columns { grid-template-columns:1fr!important;gap:22px!important; }.track-columns .comments { order:2; }.track-related-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media (max-width:600px) { .track-detail-copy h1 { font-size:29px!important; }.track-stats { gap:12px!important; }.track-actions .btn { font-size:11px!important;padding:8px 11px!important; }.track-related-grid { grid-template-columns:1fr!important; }.track-playlists-grid { display:flex!important;grid-template-columns:none!important;overflow-x:auto!important; }.track-playlist-card { flex:0 0 116px!important; } }

/* Contrast guard for legacy component selectors on the light feed. */
.main .hero-title,.main .hero-artist,.main .spotlight-title,.main .spotlight-artist,.main .editorial-overlay a { color:#fff!important; }
.main .radio-station-card h3,.main .radio-station-card p,.main .radio-station-meta,.main .radio-stations-head * { color:#111!important; }
.main .radio-station-card p,.main .radio-station-meta { color:#666!important; }
.main .collection-hero .coll-title,.main .collection-hero .coll-type,.main .collection-hero .coll-meta,.main .collection-hero .coll-meta a { color:#fff!important; }
.main .settings-block-title,.main .settings-hint,.main .settings-field label,.main .info-row,.main .info-row strong { color:#111!important; }
.main .upload-header h1,.main .upload-header p,.main .upload-checks,.main .upload-track-meta { color:#111!important; }

/* Radio hub — distinct live-audio experience. */
.radio-hub { color:#111; }
.radio-hub-hero { display:flex;justify-content:space-between;align-items:center;min-height:300px;margin-bottom:34px;padding:42px 52px;overflow:hidden;position:relative;background:#111;border-radius:12px;color:#fff; }
.radio-hub-hero::after { content:"";position:absolute;inset:auto -8% -65% 30%;height:260px;background:var(--m-brand);opacity:.82;filter:blur(60px);border-radius:50%; }
.radio-hub-hero-copy { position:relative;z-index:2;max-width:520px; }.radio-live-label { display:flex;align-items:center;gap:8px;color:#ff8a55;font-size:11px;font-weight:800;letter-spacing:1.5px; }.radio-live-dot { width:8px;height:8px;border-radius:50%;background:var(--m-brand);box-shadow:0 0 0 5px rgba(255,85,0,.2); }
.radio-hub-hero h1 { margin:14px 0 13px;color:#fff!important;font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-2.5px; }.radio-hub-hero h1 strong { color:#ff7a42; }.radio-hub-hero p { max-width:450px;color:#c5c5c5;line-height:1.6;font-size:14px; }.radio-hero-stats { display:flex;gap:28px;margin-top:24px; }.radio-hero-stats span { color:#aaa;font-size:11px; }.radio-hero-stats strong { color:#fff;font-size:20px;margin-right:4px; }
.radio-orbit-art { width:235px;height:235px;position:relative;z-index:2;flex:0 0 235px; }.radio-orbit { position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:8%; }.orbit-two { inset:20%;border-color:rgba(255,85,0,.58); }.radio-orbit-core { position:absolute;inset:33%;display:grid;place-items:center;border-radius:50%;background:var(--m-brand);color:#fff;font-size:40px;box-shadow:0 0 0 15px rgba(255,85,0,.12),0 14px 35px rgba(0,0,0,.35); }.radio-wave { position:absolute;right:1%;width:35px;border-top:2px solid #ff895e;border-radius:50%;transform:rotate(-28deg); }.wave-a{top:34%;width:42px}.wave-b{top:45%;width:54px;right:-5%}.wave-c{top:57%;width:38px;right:3%}
.radio-hub-toolbar,.radio-list-head { display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 13px; }.radio-hub-count,.radio-sort-note { color:#888;font-size:11px; }.radio-sort-note i { color:var(--m-brand);margin-right:5px; }.radio-genre-strip { display:flex;gap:8px;overflow-x:auto;padding:2px 1px 12px;margin-bottom:30px;scrollbar-width:none; }.radio-genre-strip::-webkit-scrollbar{display:none}.radio-genre-chip { display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 13px;border:1px solid #d5d5d5;border-radius:5px;background:#fff;color:#555;text-decoration:none;font-size:12px;font-weight:700; }.radio-genre-chip i { color:var(--chip-color,var(--m-brand));font-size:9px; }.radio-genre-chip small { color:#999;font-size:10px; }.radio-genre-chip.active,.radio-genre-chip:hover { color:#fff;background:var(--m-brand);border-color:var(--m-brand); }.radio-genre-chip.active i,.radio-genre-chip:hover i,.radio-genre-chip.active small,.radio-genre-chip:hover small { color:#fff; }
.radio-hub-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.radio-hub-card { overflow:hidden;background:#fff;border:1px solid #dedede;border-radius:9px;box-shadow:0 3px 12px rgba(0,0,0,.055); }.radio-card-art { position:relative;aspect-ratio:1.7;overflow:hidden;background:#222; }.radio-card-art img { width:100%;height:100%;display:block;object-fit:cover; }.radio-card-art::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7));pointer-events:none; }.radio-card-live { position:absolute;top:10px;left:10px;z-index:2;padding:5px 7px;border-radius:3px;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:800;letter-spacing:1px; }.radio-card-live span { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#ff5b3d; }.radio-card-play { position:absolute;z-index:3;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--m-brand);color:#fff;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.25); }.radio-card-play:hover { background:#fff;color:var(--m-brand); }.radio-hub-card-body { padding:14px 15px 15px; }.radio-card-kicker { color:#999;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase; }.radio-hub-card h3 { margin:6px 0 6px;color:#111!important;font-size:18px; }.radio-hub-card p { min-height:35px;margin:0 0 13px;color:#666!important;font-size:12px;line-height:1.45; }.radio-card-action { display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--m-brand);font-size:11px;font-weight:800;cursor:pointer; }.radio-card-action i { transition:transform .16s; }.radio-card-action:hover i { transform:translateX(4px); }.radio-hub-empty { padding:58px 20px;text-align:center;background:#fff;border:1px solid #ddd;border-radius:9px;color:#666; }.radio-hub-empty i { color:var(--m-brand);font-size:32px;margin-bottom:12px; }.radio-hub-empty h3 { color:#111;margin-bottom:5px; }.radio-hub-empty p { font-size:12px; }
/* No decorative waveforms in track rows. */
.song-row::after { display:none!important;content:none!important; }
/* Global contrast guard for non-card text on the light feed. */
.main, .main p, .main li, .main label, .main dt, .main dd, .main small, .main time { color:#555; }.main h1,.main h2,.main h3,.main h4,.main strong { color:#111; }.main a:not(.btn):not(.section-more):not(.track-artist-link) { color:#444; }.main a:not(.btn):not(.section-more):not(.track-artist-link):hover { color:var(--m-brand); }.main .eyebrow,.main .landing-kicker,.main .verified { color:var(--m-brand); }
@media (max-width:1050px) and (min-width:901px) { .radio-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.radio-hub-hero { padding:34px; } }
@media (max-width:900px) { .radio-hub-hero { min-height:330px;padding:28px 24px; }.radio-orbit-art { position:absolute;right:-44px;bottom:-42px;width:190px;height:190px;opacity:.8; }.radio-hub-hero-copy { max-width:90%; }.radio-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; } }
@media (max-width:600px) { .radio-hub-hero { min-height:350px;padding:25px 20px;align-items:flex-start; }.radio-hub-hero h1 { font-size:42px; }.radio-hub-hero p { font-size:12px; }.radio-orbit-art { right:-52px;bottom:-34px;width:175px;height:175px; }.radio-hub-grid { grid-template-columns:1fr;gap:12px; }.radio-card-art { aspect-ratio:1.8; }.radio-hub-toolbar,.radio-list-head { align-items:flex-start;flex-direction:column;gap:5px; }.radio-hub-toolbar .section-title,.radio-list-head .section-title { font-size:20px!important; } }

/* Home discover feed — focused SoundCloud-style start page. */
.home-feed { max-width:1000px;margin:0 auto;color:#111; }.home-welcome { display:flex;align-items:end;justify-content:space-between;gap:20px;margin:6px 0 28px; }.home-welcome h1 { margin:8px 0;color:#111;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-1.8px; }.home-welcome h1 em { color:var(--m-brand);font-style:normal; }.home-welcome p { color:#666;line-height:1.5;font-size:13px; }.home-upload-link { display:inline-flex;align-items:center;gap:8px;color:var(--m-brand);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap; }.home-upload-link:hover { color:#111; }
.home-feature { display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:26px;align-items:center;position:relative;overflow:hidden;margin-bottom:40px;padding:22px;background:#111;border-radius:10px;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.13); }.home-feature::after { content:"";position:absolute;width:300px;height:300px;right:0;bottom:-190px;border-radius:50%;background:var(--m-brand);opacity:.38;filter:blur(35px); }.home-feature-art { position:relative;z-index:1;width:240px;height:240px;overflow:hidden;border-radius:5px;background:#252525; }.home-feature-cover { width:100%;height:100%;display:block;object-fit:cover; }.home-feature-art-shade { position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.42)); }.home-feature-play { position:absolute;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--m-brand);color:#fff;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.25); }.home-feature-copy { position:relative;z-index:1;min-width:0; }.home-feature-copy .eyebrow { color:#ff8658!important; }.home-feature-title { display:block;margin:10px 0 5px;color:#fff!important;font-size:clamp(24px,3vw,40px);font-weight:750;line-height:1.05;letter-spacing:-1px;text-decoration:none; }.home-feature-artist { display:block;color:#bbb!important;font-size:14px;text-decoration:none; }.home-feature-copy p { max-width:410px;margin:19px 0;color:#aaa;font-size:12px;line-height:1.5; }.home-feature-actions { display:flex;gap:8px; }.home-feature-actions .btn-ghost { background:transparent!important;color:#fff!important;border-color:#555!important; }.home-feature-actions .btn-ghost:hover { border-color:#fff!important; }.home-feature-label { position:absolute;z-index:2;top:19px;right:22px;color:#aaa;font-size:9px;font-weight:800;letter-spacing:1.5px; }.home-feature-label i { color:var(--m-brand);margin-right:5px; }
.home-section { margin:0 0 42px; }.home-mood-row { display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:none; }.home-mood-row::-webkit-scrollbar{display:none}.home-mood { display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 13px;border:1px solid #d6d6d6;border-radius:5px;background:#fff;color:#555;text-decoration:none;font-size:12px;font-weight:700; }.home-mood i { color:var(--m-brand); }.home-mood:hover { border-color:var(--m-brand);color:var(--m-brand); }
.home-feed-list { display:grid;grid-template-columns:1fr 1fr;column-gap:24px;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:5px; }.home-track { display:flex;align-items:center;gap:10px;min-width:0;padding:9px 8px;border-bottom:1px solid #eee; }.home-track:nth-last-child(-n+2) { border-bottom:0; }.home-track-index { width:20px;color:#aaa;font-size:10px;text-align:center; }.home-track-cover { width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:4px; }.home-track-main { min-width:0;flex:1; }.home-track-title,.home-track-artist { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none; }.home-track-title { color:#111!important;font-size:12px;font-weight:700; }.home-track-artist { margin-top:3px;color:#777!important;font-size:10px; }.home-track-title:hover,.home-track-artist:hover { color:var(--m-brand)!important; }.home-track-duration { color:#999;font-size:10px; }.home-track-play { display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:50%;background:#fff0e9;color:var(--m-brand);cursor:pointer; }.home-track-play:hover { background:var(--m-brand);color:#fff; }
.home-trending-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }.home-trending-card { overflow:hidden;background:#fff;border:1px solid #e0e0e0;border-radius:8px; }.home-trending-art { position:relative;aspect-ratio:1;overflow:hidden;background:#ddd; }.home-trending-art img { width:100%;height:100%;display:block;object-fit:cover; }.home-trending-play { position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--m-brand);color:#fff;cursor:pointer; }.home-trending-body { display:flex;gap:9px;padding:10px; }.home-trending-body > span { color:var(--m-brand);font-weight:800;font-size:12px; }.home-trending-body > div { min-width:0; }
.home-artists-row,.home-compilation-row { display:flex;gap:14px;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:none; }.home-artists-row::-webkit-scrollbar,.home-compilation-row::-webkit-scrollbar{display:none}.home-artist { display:flex;flex:0 0 104px;flex-direction:column;align-items:center;color:#111;text-align:center;text-decoration:none; }.home-artist-avatar { width:80px;height:80px;margin-bottom:8px;border-radius:50%;object-fit:cover; }.home-artist strong { max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }.home-artist small { margin-top:3px;color:#888;font-size:9px; }.home-artist:hover strong { color:var(--m-brand); }.home-compilation { display:flex;flex:0 0 145px;flex-direction:column;text-decoration:none; }.home-compilation img { width:145px;height:145px;object-fit:cover;border-radius:6px; }.home-compilation strong { margin-top:8px;color:#111;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.home-compilation small { margin-top:3px;color:#888;font-size:10px; }
@media (max-width:900px) { .home-welcome { align-items:flex-start;flex-direction:column;margin-top:5px; }.home-feature { grid-template-columns:170px minmax(0,1fr);gap:18px;padding:16px; }.home-feature-art { width:170px;height:170px; }.home-feature-label { display:none; }.home-feature-copy p { margin:12px 0; }.home-feature-actions .btn { padding:8px 11px!important;font-size:11px!important; }.home-trending-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; } }
@media (max-width:600px) { .home-welcome h1 { font-size:34px; }.home-feature { display:block;padding:12px; }.home-feature-art { width:100%;height:auto;aspect-ratio:1.7;margin-bottom:16px; }.home-feature-copy { padding:0 4px 5px; }.home-feature-title { font-size:27px; }.home-feature-copy p { font-size:11px; }.home-feature-actions { flex-wrap:wrap; }.home-feed-list { display:block; }.home-track:nth-last-child(-n+2) { border-bottom:1px solid #eee; }.home-track:last-child { border-bottom:0; }.home-track-duration { display:none; }.home-trending-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.home-trending-body { padding:8px; }.home-artist { flex-basis:88px; }.home-artist-avatar { width:68px;height:68px; }.home-compilation { flex-basis:125px; }.home-compilation img { width:125px;height:125px; } }

/* Desktop navigation rail — restores all navigation without the old dashboard styling. */
@media (min-width:901px) {
  .shell { grid-template-columns:220px minmax(0,1fr)!important; grid-template-rows:54px minmax(0,1fr) 82px!important; }
  .sidebar { display:flex!important;grid-column:1!important;grid-row:1/-1!important;position:relative!important;z-index:60!important;flex-direction:column!important;width:220px!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-right:1px solid #ddd!important;padding:17px 12px 14px!important;box-shadow:none!important; }
  .topbar { grid-column:2!important;grid-row:1!important; }
  .main { grid-column:2!important;grid-row:2!important; }
  .player-bar { grid-column:1/-1!important;grid-row:3!important; }
  .sidebar .logo { display:flex!important;align-items:center!important;gap:8px!important;padding:0 8px 21px!important;margin:0!important; }
  .sidebar .logo-mark { width:30px!important;height:30px!important;border-radius:4px!important;background:var(--m-brand)!important;box-shadow:none!important; }
  .sidebar .logo-name { color:#111!important;font-size:17px!important;font-weight:800!important; }
  .sidebar-toggle { display:none!important; }
  .sidebar nav { display:flex!important;flex-direction:column!important;gap:2px!important; }
  .sidebar .nav-label { padding:0 9px 8px!important;color:#999!important;font-size:9px!important;letter-spacing:1.3px!important; }
  .sidebar .nav-a { display:flex!important;align-items:center!important;gap:10px!important;min-height:36px!important;margin:0!important;padding:8px 10px!important;border-radius:5px!important;color:#555!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important; }
  .sidebar .nav-a i { width:18px!important;color:#999!important;text-align:center!important; }
  .sidebar .nav-a:hover { background:#f5f5f5!important;color:#111!important; }.sidebar .nav-a:hover i { color:var(--m-brand)!important; }
  .sidebar .nav-a.active { background:#fff0e8!important;color:var(--m-brand)!important;box-shadow:inset 3px 0 0 var(--m-brand)!important; }.sidebar .nav-a.active i { color:var(--m-brand)!important; }
  .sidebar .library-head { display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:22px!important;padding:0 9px 8px!important;color:#999!important;font-size:9px!important;letter-spacing:1.1px!important;font-weight:800!important; }
  .sidebar .library-head a,.sidebar .library-subhead a { color:#999!important; }.sidebar .library-head a:hover,.sidebar .library-subhead a:hover { color:var(--m-brand)!important; }
  .sidebar .library-links { display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important; }
  .sidebar .library-links > a { display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important;padding:7px 10px!important;border-radius:5px!important;color:#666!important;font-size:11px!important;font-weight:600!important;text-decoration:none!important; }
  .sidebar .library-links > a i { width:18px!important;color:#999!important;text-align:center!important; }.sidebar .library-links > a:hover { background:#f5f5f5!important;color:#111!important; }.sidebar .library-links > a:hover i { color:var(--m-brand)!important; }
  .sidebar .library-subhead { display:flex!important;justify-content:space-between!important;align-items:center!important;margin:15px 9px 4px!important;color:#aaa!important;font-size:9px!important;font-weight:800!important;letter-spacing:1px!important; }
  .sidebar .library-playlist-entry { display:flex!important;align-items:center!important;min-width:0!important;border-radius:5px!important; }.sidebar .library-playlist-entry > a { display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important;padding:7px 10px!important;color:#666!important;font-size:11px!important;text-decoration:none!important; }.sidebar .library-playlist-entry > a span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.sidebar .library-playlist-entry > a i { width:18px!important;color:#aaa!important;text-align:center!important; }.sidebar .library-playlist-entry:hover { background:#f5f5f5!important; }.sidebar .library-playlist-entry:hover > a { color:#111!important; }.sidebar .playlist-delete-btn { opacity:0!important;margin-right:7px!important;color:#aaa!important;background:transparent!important;border:0!important;cursor:pointer!important; }.sidebar .library-playlist-entry:hover .playlist-delete-btn { opacity:1!important; }.sidebar .playlist-delete-btn:hover { color:#d43f2b!important; }
  .sidebar .legal-links { display:flex!important;flex-direction:column!important;gap:2px!important;margin-top:auto!important;padding:14px 0 0!important;border-top:1px solid #e5e5e5!important; }.sidebar .legal-label { padding:0 9px 5px!important;color:#aaa!important;font-size:9px!important;letter-spacing:1px!important; }.sidebar .legal-links a { display:flex!important;align-items:center!important;gap:9px!important;padding:5px 9px!important;color:#999!important;font-size:10px!important;text-decoration:none!important; }.sidebar .legal-links a i { width:16px!important;text-align:center!important; }.sidebar .legal-links a:hover { color:#111!important; }
}
@media (max-width:900px) { .sidebar { display:none!important; } }

/* Final shell correction: compact navigation rail and player only beside it. */
@media (min-width:901px) {
  .shell { grid-template-columns:236px minmax(0,1fr)!important; grid-template-rows:58px minmax(0,1fr) 82px!important; }
  .sidebar { grid-column:1!important;grid-row:1/3!important;width:236px!important;height:calc(100vh - 82px)!important;min-height:0!important;overflow-y:auto!important;background:#171717!important;border:0!important;color:#fff!important;padding:18px 13px!important; }
  .sidebar::before { content:"";display:block;position:absolute;top:0;left:0;right:0;height:3px;background:var(--m-brand); }
  .sidebar .logo { padding:0 10px 25px!important;border-bottom:1px solid #303030!important;margin-bottom:18px!important; }
  .sidebar .logo-mark { background:var(--m-brand)!important;color:#fff!important; }
  .sidebar .logo-name { color:#fff!important; }
  .sidebar .nav-label,.sidebar .library-head,.sidebar .library-subhead,.sidebar .legal-label { color:#777!important; }
  .sidebar .nav-a { color:#bdbdbd!important;border-radius:5px!important;padding:10px 11px!important; }
  .sidebar .nav-a i,.sidebar .library-links > a i,.sidebar .library-playlist-entry > a i { color:#777!important; }
  .sidebar .nav-a:hover,.sidebar .library-links > a:hover,.sidebar .library-playlist-entry:hover { background:#292929!important;color:#fff!important; }
  .sidebar .nav-a:hover i,.sidebar .library-links > a:hover i,.sidebar .library-playlist-entry:hover > a i { color:var(--m-brand)!important; }
  .sidebar .nav-a.active { background:#2c1d17!important;color:#ff895b!important;box-shadow:inset 3px 0 0 var(--m-brand)!important; }
  .sidebar .nav-a.active i { color:var(--m-brand)!important; }
  .sidebar .library-head { border-top:1px solid #303030!important;margin-top:18px!important;padding-top:18px!important; }
  .sidebar .library-links > a,.sidebar .library-playlist-entry > a { color:#aaa!important; }
  .sidebar .library-playlist-entry { border-radius:5px!important; }
  .sidebar .playlist-delete-btn { color:#777!important; }.sidebar .playlist-delete-btn:hover { color:#ff7750!important;background:#30201a!important; }
  .sidebar .legal-links { border-top-color:#303030!important; }.sidebar .legal-links a { color:#777!important; }.sidebar .legal-links a:hover { color:#fff!important; }
  .topbar { grid-column:2!important;grid-row:1!important; }
  .main { grid-column:2!important;grid-row:2!important; }
  .player-bar { grid-column:2!important;grid-row:3!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;z-index:400!important; }
  .player { max-width:none!important;width:100%!important; }
}
@media (max-width:900px) { .player-bar { grid-column:auto!important; }.sidebar { display:none!important; } }

/* Absolute alignment contract: all desktop regions share one explicit grid. */
@media (min-width:901px) {
  .shell { display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;grid-template-rows:58px minmax(0,1fr) 82px!important;grid-template-areas:"side top" "side main" ". player"!important;width:100%!important;height:100vh!important;overflow:hidden!important;gap:0!important; }
  .shell > .sidebar { grid-area:side!important;align-self:stretch!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important; }
  .shell > .topbar { grid-area:top!important;align-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important; }
  .shell > .main { grid-area:main!important;align-self:stretch!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important; }
  .shell > .player-bar { grid-area:player!important;align-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important; }
}

/* Header owns the brand; the navigation rail starts directly beneath it. */
@media (min-width:901px) {
  .shell { grid-template-columns:236px minmax(0,1fr)!important;grid-template-rows:58px minmax(0,1fr) 82px!important;grid-template-areas:"top top" "side main" ". player"!important; }
  .shell > .topbar { grid-area:top!important;padding-left:24px!important; }
  .shell > .sidebar { grid-area:side!important;grid-row:2!important;height:auto!important; }
  .sidebar .logo { display:none!important; }
  .sidebar::before { display:none!important; }
  .shell > .main { grid-area:main!important; }
  .shell > .player-bar { grid-area:player!important; }
}

/* Final sidebar behavior: square full-height rail with synchronized collapse. */
@media (min-width:901px) {
  .shell { --nav-w:236px;grid-template-columns:var(--nav-w) minmax(0,1fr)!important; }
  .shell.sidebar-collapsed { --nav-w:72px; }
  .shell > .sidebar { width:auto!important;height:auto!important;min-height:0!important;align-self:stretch!important;border-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;overflow-y:auto!important; }
  .sidebar,.sidebar * { border-radius:0; }
  .sidebar .nav-a,.sidebar .library-links > a,.sidebar .library-playlist-entry,.sidebar .library-playlist-entry > a { border-radius:4px; }
  .shell.sidebar-collapsed > .sidebar { width:auto!important; }
  .shell.sidebar-collapsed > .sidebar .logo-name,.shell.sidebar-collapsed > .sidebar .nav-label,.shell.sidebar-collapsed > .sidebar .library-head span,.shell.sidebar-collapsed > .sidebar .library-links > a span,.shell.sidebar-collapsed > .sidebar .library-subhead,.shell.sidebar-collapsed > .sidebar .library-playlist-entry span,.shell.sidebar-collapsed > .sidebar .legal-label,.shell.sidebar-collapsed > .sidebar .legal-links a span { display:none!important; }
  .shell.sidebar-collapsed > .sidebar .nav-a,.shell.sidebar-collapsed > .sidebar .library-links > a,.shell.sidebar-collapsed > .sidebar .library-playlist-entry > a,.shell.sidebar-collapsed > .sidebar .legal-links a { justify-content:center!important;gap:0!important;padding-left:0!important;padding-right:0!important; }
  .shell.sidebar-collapsed > .sidebar .nav-a i,.shell.sidebar-collapsed > .sidebar .library-links > a i,.shell.sidebar-collapsed > .sidebar .library-playlist-entry > a i,.shell.sidebar-collapsed > .sidebar .legal-links a i { width:auto!important;margin:0!important; }
  .shell.sidebar-collapsed > .sidebar .library-head { justify-content:center!important;padding-left:0!important;padding-right:0!important; }
  .shell.sidebar-collapsed > .sidebar .playlist-delete-btn { display:none!important; }
  .shell.sidebar-collapsed > .sidebar .legal-links { align-items:stretch!important; }
}

@media (min-width:901px) {
  .sidebar .sidebar-toggle { display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;margin:0 0 14px!important;padding:8px 10px!important;border:1px solid #383838!important;border-radius:4px!important;background:#252525!important;color:#aaa!important;font-size:10px!important;cursor:pointer!important; }
  .sidebar .sidebar-toggle:hover { color:#fff!important;border-color:#666!important; }
  .sidebar .sidebar-toggle i { width:18px!important;margin-right:7px!important;text-align:center; }
  .shell.sidebar-collapsed .sidebar .sidebar-toggle { justify-content:center!important;padding-left:0!important;padding-right:0!important; }
  .shell.sidebar-collapsed .sidebar .sidebar-toggle span { display:none!important; }
  .shell.sidebar-collapsed .sidebar .sidebar-toggle i { margin:0!important;transform:rotate(180deg); }
}

/* Sidebar continues beside the player to the very bottom of the viewport. */
@media (min-width:901px) {
  .shell { grid-template-areas:"top top" "side main" "side player"!important; }
  .shell > .sidebar { grid-area:side!important;grid-row:2/4!important;height:auto!important;min-height:0!important;align-self:stretch!important;overflow-y:auto!important; }
  .shell > .player-bar { grid-area:player!important; }
  .shell.sidebar-collapsed > .sidebar { grid-area:side!important;grid-row:2/4!important; }
  .shell.sidebar-collapsed > .sidebar .library-links,.shell.sidebar-collapsed > .sidebar .legal-links { width:100%!important; }
  .shell.sidebar-collapsed > .sidebar .library-playlist-entry > a,.shell.sidebar-collapsed > .sidebar .legal-links a { min-height:34px!important; }
}

/* Legal pages — explicit dark text and readable document measure. */
.legal-page { max-width:900px;margin:0 auto;color:#111!important; }.legal-page-hero { display:flex;align-items:center;gap:17px;margin-bottom:24px;padding:25px 28px;background:#111;border-radius:9px;color:#fff; }.legal-page-icon { display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:6px;background:var(--m-brand);color:#fff;font-size:21px; }.legal-page-hero .eyebrow { color:#ff8b5e!important; }.legal-page-hero h1 { margin:5px 0;color:#fff!important;font-size:32px;letter-spacing:-.8px; }.legal-page-hero p { margin:0;color:#bbb!important;font-size:12px; }.legal-document { max-width:760px;padding:32px 38px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.05); }.legal-document h2 { margin:25px 0 9px;color:#111!important;font-size:18px;line-height:1.25; }.legal-document h2:first-child { margin-top:0; }.legal-document p,.legal-document li { color:#4e4e4e!important;font-size:14px;line-height:1.75; }.legal-document a { color:var(--m-brand)!important;font-weight:700;text-decoration:underline; }.legal-document strong { color:#111!important; }.legal-contact-card { display:flex;align-items:center;gap:14px;margin:20px 0;padding:16px;border:1px solid #eee;border-left:3px solid var(--m-brand);background:#fafafa;border-radius:5px; }.legal-contact-card > i { color:var(--m-brand);font-size:22px; }.legal-contact-card strong { color:#111!important; }.legal-contact-card p { margin:3px 0 0; }.legal-contact-card a { color:var(--m-brand)!important; }
@media (max-width:600px) { .legal-page-hero { align-items:flex-start;padding:20px 17px; }.legal-page-hero h1 { font-size:25px; }.legal-document { padding:23px 19px; }.legal-document h2 { font-size:16px; }.legal-document p,.legal-document li { font-size:13px;line-height:1.65; } }

/* Chart widget documentation page. */
.chart-docs-page { max-width:1000px;margin:0 auto;color:#111!important; }.chart-docs-hero { display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:26px 30px;background:#111;border-radius:9px;color:#fff; }.chart-docs-hero-icon { display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:var(--m-brand);color:#fff;font-size:21px; }.chart-docs-hero .eyebrow { color:#ff895d!important; }.chart-docs-hero h1 { margin:5px 0;color:#fff!important;font-size:32px; }.chart-docs-hero p { margin:0;color:#bbb!important;font-size:12px; }.chart-docs-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start; }.chart-docs-panel { min-width:0;padding:24px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.05); }.chart-docs-panel h2 { margin:7px 0;color:#111!important;font-size:20px; }.chart-docs-muted { color:#666!important;font-size:12px;line-height:1.5; }.chart-widget-preview { margin-top:17px;padding:16px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.06); }.chart-widget-brand { display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #eee; }.chart-widget-mark { display:grid;place-items:center;width:32px;height:32px;border-radius:4px;background:var(--m-brand);color:#fff; }.chart-widget-brand strong,.chart-widget-brand small { display:block; }.chart-widget-brand strong { color:#111!important;font-size:13px; }.chart-widget-brand small { margin-top:3px;color:#888!important;font-size:10px; }.chart-widget-row { display:grid;grid-template-columns:25px 42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eee; }.chart-widget-row > b { color:#aaa;font-size:10px;text-align:center; }.chart-widget-row > div { min-width:0; }.chart-widget-row strong,.chart-widget-row small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.chart-widget-row strong { color:#111!important;font-size:11px; }.chart-widget-row small { margin-top:3px;color:#777!important;font-size:9px; }.chart-widget-row > i { color:var(--m-brand);font-size:11px; }.chart-widget-cover { width:42px;height:42px;border-radius:4px;background:linear-gradient(135deg,#ff5500,#ffb18c); }.cover-two { background:linear-gradient(135deg,#242424,#ff5500); }.cover-three { background:linear-gradient(135deg,#ffb18c,#242424); }.chart-widget-more { display:block;margin-top:13px;color:var(--m-brand);font-size:11px;font-weight:700;text-decoration:none; }.chart-code-label { display:block;margin:17px 0 6px;color:#777;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px; }.chart-embed-code { display:block;width:100%;min-height:145px;resize:vertical;padding:12px;border:1px solid #d5d5d5;border-radius:5px;background:#f8f8f8;color:#444;font:11px/1.5 monospace; }.chart-copy-code { margin-top:10px; }.chart-docs-note { display:flex;gap:8px;margin-top:18px;padding:11px;background:#fff5ef;border-left:3px solid var(--m-brand);color:#666;font-size:11px;line-height:1.4; }.chart-docs-note i { color:var(--m-brand); }.chart-docs-note span { color:#555!important; }
@media(max-width:700px){.chart-docs-grid{grid-template-columns:1fr}.chart-docs-hero{padding:21px 18px}.chart-docs-hero h1{font-size:27px}.chart-docs-panel{padding:18px}}

/* Genre hub — visual discovery grid with readable contrast. */
.genres-page { max-width:1100px;margin:0 auto;color:#111!important; }.genres-hero { display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:190px;margin-bottom:30px;padding:30px 36px;overflow:hidden;background:#111;color:#fff;border-radius:9px; }.genres-hero .eyebrow { color:#ff895d!important; }.genres-hero h1 { margin:6px 0;color:#fff!important;font-size:46px;letter-spacing:-1.8px; }.genres-hero p { margin:0;color:#bbb!important;font-size:13px; }.genres-hero-art { position:relative;width:230px;height:130px;flex:none;color:var(--m-brand); }.genres-hero-art i { position:absolute;font-size:64px;transform:rotate(-12deg); }.genres-hero-art i:nth-child(1){top:7px;left:25px}.genres-hero-art i:nth-child(2){top:39px;left:102px;color:#fff;transform:rotate(13deg)}.genres-hero-art i:nth-child(3){top:1px;right:4px;color:#ff9a70;transform:rotate(27deg)}.genres-toolbar { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px; }.genres-toolbar h2 { margin-top:5px; }.genres-search { display:flex;align-items:center;gap:9px;width:240px;padding:10px 13px;border:1px solid #d9d9d9;border-radius:5px;background:#fff; }.genres-search i { color:#999;font-size:12px; }.genres-search input { width:100%;border:0;outline:0;background:transparent;color:#222;font-size:12px; }.genres-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }.genre-hub-card { position:relative;display:flex;flex-direction:column;min-height:160px;padding:19px;background:linear-gradient(145deg,var(--genre-color),color-mix(in srgb,var(--genre-color),#111 24%));color:#fff!important;text-decoration:none;border-radius:7px;overflow:hidden;transition:transform .18s,box-shadow .18s; }.genre-hub-card::after { content:'';position:absolute;width:130px;height:130px;right:-35px;bottom:-48px;border:22px solid rgba(255,255,255,.14);border-radius:50%; }.genre-hub-card:hover { transform:translateY(-3px);box-shadow:0 12px 22px rgba(0,0,0,.14); }.genre-hub-number { position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:1px;opacity:.7; }.genre-hub-icon { position:absolute;right:18px;top:17px;z-index:1;font-size:23px;opacity:.9; }.genre-hub-name { position:relative;z-index:1;margin-top:auto;font-size:20px;font-weight:800;letter-spacing:-.4px; }.genre-hub-meta { position:relative;z-index:1;margin-top:7px;font-size:10px;opacity:.78; }.genre-hub-meta b { margin:0 4px; }.genre-hub-arrow { position:absolute;right:17px;bottom:18px;z-index:1;font-size:11px;opacity:.85; }.genres-empty { padding:35px;text-align:center;color:#666;background:#fff;border:1px solid #ddd;border-radius:7px; }.genre-hub-card[hidden] { display:none; }
@media(max-width:900px){.genres-hero{min-height:165px;padding:25px 22px}.genres-hero h1{font-size:38px}.genres-hero-art{width:150px;transform:scale(.78);transform-origin:right center}.genres-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.genres-hero{align-items:flex-start}.genres-hero-art{position:absolute;right:8px;opacity:.55}.genres-toolbar{align-items:stretch;flex-direction:column}.genres-search{width:100%}.genres-grid{gap:9px}.genre-hub-card{min-height:140px;padding:15px}.genre-hub-name{font-size:16px}.genre-hub-meta{font-size:9px}}