.discovery-intro{color:var(--muted)}.discovery-daily,.discovery-panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#1b1d28,#14151e);padding:24px}.discovery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.discovery-heading h3{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:0}.discovery-heading>span{color:var(--muted);font-size:12px}.daily-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.discovery-tile{min-width:0;position:relative}.discovery-cover{position:relative}.discovery-cover img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;display:block;background:#101118}.save-track{display:grid;place-items:center;border:1px solid #ffffff35;color:#fff;background:#151521d9;border-radius:7px;width:36px;height:36px;flex-shrink:0}.discovery-cover .save-track{position:absolute;top:10px;right:10px}.save-track[aria-pressed=true]{color:var(--pink);background:#241325}.save-track[aria-pressed=true] svg{fill:currentColor}.discovery-tile strong{display:block;font-size:15px;line-height:1.35;margin:12px 0 4px;overflow-wrap:anywhere}.discovery-tile .discovery-artist{font-size:12px;color:var(--muted);display:block;overflow-wrap:anywhere}.discovery-spotify{color:var(--pink);font-size:11px;display:inline-block;margin-top:7px}.discovery-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.discovery-panel .discovery-heading{flex-wrap:wrap}.discovery-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.discovery-row>img{width:64px;height:64px;object-fit:cover;border-radius:7px;flex-shrink:0;background:#101118}.discovery-row .discovery-copy{flex:1;min-width:0}.discovery-row strong{display:block;line-height:1.35;font-size:14px;overflow-wrap:anywhere}.discovery-row .discovery-artist{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.discovery-first{display:block;font-size:10px;color:var(--muted);margin-top:5px}.discovery-empty{font-size:13px;color:var(--muted);margin:20px 0}.discovery-daily>#discovery-status:empty,#bookmark-feedback:empty{display:none}@media(max-width:700px){.discovery-panels{grid-template-columns:1fr}.daily-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.discovery-daily,.discovery-panel{padding:18px}.discovery-heading{flex-wrap:wrap}.discovery-heading h3{font-size:21px}.discovery-row>img{width:52px;height:52px}}

/* Compact discovery layout, with five tidy rows on phones. */
.discovery{padding-block:56px}.discovery-daily,.discovery-panel{padding:20px}.discovery-heading{margin-bottom:16px}.discovery-heading h3{font-size:21px}.daily-five{gap:14px}.discovery-tile strong{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-tile .discovery-artist,.discovery-row .discovery-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-row{padding:10px 0;gap:10px}.discovery-row>img{width:48px;height:48px}.discovery-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-panels{gap:16px;margin-top:16px}.discovery-panel>.small{font-size:11px!important;margin-bottom:12px}#saved-discoveries{max-height:300px;overflow-y:auto}
@media(max-width:700px){.daily-five{display:flex;flex-direction:column;gap:0}.discovery-tile{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.discovery-cover{position:static;flex:0 0 56px}.discovery-cover img{width:56px;height:56px}.discovery-cover .save-track{top:50%;right:0;transform:translateY(-50%);width:34px;height:34px}.discovery-tile .discovery-copy{min-width:0;flex:1;padding-right:42px}.discovery-tile strong{margin:0 0 3px;font-size:14px}.discovery-tile .discovery-artist{font-size:11px}.discovery-spotify{margin-top:4px}.discovery-daily,.discovery-panel{padding:16px}.discovery-heading h3{font-size:20px}.discovery-heading>span{font-size:11px}.discovery-intro{font-size:14px}.discovery-row .save-track{width:34px;height:34px}.discovery-row>img{width:44px;height:44px}}
.discovery-cover{max-width:124px}@media(max-width:700px){.discovery-cover{max-width:56px}}

/* Desktop discovery dashboard. */
@media(min-width:701px){.discovery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:start}.discovery>.eyebrow,.discovery>h2,.discovery>.discovery-intro{grid-column:1/-1}.discovery-panels{display:contents}.discovery-daily,.discovery-panel{min-width:0;padding:20px}.discovery-heading{display:block}.discovery-heading>span{display:block;margin-top:8px}.daily-five{display:flex;flex-direction:column;gap:0;counter-reset:daily-track}.discovery-tile{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);counter-increment:daily-track}.discovery-tile:before{content:counter(daily-track,decimal-leading-zero);font-size:10px;color:var(--pink);flex:0 0 16px}.discovery-cover{position:static;flex:0 0 44px;max-width:44px}.discovery-cover img{width:44px;height:44px}.discovery-cover .save-track{position:absolute;top:50%;right:0;transform:translateY(-50%);width:30px;height:34px}.discovery-tile .discovery-copy{flex:1;min-width:0;padding-right:34px}.discovery-tile strong{margin:0 0 3px;font-size:13px}.discovery-tile .discovery-artist{font-size:11px}.discovery-row{gap:9px}.discovery-row>img{width:40px;height:40px}.discovery-row strong{font-size:13px}.discovery-row .save-track{width:30px;height:34px}.discovery-spotify{font-size:10px}.discovery-heading h3{font-size:20px}.discovery-panel>.small{line-height:1.5}}

/* Saved discoveries slide into the second column on demand. */
.saved-toggle,.saved-close{border:1px solid var(--line);background:#14151e;color:var(--ink);border-radius:7px;cursor:pointer}.saved-toggle{font-size:12px;padding:8px 12px}.saved-toggle span{color:var(--pink);margin-left:7px}.saved-close{width:32px;height:32px;font-size:22px;line-height:1}.saved-panel{min-width:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .3s,transform .3s,visibility .3s}.saved-panel .discovery-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.saved-panel .discovery-heading>span{flex-basis:100%;margin-top:0}.saved-close{margin-left:auto}.discovery.saved-open .saved-panel{opacity:1;visibility:visible;transform:translateX(0)}#saved-discoveries{max-height:360px;overflow:auto}.discovery-daily>.discovery-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.discovery-daily>.discovery-heading>span{margin-top:0;flex:1;font-size:11px}
@media(min-width:701px){.discovery{grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0;transition:grid-template-columns .35s,column-gap .35s}.discovery.saved-open{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:20px}.saved-panel .discovery-panel{min-width:240px}.discovery-daily{width:100%}}
@media(max-width:700px){.saved-panel{max-height:0;transition:max-height .35s,opacity .3s,transform .3s;}.discovery.saved-open .saved-panel{max-height:620px;margin-top:16px}.saved-toggle{margin-top:4px}.discovery-daily>.discovery-heading>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.discovery,.saved-panel{transition:none;transform:none}}