:root {
    --discover-violet: #9b8cff;
    --discover-violet-soft: rgba(155, 140, 255, .22);
    --discover-cyan: #26dfff;
    --discover-green: #2effa7;
    --discover-panel: rgba(5, 17, 34, .82);
    --discover-line: rgba(124, 198, 255, .18);
    --discover-muted: #9bb3c0;
}

.sd-discover-page {
    display: grid;
    gap: 28px;
    padding-bottom: 46px;
}

.sd-discover-hero,
.sd-discover-section,
.sd-discover-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid var(--discover-line);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.04);
}

.sd-discover-hero {
    min-height: 490px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, .7fr);
    align-items: center;
    gap: 34px;
    padding: clamp(28px, 5vw, 66px);
    border-radius: 32px;
    background:
        linear-gradient(115deg, rgba(14, 12, 51, .96) 0%, rgba(4, 18, 39, .96) 48%, rgba(5, 40, 48, .86) 100%),
        radial-gradient(circle at 83% 26%, rgba(28, 244, 174, .12), transparent 30%);
}

.sd-discover-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -8%;
    bottom: -70%;
    width: 70%;
    aspect-ratio: 1;
    border: 1px solid rgba(155,140,255,.21);
    border-radius: 50%;
    box-shadow: 0 0 0 32px rgba(38,223,255,.025), 0 0 0 74px rgba(155,140,255,.025);
}

.sd-discover-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .5;
    background:
        linear-gradient(90deg, rgba(155,140,255,.09) 1px, transparent 1px) 0 0 / 52px 52px,
        linear-gradient(rgba(38,223,255,.06) 1px, transparent 1px) 0 0 / 52px 52px;
    mask-image: linear-gradient(90deg, #000, transparent 73%);
}

.sd-discover-hero__orb {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(18px);
    pointer-events: none;
}

.sd-discover-hero__orb--one {
    width: 230px;
    height: 230px;
    top: -100px;
    left: 43%;
    background: rgba(155,140,255,.20);
}

.sd-discover-hero__orb--two {
    width: 260px;
    height: 260px;
    right: -60px;
    top: 28px;
    background: rgba(46,255,167,.16);
}

.sd-discover-eyebrow {
    margin: 0 0 10px;
    color: var(--discover-cyan);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.sd-discover-hero h1,
.sd-discover-section h2,
.sd-discover-cta h2 {
    margin: 0;
    color: #f2fbff;
    font-weight: 950;
    letter-spacing: -.06em;
    line-height: .92;
}

.sd-discover-hero h1 {
    max-width: 650px;
    font-size: clamp(3.2rem, 6vw, 6.1rem);
}

.sd-discover-hero h1 span,
.sd-discover-section h2 span,
.sd-discover-cta h2 span {
    color: var(--discover-violet);
    text-shadow: 0 0 28px rgba(155,140,255,.26);
}

.sd-discover-hero__copy > p:not(.sd-discover-eyebrow) {
    max-width: 625px;
    margin: 23px 0 0;
    color: #b7ccd6;
    font-size: 1.02rem;
    line-height: 1.72;
}

.sd-discover-hero__actions,
.sd-discover-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.sd-discover-hero__actions a,
.sd-discover-cta__actions a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 17px;
    color: #001c25;
    border-radius: 12px 5px 12px 5px;
    background: linear-gradient(135deg, var(--discover-cyan), var(--discover-green));
    box-shadow: 0 12px 28px rgba(38,223,255,.16);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease, box-shadow .2s ease;
}

.sd-discover-hero__actions a:hover,
.sd-discover-cta__actions a:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(38,223,255,.24);
}

.sd-discover-hero__actions .is-ghost,
.sd-discover-cta__actions a + a {
    color: #d9f8ff;
    border: 1px solid rgba(123,215,255,.25);
    background: rgba(0, 11, 24, .38);
    box-shadow: none;
}

.sd-discover-hero__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 30px;
    color: #8aa6b3;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sd-discover-hero__facts span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.sd-discover-hero__facts b {
    color: #ecfaff;
    font-size: 15px;
}

.sd-discover-hero__visual {
    position: relative;
    min-height: 325px;
    display: grid;
    place-items: center;
}

.sd-discover-hero__visual > img {
    position: relative;
    z-index: 2;
    width: min(310px, 92%);
    aspect-ratio: 1;
    object-fit: contain;
    filter: drop-shadow(0 25px 24px rgba(0,0,0,.45));
    animation: sdDiscoverFloat 4.4s ease-in-out infinite;
}

.sd-discover-hero__ring {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(43, 232, 255, .24);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(155,140,255,.19), rgba(0,0,0,0) 69%);
    box-shadow: 0 0 0 18px rgba(155,140,255,.035), 0 0 0 42px rgba(39,223,255,.025), 0 0 54px rgba(46,255,167,.12);
    animation: sdDiscoverSpin 19s linear infinite;
}

.sd-discover-hero__mini-card {
    position: absolute;
    z-index: 3;
    display: grid;
    gap: 4px;
    min-width: 130px;
    padding: 13px 14px;
    border: 1px solid rgba(137, 180, 255, .22);
    border-radius: 14px 6px 14px 6px;
    background: rgba(4, 15, 33, .78);
    box-shadow: 0 18px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
}

.sd-discover-hero__mini-card span,
.sd-discover-hero__mini-card small {
    color: #8ba7b7;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sd-discover-hero__mini-card b {
    color: #e9fbff;
    font-size: 21px;
    line-height: 1;
}

.sd-discover-hero__mini-card--left { left: 0; bottom: 42px; }
.sd-discover-hero__mini-card--right { right: 0; top: 42px; }

.sd-discover-hero__wave {
    position: absolute;
    z-index: 0;
    right: 5%;
    bottom: 38px;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 200px;
    height: 62px;
    opacity: .65;
}

.sd-discover-hero__wave i,
.sd-discover-song-card__wave i {
    flex: 1;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--discover-violet), var(--discover-cyan) 54%, var(--discover-green));
    transform-origin: center;
    animation: sdDiscoverPulse 1.7s ease-in-out infinite;
}
.sd-discover-hero__wave i:nth-child(1), .sd-discover-song-card__wave i:nth-child(1) { height: 24%; animation-delay: -.1s; }
.sd-discover-hero__wave i:nth-child(2), .sd-discover-song-card__wave i:nth-child(2) { height: 68%; animation-delay: -.6s; }
.sd-discover-hero__wave i:nth-child(3), .sd-discover-song-card__wave i:nth-child(3) { height: 38%; animation-delay: -.3s; }
.sd-discover-hero__wave i:nth-child(4), .sd-discover-song-card__wave i:nth-child(4) { height: 86%; animation-delay: -1s; }
.sd-discover-hero__wave i:nth-child(5), .sd-discover-song-card__wave i:nth-child(5) { height: 44%; animation-delay: -.5s; }
.sd-discover-hero__wave i:nth-child(6), .sd-discover-song-card__wave i:nth-child(6) { height: 72%; animation-delay: -1.25s; }
.sd-discover-hero__wave i:nth-child(7), .sd-discover-song-card__wave i:nth-child(7) { height: 31%; animation-delay: -.25s; }
.sd-discover-hero__wave i:nth-child(8), .sd-discover-song-card__wave i:nth-child(8) { height: 62%; animation-delay: -.8s; }
.sd-discover-hero__wave i:nth-child(9), .sd-discover-song-card__wave i:nth-child(9) { height: 45%; animation-delay: -1.45s; }
.sd-discover-hero__wave i:nth-child(10), .sd-discover-song-card__wave i:nth-child(10) { height: 84%; animation-delay: -.72s; }
.sd-discover-hero__wave i:nth-child(11), .sd-discover-song-card__wave i:nth-child(11) { height: 34%; animation-delay: -1.1s; }
.sd-discover-hero__wave i:nth-child(12), .sd-discover-song-card__wave i:nth-child(12) { height: 58%; animation-delay: -.38s; }

.sd-discover-hero__footer {
    position: absolute;
    right: clamp(24px, 5vw, 66px);
    bottom: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(178,205,219,.62);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.sd-discover-hero__footer i { width: 4px; height: 4px; border-radius: 50%; background: var(--discover-green); box-shadow: 0 0 10px var(--discover-green); }

.sd-discover-jump {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 8px;
    scrollbar-width: none;
}
.sd-discover-jump::-webkit-scrollbar { display: none; }
.sd-discover-jump a {
    flex: 0 0 auto;
    padding: 10px 14px;
    color: #a9c1cb;
    border: 1px solid rgba(110,201,255,.15);
    border-radius: 999px;
    background: rgba(3,14,28,.52);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .07em;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.sd-discover-jump a:hover { color: #f1fcff; border-color: rgba(155,140,255,.55); background: rgba(155,140,255,.11); }

.sd-discover-section {
    padding: clamp(22px, 3vw, 34px);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(6, 19, 37, .96), rgba(4, 25, 38, .86));
}
.sd-discover-section--violet,
.sd-discover-section--best {
    border-color: rgba(155,140,255,.28);
    background: linear-gradient(130deg, rgba(28, 18, 66, .78), rgba(5, 18, 39, .97) 50%, rgba(10, 41, 49, .83));
}
.sd-discover-section--sessions { background: linear-gradient(130deg, rgba(5, 29, 48, .92), rgba(5, 16, 34, .97) 63%, rgba(24, 18, 67, .6)); }
.sd-discover-section--trending { border-color: rgba(46,255,167,.28); background: linear-gradient(130deg, rgba(4, 32, 38, .96), rgba(5, 17, 34, .98) 58%, rgba(21, 22, 68, .77)); }
.sd-discover-section--new { border-color: rgba(38,223,255,.28); }

.sd-discover-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(118,196,255,.13);
}
.sd-discover-section__head > div { max-width: 760px; }
.sd-discover-section__head h2 { font-size: clamp(2rem, 4.1vw, 3.45rem); }
.sd-discover-section__head > div > p:last-child { margin: 12px 0 0; color: #a7c0cb; line-height: 1.62; }
.sd-discover-section__count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    color: #b7d4da;
    border: 1px solid rgba(46,255,167,.2);
    border-radius: 13px 5px 13px 5px;
    background: rgba(3, 20, 29, .47);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.sd-discover-section__count i { width: 7px; height: 7px; border-radius: 50%; background: var(--discover-green); box-shadow: 0 0 10px var(--discover-green); }
.sd-discover-section__count b { color: #f0fffb; }

.sd-discover-tools {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) 165px 180px auto;
    gap: 10px;
    align-items: end;
    margin: 20px 0 18px;
}
.sd-discover-search,
.sd-discover-select { display: grid; gap: 5px; }
.sd-discover-search { position: relative; }
.sd-discover-search > span { position: absolute; left: 13px; top: 50%; z-index: 1; color: var(--discover-cyan); font-size: 21px; transform: translateY(-48%); }
.sd-discover-search input,
.sd-discover-select select {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    color: #e9faff;
    border: 1px solid rgba(109,199,255,.18);
    border-radius: 12px 5px 12px 5px;
    outline: 0;
    background: rgba(1, 11, 24, .62);
    font: inherit;
    font-size: 12px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.sd-discover-search input { padding: 0 14px 0 40px; }
.sd-discover-select span { color: #7e9aa7; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.sd-discover-select select { padding: 0 12px; }
.sd-discover-search input:focus,
.sd-discover-select select:focus { border-color: rgba(155,140,255,.66); box-shadow: 0 0 0 3px rgba(155,140,255,.1); background: rgba(8,18,39,.9); }
.sd-discover-reset {
    min-height: 44px;
    padding: 0 12px;
    color: #9ab3bf;
    border: 1px solid rgba(110,201,255,.14);
    border-radius: 12px 5px 12px 5px;
    background: rgba(3,14,28,.48);
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}
.sd-discover-reset:hover { color: #f4fdff; border-color: rgba(46,255,167,.42); background: rgba(46,255,167,.08); }

.sd-discover-genre-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 18px; }
.sd-discover-genre-chips button {
    padding: 8px 11px;
    color: #99b5c0;
    border: 1px solid rgba(117,208,255,.15);
    border-radius: 999px;
    background: rgba(0,11,24,.44);
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .04em;
    transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}
.sd-discover-genre-chips button:hover,
.sd-discover-genre-chips button.is-active { color: #08101c; border-color: transparent; background: linear-gradient(135deg, var(--discover-violet), var(--discover-cyan)); transform: translateY(-1px); }

.sd-discover-grid { display: grid; gap: 14px; }
.sd-discover-grid--creators { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sd-discover-grid--songs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-discover-grid--sessions { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.sd-discover-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(112,195,255,.15);
    border-radius: 18px 7px 18px 7px;
    background: linear-gradient(145deg, rgba(8,23,44,.91), rgba(3,13,29,.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 28px rgba(0,0,0,.14);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.sd-discover-card::after { content: ""; position: absolute; top: 0; right: 0; width: 52px; height: 52px; border-top: 1px solid rgba(155,140,255,.28); border-right: 1px solid rgba(46,255,167,.2); border-radius: 0 12px 0 0; opacity: .65; pointer-events:none; }
.sd-discover-card:hover { z-index: 1; border-color: rgba(155,140,255,.48); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 22px 42px rgba(0,0,0,.28), 0 0 26px rgba(155,140,255,.08); transform: translateY(-4px); }

.sd-discover-card__signal,
.sd-discover-card__value,
.sd-discover-song-card__trend { font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sd-discover-card__signal { display:inline-flex; align-items:center; gap:7px; color:#7cb9ce; }
.sd-discover-card__signal i { width:6px; height:6px; border-radius:50%; background:var(--discover-cyan); box-shadow:0 0 10px var(--discover-cyan); }
.sd-discover-card__value,
.sd-discover-song-card__trend { color:#b6cdd6; }

.sd-discover-creator-card { display: flex; flex-direction: column; min-height: 270px; padding: 16px; }
.sd-discover-creator-card__top,
.sd-discover-song-card__top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sd-discover-creator-card__profile { display:flex; align-items:center; gap:12px; margin:20px 0 14px; color:inherit; text-decoration:none; }
.sd-discover-creator-card__profile img { width:58px; height:58px; flex:0 0 58px; object-fit:cover; border:1px solid rgba(46,255,167,.26); border-radius:17px 5px 17px 5px; background:#020913; }
.sd-discover-creator-card__profile span { min-width:0; display:grid; gap:6px; }
.sd-discover-creator-card__profile strong { overflow:hidden; color:#f0fcff; font-size:17px; font-weight:950; text-overflow:ellipsis; white-space:nowrap; }
.sd-discover-creator-card__profile small { display:-webkit-box; overflow:hidden; color:#91aab7; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:11px; line-height:1.38; }
.sd-discover-card__stats { display:flex; gap:8px; margin-top:auto; }
.sd-discover-card__stats span { flex:1; display:grid; gap:2px; padding:9px 8px; color:#7f9ca9; border:1px solid rgba(112,195,255,.1); border-radius:10px 4px 10px 4px; background:rgba(0,10,23,.38); font-size:9px; font-weight:800; text-transform:uppercase; }
.sd-discover-card__stats b { color:#dffaff; font-size:15px; }
.sd-discover-card__action { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; padding-top:12px; color:#b8e8f1; border-top:1px solid rgba(112,195,255,.1); font-size:10px; font-weight:900; letter-spacing:.055em; text-decoration:none; text-transform:uppercase; }
.sd-discover-card__action b { color:var(--discover-green); font-size:15px; }

.sd-discover-song-card { display:flex; flex-direction:column; min-height:300px; padding:16px; }
.sd-discover-song-card__wave { display:flex; align-items:flex-end; gap:4px; height:56px; margin:21px 0 13px; }
.sd-discover-song-card__body { display:grid; gap:7px; min-height:74px; }
.sd-discover-song-card__body small { color:#62dff5; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.sd-discover-song-card__body h3 { margin:0; overflow:hidden; color:#f3fbff; font-size:21px; font-weight:950; letter-spacing:-.035em; line-height:1.04; text-overflow:ellipsis; white-space:nowrap; }
.sd-discover-song-card__creator { display:grid; gap:7px; margin-top:auto; padding-top:13px; border-top:1px solid rgba(112,195,255,.1); }
.sd-discover-song-card__creator > a,
.sd-discover-song-card__creator > span { display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%; color:#d9f8ff; text-decoration:none; font-size:11px; font-weight:850; }
.sd-discover-song-card__creator img { width:21px; height:21px; object-fit:cover; border-radius:7px 2px 7px 2px; }
.sd-discover-song-card__creator > a > span,
.sd-discover-song-card__creator > span > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sd-discover-song-card__creator > small { color:#7d9ba8; font-size:9px; }
.sd-discover-song-card__actions { display:flex; gap:8px; margin-top:14px; }
.sd-discover-song-card__actions a { flex:1; display:inline-flex; align-items:center; justify-content:space-between; gap:7px; padding:10px; color:#a9c6cf; border:1px solid rgba(112,195,255,.14); border-radius:10px 4px 10px 4px; background:rgba(1,11,23,.35); font-size:9px; font-weight:900; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }
.sd-discover-song-card__actions a.is-primary { color:#002820; border:0; background:linear-gradient(135deg, var(--discover-cyan), var(--discover-green)); }

.sd-discover-session-card { display:flex; flex-direction:column; min-height:320px; }
.sd-discover-session-card__visual { position:relative; height:104px; overflow:hidden; border-bottom:1px solid rgba(112,195,255,.1); background:linear-gradient(135deg, rgba(155,140,255,.18), rgba(38,223,255,.07)); }
.sd-discover-session-card__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(4,15,32,.55), transparent 60%), radial-gradient(circle at 85% 50%, rgba(46,255,167,.17), transparent 38%); }
.sd-discover-session-card__visual img { position:absolute; z-index:1; right:16px; bottom:-28px; width:136px; height:136px; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(0,0,0,.36)); }
.sd-discover-session-card__visual span { position:absolute; z-index:2; top:14px; left:16px; color:#d5eeff; font-size:9px; font-weight:950; letter-spacing:.15em; text-transform:uppercase; }
.sd-discover-session-card__body { display:grid; gap:8px; padding:15px 16px 0; }
.sd-discover-session-card__body small { color:#6ccde1; font-size:9px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.sd-discover-session-card__body h3 { margin:0; overflow:hidden; color:#f2fbff; font-size:19px; font-weight:950; letter-spacing:-.03em; text-overflow:ellipsis; white-space:nowrap; }
.sd-discover-session-card__body p { min-height:35px; margin:0; color:#94acb8; font-size:11px; line-height:1.45; }
.sd-discover-session-card .sd-discover-card__stats { margin:15px 16px 0; }
.sd-discover-session-card .sd-discover-card__action { margin:12px 16px 14px; }

.sd-discover-more { display:flex; align-items:center; justify-content:center; gap:10px; width:max-content; min-width:215px; min-height:44px; margin:22px auto 0; padding:0 18px; color:#d8faff; border:1px solid rgba(155,140,255,.28); border-radius:12px 5px 12px 5px; background:rgba(7,19,40,.72); cursor:pointer; font:inherit; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; transition:transform .18s ease, border-color .18s ease, background .18s ease; }
.sd-discover-more:hover { border-color:rgba(155,140,255,.64); background:rgba(155,140,255,.12); transform:translateY(-2px); }
.sd-discover-more:disabled { opacity:.6; cursor:wait; }

.sd-discover-empty { grid-column:1/-1; display:flex; align-items:center; gap:16px; padding:24px; border:1px dashed rgba(122,196,255,.19); border-radius:18px; background:rgba(2,12,26,.42); }
.sd-discover-empty img { width:72px; height:72px; object-fit:contain; }
.sd-discover-empty strong { color:#e9fbff; font-size:16px; }
.sd-discover-empty p { margin:6px 0 0; color:#8fa9b5; line-height:1.5; }
.sd-discover-section.is-loading .sd-discover-grid { opacity:.58; pointer-events:none; transition:opacity .16s ease; }

.sd-discover-cta { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.58fr); align-items:center; gap:20px; padding:36px clamp(24px,4vw,48px); border-radius:28px; background:linear-gradient(120deg, rgba(4,26,42,.96), rgba(5,39,44,.91) 54%, rgba(19,22,64,.82)); }
.sd-discover-cta h2 { font-size:clamp(2.2rem,4.2vw,4.1rem); }
.sd-discover-cta > div > p:not(.sd-discover-eyebrow) { max-width:610px; color:#a9c2cc; line-height:1.62; }
.sd-discover-cta__visual { position:relative; min-height:220px; display:grid; place-items:center; }
.sd-discover-cta__visual > div { position:absolute; width:205px; height:205px; border:1px solid rgba(46,255,167,.23); border-radius:50%; background:radial-gradient(circle, rgba(46,255,167,.14), transparent 66%); box-shadow:0 0 0 28px rgba(38,223,255,.028), 0 0 42px rgba(46,255,167,.12); }
.sd-discover-cta__visual img { position:relative; width:205px; height:205px; object-fit:contain; filter:drop-shadow(0 20px 22px rgba(0,0,0,.38)); animation:sdDiscoverFloat 4.8s ease-in-out infinite; }

@keyframes sdDiscoverPulse { 0%,100% { transform:scaleY(.42); opacity:.6; } 50% { transform:scaleY(1); opacity:1; } }
@keyframes sdDiscoverFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
@keyframes sdDiscoverSpin { to { transform:rotate(360deg); } }

@media (max-width: 1100px) {
    .sd-discover-grid--creators { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .sd-discover-grid--songs,
    .sd-discover-grid--sessions { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sd-discover-tools { grid-template-columns:minmax(220px,1fr) 160px 180px; }
    .sd-discover-reset { grid-column:3; }
}
@media (max-width: 820px) {
    .sd-discover-hero { grid-template-columns:1fr; padding-bottom:75px; }
    .sd-discover-hero__visual { min-height:270px; }
    .sd-discover-hero__mini-card--left { left:7%; }
    .sd-discover-hero__mini-card--right { right:7%; }
    .sd-discover-section__head { flex-direction:column; }
    .sd-discover-section__count { align-self:flex-start; }
    .sd-discover-tools { grid-template-columns:1fr 1fr; }
    .sd-discover-search { grid-column:1/-1; }
    .sd-discover-reset { grid-column:auto; }
    .sd-discover-cta { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
    .sd-discover-page { gap:18px; }
    .sd-discover-hero,
    .sd-discover-section,
    .sd-discover-cta { border-radius:22px; }
    .sd-discover-hero { min-height:0; padding:28px 20px 66px; }
    .sd-discover-hero h1 { font-size:clamp(2.8rem,13vw,4.1rem); }
    .sd-discover-hero__visual { min-height:220px; }
    .sd-discover-hero__visual > img { width:220px; }
    .sd-discover-hero__ring { width:185px; height:185px; }
    .sd-discover-hero__mini-card { min-width:107px; padding:10px; }
    .sd-discover-hero__mini-card--left { left:0; bottom:18px; }
    .sd-discover-hero__mini-card--right { right:0; top:18px; }
    .sd-discover-hero__footer { left:20px; right:auto; font-size:7px; gap:6px; }
    .sd-discover-section { padding:20px 16px; }
    .sd-discover-section h2 { font-size:clamp(2.05rem,11vw,3.1rem); }
    .sd-discover-tools { grid-template-columns:1fr; }
    .sd-discover-search,
    .sd-discover-select,
    .sd-discover-reset { grid-column:auto; }
    .sd-discover-grid--creators,
    .sd-discover-grid--songs,
    .sd-discover-grid--sessions { grid-template-columns:1fr; }
    .sd-discover-song-card { min-height:275px; }
    .sd-discover-cta { padding:26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .sd-discover-page *, .sd-discover-page *::before, .sd-discover-page *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* =========================================================
   SongDrop Entdecken – Song Cards V2
   - OpenGraph Cover statt reiner Waveform
   - Creator Avatar direkt in der Karte
   - klarere Metadaten, Preview und Actions
   ========================================================= */

.sd-discover-song-card--v2 {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 0;
    overflow: hidden;
    border-radius: 22px 8px 22px 8px;
    background:
        radial-gradient(circle at 18% 0, rgba(38, 223, 255, .10), transparent 34%),
        radial-gradient(circle at 100% 70%, rgba(46, 255, 167, .09), transparent 36%),
        linear-gradient(145deg, rgba(7, 20, 42, .96), rgba(2, 11, 25, .98));
}

.sd-discover-song-card--v2::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .64;
    background:
        linear-gradient(135deg, rgba(255,255,255,.055), transparent 26%),
        linear-gradient(90deg, transparent, rgba(38,223,255,.045), transparent);
}

.sd-discover-song-card__cover {
    position: relative;
    min-height: 168px;
    display: block;
    overflow: hidden;
    color: inherit;
    background:
        radial-gradient(circle at 48% 42%, rgba(155, 140, 255, .18), transparent 46%),
        linear-gradient(135deg, rgba(12, 25, 57, .96), rgba(2, 12, 27, .98));
    text-decoration: none;
}

.sd-discover-song-card__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(1, 7, 16, .06), rgba(1, 7, 16, .82)),
        radial-gradient(circle at 80% 20%, rgba(46, 255, 167, .16), transparent 38%);
}

.sd-discover-song-card__cover > img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.025);
    filter: saturate(1.08) contrast(1.08) brightness(.82);
    transition: transform .28s ease, filter .28s ease;
}

.sd-discover-song-card--v2:hover .sd-discover-song-card__cover > img {
    transform: scale(1.075);
    filter: saturate(1.14) contrast(1.12) brightness(.92);
}

.sd-discover-song-card__fallback-wave {
    position: absolute;
    inset: 34px 18px 42px;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
}

.sd-discover-song-card__cover.is-fallback .sd-discover-song-card__fallback-wave {
    opacity: 1;
    transform: translateY(0);
}

.sd-discover-song-card__fallback-wave i {
    width: 9%;
    max-width: 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--discover-violet), var(--discover-cyan) 52%, var(--discover-green));
    box-shadow: 0 0 15px rgba(38, 223, 255, .24);
    animation: sdDiscoverPulse 1.7s ease-in-out infinite;
}
.sd-discover-song-card__fallback-wave i:nth-child(1) { height: 24%; animation-delay: -.1s; }
.sd-discover-song-card__fallback-wave i:nth-child(2) { height: 70%; animation-delay: -.55s; }
.sd-discover-song-card__fallback-wave i:nth-child(3) { height: 44%; animation-delay: -.32s; }
.sd-discover-song-card__fallback-wave i:nth-child(4) { height: 86%; animation-delay: -.9s; }
.sd-discover-song-card__fallback-wave i:nth-child(5) { height: 52%; animation-delay: -.42s; }
.sd-discover-song-card__fallback-wave i:nth-child(6) { height: 76%; animation-delay: -1.15s; }
.sd-discover-song-card__fallback-wave i:nth-child(7) { height: 36%; animation-delay: -.72s; }
.sd-discover-song-card__fallback-wave i:nth-child(8) { height: 62%; animation-delay: -1.3s; }

.sd-discover-song-card__platform,
.sd-discover-song-card__rank,
.sd-discover-song-card__play {
    position: absolute;
    z-index: 3;
}

.sd-discover-song-card__platform,
.sd-discover-song-card__rank {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(117, 224, 255, .18);
    border-radius: 999px;
    color: #dffaff;
    background: rgba(1, 9, 20, .72);
    backdrop-filter: blur(10px);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sd-discover-song-card__platform {
    top: 13px;
    left: 13px;
}

.sd-discover-song-card__platform::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--discover-cyan);
    box-shadow: 0 0 12px var(--discover-cyan);
}

.sd-discover-song-card__rank {
    top: 13px;
    right: 13px;
    color: #bcfce2;
    border-color: rgba(46, 255, 167, .24);
}

.sd-discover-song-card__play {
    right: 15px;
    bottom: 14px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(46, 255, 167, .32);
    border-radius: 16px 5px 16px 5px;
    color: #06101c;
    background: linear-gradient(135deg, var(--discover-cyan), var(--discover-green));
    box-shadow: 0 14px 28px rgba(46, 255, 167, .14), 0 0 30px rgba(38, 223, 255, .16);
    font-size: 15px;
    transform: translateY(0);
    transition: transform .22s ease, box-shadow .22s ease;
}

.sd-discover-song-card--v2:hover .sd-discover-song-card__play {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 18px 34px rgba(46, 255, 167, .18), 0 0 36px rgba(38, 223, 255, .20);
}

.sd-discover-song-card--v2 .sd-discover-song-card__body {
    position: relative;
    z-index: 3;
    min-height: 0;
    display: grid;
    gap: 10px;
    padding: 16px 16px 6px;
}

.sd-discover-song-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sd-discover-song-card__meta span,
.sd-discover-song-card__meta time {
    min-width: 0;
    color: #70e8ff;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sd-discover-song-card__meta time {
    flex: 0 0 auto;
    color: #8baab6;
    letter-spacing: .05em;
}

.sd-discover-song-card--v2 .sd-discover-song-card__body h3 {
    margin: 0;
    color: #f4fbff;
    font-size: clamp(21px, 1.65vw, 28px);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: 1.02;
    white-space: normal;
    overflow-wrap: anywhere;
}

.sd-discover-song-card__creatorline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(117, 224, 255, .10);
    border-radius: 14px 5px 14px 5px;
    background: rgba(1, 9, 20, .42);
}

.sd-discover-song-card__creatorline > a,
.sd-discover-song-card__creatorline > span {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.sd-discover-song-card__creatorline img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid rgba(46, 255, 167, .22);
    border-radius: 13px 4px 13px 4px;
    background: rgba(2, 11, 25, .82);
}

.sd-discover-song-card__creatorline b,
.sd-discover-song-card__creatorline small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sd-discover-song-card__creatorline b {
    color: #ecfbff;
    font-size: 13px;
    font-weight: 950;
}

.sd-discover-song-card__creatorline small {
    margin-top: 2px;
    color: #82a7b5;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sd-discover-song-card__creatorline em {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(46, 255, 167, .18);
    border-radius: 999px;
    color: #baffdf;
    background: rgba(46, 255, 167, .06);
    font-size: 9px;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
}

.sd-discover-song-card__preview {
    min-height: 42px;
    margin: 0;
    color: #9fbac6;
    font-size: 12px;
    font-weight: 720;
    line-height: 1.48;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sd-discover-song-card--v2 .sd-discover-song-card__actions {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
    gap: 9px;
    margin: 0;
    padding: 14px 16px 16px;
}

.sd-discover-song-card--v2 .sd-discover-song-card__actions a,
.sd-discover-song-card--v2 .sd-discover-song-card__actions span {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid rgba(112,195,255,.14);
    border-radius: 12px 5px 12px 5px;
    color: #bddbe4;
    background: rgba(1, 11, 23, .44);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
}

.sd-discover-song-card--v2 .sd-discover-song-card__actions a.is-primary {
    color: #001d19;
    border: 0;
    background: linear-gradient(135deg, var(--discover-cyan), var(--discover-green));
    box-shadow: 0 12px 24px rgba(38,223,255,.12);
}

.sd-discover-song-card--v2 .sd-discover-song-card__actions a:hover {
    color: #f3fcff;
    border-color: rgba(155, 140, 255, .42);
    background: rgba(155, 140, 255, .09);
}

.sd-discover-song-card--v2 .sd-discover-song-card__actions a.is-primary:hover {
    color: #001d19;
    background: linear-gradient(135deg, var(--discover-cyan), var(--discover-green));
    filter: brightness(1.06);
}

@media (max-width: 1100px) {
    .sd-discover-song-card__cover { min-height: 160px; }
}

@media (max-width: 600px) {
    .sd-discover-song-card__cover { min-height: 178px; }
    .sd-discover-song-card__creatorline { grid-template-columns: 1fr; align-items: stretch; }
    .sd-discover-song-card__creatorline em { width: fit-content; }
    .sd-discover-song-card--v2 .sd-discover-song-card__actions { grid-template-columns: 1fr; }
}

.sd-discover-card {
    opacity: 1;
}
.sd-discover-card.is-mounted {
    animation: sdDiscoverCardMount .38s ease both;
    animation-delay: var(--discover-card-delay, 0ms);
}
@keyframes sdDiscoverCardMount {
    from { opacity: 0; transform: translateY(12px) scale(.985); filter: blur(4px); }
    to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@media (prefers-reduced-motion: reduce) {
    .sd-discover-card.is-mounted { animation: none !important; }
}