body.music-app{background:linear-gradient(180deg,#17031f 0,#2c083e 44%,#f7f2f9 44%,#f7f2f9 100%);color:#fff}
.music-app .top-shell{padding-top:10px}
.music-app .nav-glass{background:rgba(26,4,36,.62);border-color:rgba(255,255,255,.18)}
.music-app .nav-word,.music-app .nav-links a,.music-app .nav-toggle span{color:#fff}
.music-app .nav-btn{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff}
.music-stage{padding:140px 0 170px}
.music-shell{width:min(1120px,calc(100% - 24px));margin:auto}
.music-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:22px;padding:54px 0 32px}
.music-kicker{color:#d9b4ef;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.music-intro h1{margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:clamp(52px,7vw,88px);font-weight:500;letter-spacing:-.045em;line-height:.92}
.music-intro h1 em{color:#edcf84;font-weight:500}
.music-intro p{max-width:580px;color:rgba(255,255,255,.72)}
.music-intro .music-care-note{margin-top:14px;font-size:12px}
.featured-player{position:relative;overflow:hidden;padding:22px;border-radius:36px;background:linear-gradient(145deg,#6b1699,#b05bd3);box-shadow:0 30px 80px rgba(12,0,20,.34);scroll-margin-top:138px}
.featured-art{display:grid;place-items:center;aspect-ratio:16/8;border-radius:28px;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.36),transparent 24%),linear-gradient(145deg,#a84fd0,#531078 63%,#250532);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.featured-art:before{content:'fmb';color:rgba(255,255,255,.9);font-family:'Cormorant Garamond',serif;font-size:clamp(72px,12vw,128px);font-style:italic;text-shadow:0 12px 40px rgba(32,0,50,.32)}
.player-meta{padding:22px 4px 4px}
.player-meta h2{color:#fff;font-size:34px;font-weight:600}
.player-meta p{color:rgba(255,255,255,.68);font-size:14px}
.player-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.round-control{display:grid;place-items:center;min-width:72px;height:48px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800}
.round-control.primary{min-width:82px;height:62px;background:#fff;color:#39094f;font-size:14px}
.progress-wrap{margin-top:18px}
.progress-track{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.2);cursor:pointer}
.progress-track:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:5px}
.progress-fill{width:0;height:100%;background:#fff}
.time-row{display:flex;justify-content:space-between;margin-top:7px;color:rgba(255,255,255,.56);font-size:11px}
.volume-row{display:flex;align-items:center;gap:10px;margin-top:14px}
.volume-row input{width:100%;accent-color:#fff}
.music-library{margin-top:34px;padding:34px;border-radius:36px 36px 0 0;background:rgba(255,255,255,.94);box-shadow:0 -12px 50px rgba(29,3,40,.15);color:#28142f}
.library-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:22px}
.library-head h2{color:#3c0a54;font-size:48px;font-weight:600}
.library-head p{max-width:470px;color:#75687a}
.playlist-list{display:grid;gap:12px}
.playlist-block{padding:22px;border:1px solid rgba(76,13,115,.09);border-radius:24px;background:linear-gradient(145deg,#fff,#f4e8f8)}
.playlist-block h3{color:#4c0d73;font-size:32px}
.playlist-description{margin-bottom:14px;color:#746879;font-size:14px}
.track-list{display:grid;gap:8px}
.song-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:10px;border-radius:18px;transition:background .2s}
.song-row:hover,.song-row.active{background:#ead8f2}
.song-cover{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:linear-gradient(145deg,#7b1aad,#d191e5);color:#fff;font-family:'Cormorant Garamond',serif;font-size:25px}
.song-title{color:#31153d;font-weight:800}
.song-artist{color:#7a6f7e;font-size:12px}
.song-play{min-width:58px;height:40px;padding:0 12px;border:0;border-radius:999px;background:#4c0d73;color:#fff;font-size:11px;font-weight:800}
.music-empty{padding:24px;border-radius:20px;background:#f5edf8;color:#75687a}
.music-credits{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:42px 34px;border-top:1px solid rgba(76,13,115,.1);border-radius:0 0 36px 36px;background:rgba(255,255,255,.94);color:#28142f}
.music-credits h2{margin-top:9px;color:#3c0a54;font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,54px);font-weight:600;line-height:1}
.music-credit-list{display:grid;gap:14px}
.music-credit-list p{padding:18px;border:1px solid rgba(76,13,115,.09);border-radius:20px;background:#f6eef8;color:#6d6071;line-height:1.6}
.music-credit-list strong{color:#3c0a54}
.mini-player{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:150;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:min(620px,calc(100% - 20px));padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(28,5,39,.8);box-shadow:0 18px 55px rgba(16,0,24,.35);backdrop-filter:blur(28px) saturate(180%);transform:translateX(-50%)}
.mini-cover{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#8b24bd,#d298e5)}
.mini-title{overflow:hidden;color:#fff;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.mini-artist{color:rgba(255,255,255,.56);font-size:11px}
.mini-actions{display:flex;gap:8px}
.mini-actions button{min-width:38px;height:38px;padding:0 9px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:800}
.music-app .footer{background:#f7f2f9;color:#28142f}
.music-app .footer h4{color:#4c0d73}
.music-app .footer-logo{display:block!important}
@media(max-width:820px){.music-intro{grid-template-columns:1fr;padding-top:30px}.music-stage{padding-top:125px;padding-bottom:235px}.featured-player{max-width:620px;margin:auto}.music-library{padding:24px 16px}.library-head h2{font-size:40px}.music-credits{grid-template-columns:1fr;padding:34px 20px}.mini-player{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.music-app .nav-links a{color:var(--violet-900)}}
@media(max-width:520px){.music-intro h1{font-size:52px}.featured-player{padding:16px;border-radius:28px}.featured-art{border-radius:22px}.mini-player{grid-template-columns:42px 1fr auto}.mini-cover{width:42px;height:42px}.mini-actions button:first-child{display:none}.round-control{min-width:64px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.song-row{transition:none}}