/* Personal music discovery, in the existing black/orange theme. */
.app-discovery-icon { width:24px; height:24px; flex-shrink:0; vertical-align:middle; }
.app-discovery-page { padding:110px 26px 64px; min-height:70vh; }
.app-discovery-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:30px 0; }
.app-discovery-eyebrow { color:#ff611a; font-size:11px; font-weight:500; letter-spacing:2px; }
.app-discovery-heading h1 { font-size:clamp(36px,5vw,60px); margin:8px 0 12px; line-height:1.1; letter-spacing:-2px; }
.app-discovery-heading p:not(.app-discovery-eyebrow), .app-home-discovery-title p:not(.app-discovery-eyebrow) { color:#aaa; line-height:1.6; font-size:14px; }
.app-discovery-emblem { display:flex; align-items:center; justify-content:center; width:90px; height:90px; border:1px solid #ff611a40; border-radius:24px; background:linear-gradient(145deg,#ff611a26,#ff611a05); color:#ff611a; flex-shrink:0; }
.app-discovery-emblem svg { width:44px; height:44px; }
.app-discovery-links { display:flex; gap:28px; border-bottom:1px solid #ffffff18; margin-bottom:24px; }
.app-discovery-links a { text-decoration:none; color:#999; padding:14px 0; font-size:14px; }
.app-discovery-links a[aria-current="page"] { color:#ff611a; border-bottom:2px solid #ff611a; }
.app-personal-badge { display:inline-block; font-size:11px; color:#c7b49f; background:#ff611a0c; border:1px solid #ff611a2b; border-radius:30px; padding:8px 12px; line-height:1.4; }
.app-discovery-tools { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:24px 0; flex-wrap:wrap; }
.app-discovery-tabs { display:flex; gap:5px; padding:4px; background:#181818; border-radius:9px; }
.app-discovery-tabs button { background:none; border:0; border-radius:6px; color:#aaa; padding:12px 16px; font-size:12px; min-height:44px; }
.app-discovery-tabs button[aria-pressed="true"] { color:#151515; background:#ff611a; font-weight:500; }
.app-discovery-tools label { display:flex; flex-direction:column; gap:7px; color:#aaa; font-size:11px; }
.app-discovery-select { background:#171717; color:#eee; border:1px solid #ffffff25; padding:12px; border-radius:8px; max-width:260px; min-height:44px; font-size:12px; }
.app-chart-list { list-style:none; padding:0; margin:24px 0; }
.app-chart-row { display:flex; align-items:center; gap:16px; min-height:100px; border-bottom:1px solid #ffffff10; padding:16px 10px; }
.app-chart-row:first-child { background:linear-gradient(90deg,#ff611a12,transparent); border-radius:12px 12px 0 0; }
.app-chart-position { font-size:26px; font-weight:500; color:#6b6b6b; width:40px; flex-shrink:0; text-align:center; }
.app-chart-row:first-child .app-chart-position { color:#ff611a; }
.app-chart-cover { width:60px; height:60px; object-fit:cover; border-radius:10px; flex-shrink:0; }
.app-chart-description { min-width:0; flex:1; }
.app-chart-description a { text-decoration:none; }
.app-chart-description strong { display:block; color:#eee; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.app-chart-description span { display:block; color:#aaa; font-size:13px; margin-top:6px; }
.app-chart-description small { display:block; color:#777; font-size:11px; margin-top:7px; }
.app-chart-heart, .app-chart-listen { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex-shrink:0; border:0; border-radius:50%; }
.app-chart-heart { background:transparent; color:#888; }
.app-chart-heart.app-is-liked { color:#ff611a; }
.app-chart-heart.app-is-liked svg { fill:#ff611a30; }
.app-chart-listen { background:#ff611a; color:#111; }
.app-chart-listen:hover { background:#ff8047; }
.app-ranking-bar { width:110px; height:4px; border-radius:4px; background:linear-gradient(to right,#ff611a var(--app-bar),#252525 var(--app-bar)); }
.app-discovery-empty { text-align:center; padding:55px 24px; margin:24px 0; border:1px solid #ffffff12; border-radius:16px; background:radial-gradient(ellipse at top,#ff611a0b,transparent 70%); }
.app-discovery-empty > svg { width:44px; height:44px; color:#ff611a; }
.app-discovery-empty h2 { font-size:24px; margin:20px 0 12px; font-weight:500; }
.app-discovery-empty p { font-size:14px; color:#999; max-width:440px; margin:0 auto 24px; line-height:1.7; }
.app-discovery-cta { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:30px; color:#111; background:#ff611a; text-decoration:none; font-size:13px; font-weight:500; }
.app-discovery-footnote { color:#858585; font-size:12px; line-height:1.7; margin:24px 0; }
.app-listening-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:26px 0; }
.app-listening-stats > div { padding:24px; background:#141414; border:1px solid #ffffff10; border-radius:12px; }
.app-listening-stats span { color:#999; font-size:12px; display:block; margin-bottom:12px; }
.app-listening-stats strong { color:#eee; font-size:clamp(20px,2.4vw,30px); font-weight:500; }
.app-discovery-home { padding:0 26px; margin:30px 0 48px; }
.app-home-discovery-title { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.app-home-discovery-title h2 { margin:8px 0; font-size:28px; letter-spacing:-.7px; }
.app-discovery-shortcuts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:22px; }
.app-discovery-shortcuts > a { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:24px; border-radius:12px; background:linear-gradient(135deg,#191919,#101010); border:1px solid #ffffff12; text-decoration:none; transition:border-color .2s; }
.app-discovery-shortcuts > a:hover { border-color:#ff611a88; }
.app-discovery-shortcuts svg { color:#ff611a; }
.app-discovery-shortcuts strong { font-weight:500; font-size:19px; color:#eee; }
.app-discovery-shortcuts span { color:#999; font-size:12px; line-height:1.6; }
@media(max-width:800px) {
  .app-discovery-page { padding:105px 16px 90px; }
  .app-discovery-heading { gap:12px; }
  .app-discovery-emblem { width:62px; height:62px; border-radius:18px; }
  .app-discovery-emblem svg { width:32px; height:32px; }
  .app-discovery-home { padding:0 14px; }
  .app-home-discovery-title { align-items:flex-start; flex-direction:column; gap:6px; }
  .app-discovery-shortcuts { gap:10px; }
  .app-discovery-shortcuts > a { padding:16px 12px; }
  .app-discovery-shortcuts strong { font-size:16px; }
  .app-discovery-shortcuts span { font-size:11px; }
  .app-listening-stats { gap:8px; }
  .app-listening-stats > div { padding:16px 10px; }
  .app-chart-row { gap:10px; padding:14px 0; }
  .app-chart-position { width:26px; font-size:20px; }
  .app-chart-cover { width:44px; height:44px; border-radius:7px; }
  .app-chart-description strong { font-size:13px; }
  .app-chart-description span { font-size:11px; }
  .app-chart-description small { font-size:10px; }
  .app-ranking-bar { display:none; }
  .app-discovery-tools { align-items:stretch; }
  .app-discovery-tools > label { width:100%; }
  .app-discovery-select { width:100%; max-width:none; }
}
@media(prefers-reduced-motion:reduce) { .app-discovery-shortcuts > a { transition:none; } }