.music-player{--mp-black:var(--black,#000);--mp-outline:2px solid var(--mp-black);--mp-yellow:var(--yellow,#fec62e);--mp-sunflower:var(--sunflower,#ffc947);--mp-accent:var(--sky,#aee1eb);--mp-pink:var(--light-pink,#f8c1c6);--mp-red:var(--red,#ec385a);--mp-art:var(--rust,#d95205);--mp-active:var(--azure,#0777bf);--mp-cream:var(--cornsilk,#fff9de);--mp-caps:var(--font-caps,"Titan One", sans-serif);--mp-body:var(--font-body,"Montserrat", sans-serif);border:var(--mp-outline);width:100%;max-width:560px;color:var(--mp-black);font-family:var(--mp-body);box-shadow:8px 8px 0 var(--mp-black);background:#fff;border-radius:28px;margin:0 auto;padding:24px}.music-player *,.music-player :before,.music-player :after{box-sizing:border-box}.music-player button{font:inherit;color:inherit}.now-playing{border:var(--mp-outline);border-radius:20px;margin-bottom:20px;overflow:hidden}.now-playing-audio{background:var(--mp-art);justify-content:center;align-items:center;padding:28px 0;display:flex}.now-playing-video{background:var(--mp-black)}.video-frame{aspect-ratio:16/9;width:100%;position:relative}.video-frame[hidden]{display:none}.video-host,.video-host iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-error{background:var(--mp-cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.video-error p{margin:0;font-weight:700}.video-error a{font-weight:800}.record{border:3px solid var(--mp-black);width:170px;height:170px;box-shadow:0 0 0 8px #fff, 0 0 0 10px var(--mp-black);background:repeating-radial-gradient(circle,#222 0 2px,#111 2px 6px);border-radius:50%;justify-content:center;align-items:center;display:flex}.record-spinning{animation:3s linear infinite record-spin}@keyframes record-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.record-spinning{animation:none}}.record-label{border:var(--mp-outline);background:var(--mp-yellow);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.record-label svg{width:30px;height:30px}.song-info{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;display:flex}.source-badge{border:var(--mp-outline);text-transform:uppercase;border-radius:40px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:900;display:inline-flex}.source-badge svg{width:16px;height:16px}.source-badge.source-audio{background:var(--mp-yellow)}.source-badge.source-youtube{background:var(--mp-red);color:#fff}.song-title{font-family:var(--mp-caps);text-transform:uppercase;font-size:26px;line-height:1.1}.song-artist{font-size:15px;font-weight:700}.youtube-link{color:var(--mp-black);text-underline-offset:3px;font-size:14px;font-weight:800}.progress-container,.volume-container{align-items:center;gap:12px;display:flex}.progress-container{margin-bottom:18px}.time-display{font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:13px;font-weight:800}.progress-bar,.volume-bar{border:var(--mp-outline);background:var(--mp-cream);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:40px;flex:1;height:14px;margin:0}.progress-bar::-webkit-slider-thumb,.volume-bar::-webkit-slider-thumb{border:var(--mp-outline);background:var(--mp-yellow);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:50%;width:22px;height:22px}.progress-bar::-moz-range-thumb,.volume-bar::-moz-range-thumb{border:var(--mp-outline);background:var(--mp-yellow);cursor:pointer;border-radius:50%;width:18px;height:18px}.volume-bar{height:10px}.volume-bar::-webkit-slider-thumb{background:var(--mp-pink);width:18px;height:18px}.volume-bar::-moz-range-thumb{background:var(--mp-pink)}.volume-container{margin-bottom:20px}.volume-icon{display:inline-flex}.volume-icon svg{width:22px;height:22px}.controls{justify-content:center;align-items:center;gap:18px;margin-bottom:20px;display:flex}.control-btn{border:var(--mp-outline);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.control-btn:hover:not(:disabled),.control-btn:focus-visible{background:var(--mp-accent);box-shadow:3px 3px 0 var(--mp-black);transform:translate(-2px,-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.35}.play-btn{background:var(--mp-sunflower);width:68px;height:68px}.play-btn svg{width:32px;height:32px}.play-btn:hover:not(:disabled),.play-btn:focus-visible{background:var(--mp-sunflower)}.lyrics-container{border:var(--mp-outline);background:var(--mp-cream);text-align:center;scrollbar-width:thin;border-radius:20px;max-height:240px;margin-bottom:20px;padding:20px 16px;position:relative;overflow-y:auto}.lyric-line{opacity:.45;padding:6px 0;font-size:15px;font-weight:600;line-height:1.4;transition:opacity .2s,transform .2s}.lyric-past{opacity:.3}.lyric-active{font-family:var(--mp-caps);opacity:1;font-size:18px;font-weight:400;transform:scale(1.04)}.playlist{border-top:var(--mp-outline);padding-top:18px}.playlist h4{font-family:var(--mp-caps);text-transform:uppercase;margin:0 0 12px;font-size:20px;font-weight:400}.playlist-item{border:var(--mp-outline);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;transition:background-color .15s,transform .15s;display:flex}.playlist-item:hover,.playlist-item:focus-visible{background:var(--mp-cream);transform:translate(3px)}.playlist-item.active{background:var(--mp-active)}.playlist-number{border:var(--mp-outline);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:inline-flex}.playlist-item.active .playlist-number{background:var(--mp-yellow)}.playlist-item.active .playlist-info,.playlist-item.active .playlist-source:not(.source-youtube){color:#fff}.playlist-info{flex-direction:column;flex:1;min-width:0;display:flex}.playlist-title{font-size:15px;font-weight:800}.playlist-artist{font-size:13px;font-weight:600}.playlist-source{flex:none;display:inline-flex}.playlist-source svg{width:22px;height:22px}.playlist-source.source-youtube{color:var(--mp-red)}.no-songs{text-align:center;padding:40px 20px}.no-songs p{margin:0;font-weight:700}@media (width<=520px){.music-player{box-shadow:5px 5px 0 var(--mp-black);padding:18px}.song-title{font-size:22px}.record{width:140px;height:140px}}.music-hero[data-astro-cid-adrqmx6s]{border-bottom:var(--outline);background:var(--hero-color);text-align:center;padding:56px 24px 64px;position:relative}.music-hero-inner[data-astro-cid-adrqmx6s]{z-index:1;max-width:620px;margin:0 auto;position:relative}.music-avatar[data-astro-cid-adrqmx6s]{border:3px solid var(--black);background:var(--light-pink);width:140px;height:140px;box-shadow:0 0 0 8px #fff, 0 0 0 10px var(--black);border-radius:50%;margin:0 auto 20px;overflow:hidden;transform:rotate(-5deg)}.music-avatar[data-astro-cid-adrqmx6s] img[data-astro-cid-adrqmx6s]{object-fit:cover;width:100%;height:100%;display:block}h1[data-astro-cid-adrqmx6s]{margin:0 0 18px}h1[data-astro-cid-adrqmx6s] .script-title[data-astro-cid-adrqmx6s]{color:#fff;margin-bottom:4px}h1[data-astro-cid-adrqmx6s] .caps-title[data-astro-cid-adrqmx6s]{color:#fff;-webkit-text-stroke:3px var(--black);paint-order:stroke fill;text-shadow:5px 5px 0 var(--black);font-size:96px}.music-intro[data-astro-cid-adrqmx6s]{max-width:480px;margin:0 auto;font-size:18px;line-height:1.55}.player-section[data-astro-cid-adrqmx6s]{background:var(--cornsilk);padding:56px 16px 88px}.doodle[data-astro-cid-adrqmx6s]{pointer-events:none;stroke:var(--black);stroke-linejoin:round;position:absolute;overflow:visible}.cloud[data-astro-cid-adrqmx6s]{fill:#fff;stroke-width:2.2px;width:120px;height:68px}.note[data-astro-cid-adrqmx6s]{width:44px;height:44px;fill:var(--pink);stroke-width:1px}.star[data-astro-cid-adrqmx6s]{width:36px;height:36px;fill:var(--yellow);stroke-width:1.6px}.cloud-1[data-astro-cid-adrqmx6s]{top:36px;left:6%}.cloud-2[data-astro-cid-adrqmx6s]{width:150px;height:84px;bottom:40px;right:5%}.note-1[data-astro-cid-adrqmx6s]{top:44%;left:14%;transform:rotate(-14deg)}.note-2[data-astro-cid-adrqmx6s]{fill:var(--orange);top:18%;right:15%;transform:rotate(12deg)}.star-1[data-astro-cid-adrqmx6s]{bottom:22%;left:24%}@media (width<=720px){.note-1[data-astro-cid-adrqmx6s],.star-1[data-astro-cid-adrqmx6s],.cloud-2[data-astro-cid-adrqmx6s]{display:none}}@media (width<=520px){.music-hero[data-astro-cid-adrqmx6s]{padding:40px 16px 48px}h1[data-astro-cid-adrqmx6s] .caps-title[data-astro-cid-adrqmx6s]{text-shadow:4px 4px 0 var(--black);font-size:68px}.cloud-1[data-astro-cid-adrqmx6s]{width:80px;height:45px}.note-2[data-astro-cid-adrqmx6s]{top:12%;right:8%}}