:root{--mp-primary: #006e1c;--mp-on-primary: #ffffff;--mp-primary-container: #94f990;--mp-on-primary-container: #002204}[data-theme="01"]{--mp-primary: #2E7D5A;--mp-on-primary: #FFFFFF;--mp-primary-container: #B4F1D5;--mp-on-primary-container: #002114}[data-theme="02"]{--mp-primary: #0066CC;--mp-on-primary: #FFFFFF;--mp-primary-container: #D4E4FF;--mp-on-primary-container: #001D3D}[data-theme="03"]{--mp-primary: #4A7C7F;--mp-on-primary: #FFFFFF;--mp-primary-container: #CDEAEC;--mp-on-primary-container: #052628}[data-theme="04"]{--mp-primary: #7D5F47;--mp-on-primary: #FFFFFF;--mp-primary-container: #FFDCC4;--mp-on-primary-container: #2E1A0A}[data-theme="05"]{--mp-primary: #E65100;--mp-on-primary: #FFFFFF;--mp-primary-container: #FFDBCA;--mp-on-primary-container: #341100}[data-theme="06"]{--mp-primary: #C78D00;--mp-on-primary: #FFFFFF;--mp-primary-container: #FFDF9E;--mp-on-primary-container: #3D2800}[data-theme="07"]{--mp-primary: #5C6BC0;--mp-on-primary: #FFFFFF;--mp-primary-container: #E0E3FF;--mp-on-primary-container: #0D1554}[data-theme="08"]{--mp-primary: #4A7C7F;--mp-on-primary: #FFFFFF;--mp-primary-container: #CDEAEC;--mp-on-primary-container: #052628}[data-theme="09"]{--mp-primary: #006D3C;--mp-on-primary: #FFFFFF;--mp-primary-container: #95F7B5;--mp-on-primary-container: #00210E}[data-theme="10"]{--mp-primary: #8B7367;--mp-on-primary: #FFFFFF;--mp-primary-container: #FFDDD1;--mp-on-primary-container: #362A24}[data-theme="11"]{--mp-primary: #1976D2;--mp-on-primary: #FFFFFF;--mp-primary-container: #D3E4FF;--mp-on-primary-container: #001C3A}[data-theme="12"]{--mp-primary: #AD1457;--mp-on-primary: #FFFFFF;--mp-primary-container: #FFD9E2;--mp-on-primary-container: #3E0019}[data-theme="13"]{--mp-primary: #505050;--mp-on-primary: #FFFFFF;--mp-primary-container: #D8D8D8;--mp-on-primary-container: #1C1C1C}.music-player-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem;font-family:Outfit,sans-serif}.cover-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:1 / 1;padding:48px;box-sizing:border-box}.album-cover{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 10px 30px #00000026;transition:transform .5s ease-out}.mp-btn{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;touch-action:manipulation;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1),background-color .3s ease;z-index:10;-webkit-tap-highlight-color:transparent}.mp-btn:active{transform:scale(.95);opacity:.8}.play-btn{position:absolute;bottom:24px;right:-40px;width:96px;height:64px;border-radius:32px;background-color:var(--mp-primary);color:var(--mp-primary-container);border:4px solid var(--mp-primary-container);transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .8s ease-in-out,border-color .8s ease-in-out,color .8s ease-in-out}.cover-container{position:relative;width:100%;height:100%;border-radius:2rem;overflow:visible}.play-btn{position:absolute;bottom:24px;right:-40px;width:96px;height:64px;border-radius:32px;background-color:var(--mp-primary);color:var(--mp-primary-container);border:4px solid var(--mp-primary-container)}@media(max-width:480px){.play-btn{width:80px;height:56px;right:20px}}.mode-btn{position:absolute;bottom:-32px;left:32px;width:64px;height:64px;border-radius:20px;background-color:var(--mp-primary-container);color:var(--mp-on-primary-container)}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:32px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.icon-fade{animation:fadeScale .2s cubic-bezier(.22,1,.36,1)}@keyframes fadeScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.track-info-container{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:400px;margin-top:-16px;padding:0 16px;box-sizing:border-box;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.track-text{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.track-title{margin:0;font-family:Outfit,sans-serif;font-weight:700;font-size:24px;color:var(--mp-primary);transition:color .5s ease-in-out}.track-artist{margin:0;font-family:Outfit,sans-serif;font-weight:500;font-size:16px;color:#666;transition:color .5s ease-in-out}.dark .track-artist{color:#aaa}.favorite-btn{background:var(--mp-primary-container);width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:var(--mp-primary);cursor:pointer;transition:transform .2s,background-color .2s;margin-left:16px}.favorite-btn:active{transform:scale(.9)}.favorite-btn .material-symbols-rounded{font-size:24px}