.music-page{position:relative;min-height:100vh;padding:clamp(96px,12vw,140px) clamp(24px,6vw,48px) clamp(120px,12vw,160px);background:#050506;color:var(--dsp-fg, #ECECEC);overflow:hidden}.music-track-grid{margin-top:clamp(72px,10vw,120px)}.track-grid-title{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.01em;margin-bottom:clamp(24px,4vw,36px)}.track-grid{display:grid;gap:clamp(18px,2.8vw,32px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.track-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:clamp(18px,3vw,26px);border:1px solid rgba(255,255,255,.14);background:#080c16c7;box-shadow:0 20px 50px #00000073;text-decoration:none;transition:transform .25s ease,box-shadow .3s ease}.track-card:hover{transform:translateY(-4px);box-shadow:0 30px 64px #0000008c}.track-card img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;border-radius:clamp(14px,2.6vw,20px);border:1px solid rgba(255,255,255,.18)}.track-card-body{display:flex;flex-direction:column;gap:8px}.track-card-body h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:#fff}.track-card-body p{font-size:.95rem;color:#ffffffb3}.track-card-date{font-size:.75rem;text-transform:uppercase;letter-spacing:.32em;color:#ffffff8c}.music-gradient{position:absolute;inset:-35% -28% -25%;background:radial-gradient(40% 45% at 10% 10%,rgba(157,255,79,.28),transparent 70%),radial-gradient(35% 45% at 85% 15%,rgba(255,59,127,.26),transparent 75%),radial-gradient(55% 60% at 60% 80%,rgba(255,255,255,.08),transparent 80%);filter:blur(120px) saturate(130%);opacity:.9;pointer-events:none;z-index:0}.music-frame{position:relative;z-index:1;display:grid;gap:clamp(48px,8vw,72px);max-width:min(1160px,95vw);margin:0 auto}.music-hero{max-width:680px;margin:0 auto}.music-hero-lottie{display:flex;justify-content:center;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(120,255,210,.4))}.music-kicker{font-size:.75rem;letter-spacing:.48em;text-transform:uppercase;color:#e7f5ff99;display:inline-block}.music-title{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.music-subhead{color:#e7f5ffad;max-width:520px;margin-inline:auto;line-height:1.7}.music-shell{display:grid;gap:clamp(32px,5vw,48px);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}@media (max-width: 960px){.music-shell{grid-template-columns:1fr}}.music-player{position:relative;display:grid;gap:clamp(20px,4vw,28px);padding:clamp(28px,5vw,40px);border-radius:32px;background:#06080eeb;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px #0000008c;overflow:hidden;isolation:isolate}.music-player:before{content:"";position:absolute;inset:-30% -35% 45%;background:radial-gradient(60% 80% at 0% 0%,rgba(157,255,79,.28),transparent 70%),radial-gradient(55% 80% at 100% 15%,rgba(255,59,127,.26),transparent 80%);filter:blur(70px);opacity:.75;pointer-events:none;z-index:-1}.player-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-chip{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}.player-chip img{width:44px;height:44px;border-radius:14px;-o-object-fit:cover;object-fit:cover;box-shadow:0 12px 24px #00000073}.player-chip-copy{display:grid;gap:2px}.player-chip-kicker{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ffb3}.player-chip-meta{font-size:.85rem;color:#e7f5ff94}.player-chip-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(120deg,#9dff4fe6,#42e79cd9);color:#04140a;box-shadow:0 16px 40px #9dff4f59}.player-body{display:grid;gap:10px}.player-title{font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.02em;font-weight:800}.player-artist{color:#e7f5ffa6;font-size:1rem}.player-visual{display:flex;gap:12px;height:120px;align-items:flex-end;background:#ffffff05;border-radius:20px;padding:14px 18px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.player-visual:after{content:"";position:absolute;inset:-35% -40% 55%;background:radial-gradient(60% 60% at 50% 50%,rgba(157,255,79,.28),transparent 75%);filter:blur(60px);opacity:.6;pointer-events:none}.wave{flex:1;height:100%;border-radius:14px;background:linear-gradient(180deg,#ffffff38,#ffffff0a);opacity:.65}.wave:nth-child(2){height:65%;background:linear-gradient(180deg,#ff3b7f59,#ff3b7f14)}.wave:nth-child(3){height:85%;background:linear-gradient(180deg,#9dff4f59,#9dff4f14)}.player-controls{display:flex;justify-content:center;gap:18px}.control-btn{width:58px;height:58px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000061;color:#fff;font-size:1.4rem;display:grid;place-items:center;line-height:1;transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.control-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000073}.control-btn.is-play{background:linear-gradient(135deg,#9dff4f52,#42e79c52);border-color:#9dff4f7a;color:#04140a;font-weight:700;box-shadow:0 18px 45px #9dff4f61}.player-progress{display:flex;align-items:center;gap:14px;font-size:.85rem;color:#e7f5ff99}.progress-track{position:relative;flex:1;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-head{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#9dff4fb3,#78ffd28c);box-shadow:0 0 20px #9dff4f59}.player-footer{display:grid;gap:20px;margin-top:6px}.player-platforms{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.platform-label{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff94}.platform-list{display:flex;gap:10px;flex-wrap:wrap}.platform-pill{padding:9px 16px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.16);font-weight:600;color:#fff;transition:border-color .2s ease,background .2s ease}.platform-pill:hover{border-color:#9dff4f99;background:#9dff4f2e;color:#04140a}.player-footnote{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#0009;border:1px solid rgba(255,255,255,.08)}.player-footnote img{width:52px;height:52px;border-radius:16px;-o-object-fit:cover;object-fit:cover;background:#9dff4f2e;box-shadow:0 14px 32px #00000073}.footnote-kicker{display:block;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff94;margin-bottom:4px}.footnote-copy{font-size:.95rem;color:#e7f5ffbd}.playlist-panel{position:relative;display:grid;gap:24px;padding:clamp(28px,5vw,38px);border-radius:28px;background:#080a10e0;border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 90px #00000080;overflow:hidden}.playlist-panel:before{content:"";position:absolute;inset:-20% -30% 55% -40%;background:radial-gradient(50% 60% at 12% 0%,rgba(157,255,79,.2),transparent 72%),radial-gradient(60% 60% at 100% 20%,rgba(255,59,127,.2),transparent 80%);filter:blur(60px);opacity:.8;pointer-events:none}.playlist-header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;z-index:1}.playlist-kicker{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff94;display:block;margin-bottom:6px}.playlist-title{font-size:clamp(2rem,3.5vw,2.6rem);letter-spacing:-.015em;font-weight:800}.playlist-count{font-size:.85rem;color:#e7f5ff8c;letter-spacing:.24em;text-transform:uppercase}.playlist-list{position:relative;display:grid;gap:10px;z-index:1}.playlist-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .25s ease,border-color .25s ease,transform .25s ease}.playlist-row:hover{transform:translateY(-4px);border-color:#fff3}.playlist-row.is-active{background:linear-gradient(120deg,#9dff4f2e,#42e79c29);border-color:#9dff4f73;box-shadow:0 16px 40px #9dff4f38}.playlist-info{display:flex;align-items:center;gap:16px}.playlist-index{width:36px;font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;color:#e7f5ff8c;text-align:center}.playlist-text{display:grid;gap:6px}.playlist-name{font-weight:600;font-size:1.05rem;color:#fff}.playlist-artists{font-size:.9rem;color:#e7f5ff99}.playlist-meta{display:flex;align-items:center;gap:12px}.playlist-pill{padding:4px 10px;border-radius:999px;background:#ff3b7f33;color:#ff3b7fe6;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.playlist-duration{font-size:.88rem;color:#e7f5ff9e}.playlist-footer{position:relative;z-index:1;display:grid;gap:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.playlist-label{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff94}.playlist-buttons{display:flex;flex-wrap:wrap;gap:12px}.listen-chip{padding:9px 18px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.14);font-weight:600;transition:border-color .2s ease,background .2s ease}.listen-chip:hover{border-color:#9dff4f80;background:#9dff4f2e;color:#04140a}.playlist-note{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.playlist-note img{width:52px;height:52px;border-radius:16px;-o-object-fit:cover;object-fit:cover;background:#ff3b7f38;box-shadow:0 14px 32px #00000073}.note-kicker{display:block;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff94;margin-bottom:4px}.note-copy{font-size:.95rem;color:#e7f5ffb8}.music-credits{position:relative;display:grid;gap:22px;padding:clamp(32px,6vw,44px);border-radius:30px;background:#04060ce6;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 90px #0000007a;overflow:hidden}.music-credits:before{content:"";position:absolute;inset:-12% -22% 55%;background:radial-gradient(60% 60% at 15% 0%,rgba(255,59,127,.22),transparent 72%),radial-gradient(60% 60% at 85% 0%,rgba(157,255,79,.18),transparent 75%);filter:blur(60px);opacity:.7;pointer-events:none}.credits-head{position:relative;z-index:1;display:grid;gap:8px}.credits-kicker{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#e7f5ff99}.credits-title{font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.015em;font-weight:800}.credits-copy{position:relative;z-index:1;color:#e7f5ffb3;line-height:1.7}.credits-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px}.credits-meta{position:relative;z-index:1;font-size:.9rem;color:#e7f5ff99;display:grid;gap:4px}.credits-link{text-decoration:underline;color:inherit}@media (max-width: 600px){.music-page{padding:88px 20px 72px}.player-header{flex-wrap:wrap}.player-chip{width:100%}.player-controls{gap:12px}.control-btn{width:52px;height:52px;font-size:1.2rem}.player-platforms{flex-direction:column;align-items:flex-start;gap:10px}}.lyrics-cta{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,40px);align-items:flex-start;justify-content:space-between;padding:clamp(32px,6vw,48px);border-radius:32px;background:#06080ed9;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px #00000073}.lyrics-cta__copy{max-width:520px;display:grid;gap:14px}.lyrics-cta__kicker{font-size:.72rem;letter-spacing:.38em;text-transform:uppercase;color:#e7f5ffa6}.lyrics-cta__title{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.01em}.lyrics-cta__desc{color:#e7f5ffb3;line-height:1.7}.lyrics-cta__action{display:grid;gap:12px;align-content:start}.lyrics-cta__link{font-size:.85rem;color:#9dff4fd9;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.lyrics-cta__link:after{content:"→";opacity:.7;transition:transform .2s ease}.lyrics-cta__link:hover:after{transform:translate(4px)}@media (max-width:720px){.lyrics-cta{padding:28px}.lyrics-cta__action{width:100%}}