@import url('https://fonts.googleapis.com/css2?family=Noto+Music&display=swap');
.division-folders{display:flex;gap:14px;margin:10px 0 30px}.division-folders button{flex:1;text-align:left;position:relative;border:1px solid #d5bba780;background:linear-gradient(135deg,#fff7,#fec89a30);border-radius:7px 18px 18px 18px;padding:22px 20px 16px;color:var(--ink);transition:transform .2s,background .2s}.division-folders button:before{content:'';position:absolute;left:-1px;top:-8px;width:40%;height:10px;border:1px solid #d5bba780;border-bottom:0;border-radius:8px 15px 0 0;background:#fff2e4}.division-folders button.selected{background:#f7cba8;border-color:#aa7054}.division-folders button.selected:before{background:#f7cba8;border-color:#aa7054}.division-folders button:hover{transform:translateY(-3px)}.division-folders strong{font-size:16px;display:block}.division-folders small{font-size:10px;display:block;margin-top:6px;color:#866b58}.music-gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.music-gallery-tools span{font-size:11px;color:#8b705d}.music-gallery-tools>div{display:flex;align-items:center;gap:15px}.music-gallery-tools .button{padding:10px 16px;font-size:11px}.music-gallery-tools .text-button{font-size:11px}.music-orbit{height:365px;position:relative;perspective:950px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#fec89a22,transparent 70%);border-block:1px solid #caa88a25;margin-inline:-3%;isolation:isolate}.music-orbit:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:200;background:linear-gradient(90deg,var(--paper),transparent 7%,transparent 93%,var(--paper))}.track-tile{width:260px;height:269px;position:absolute;left:50%;top:50%;border:1px solid #ffffffa0;border-radius:18px;background:linear-gradient(145deg,#edb28a,#d18372);box-shadow:0 15px 30px #80593c20;overflow:hidden;backface-visibility:hidden;will-change:transform}.tile-1{background:linear-gradient(140deg,#f6b5ad,#c78282)}.tile-2{background:linear-gradient(145deg,#bccdb0,#7f9c8a)}.tile-3{background:linear-gradient(145deg,#edd3a3,#c69d6f)}.track-play{width:100%;height:226px;background:transparent;border:0;padding:20px;text-align:left;color:#49352f;display:flex;flex-direction:column;position:relative;overflow:hidden}.track-type{font-size:8px;letter-spacing:1.7px;font-weight:900;position:relative;z-index:1}.track-art{position:absolute;right:15px;top:35px;font-size:100px;line-height:1;color:#fff7;transform:rotate(-12deg)}.track-play:before{content:'';position:absolute;inset:50px -50px -70px 50px;border:28px solid #fff2;border-radius:50%;transform:rotate(-25deg)}.track-play strong{font-size:21px;line-height:1.16;margin-top:auto;max-width:190px;position:relative;z-index:1;font-family:'Nunito',sans-serif;font-weight:900}.track-play small{font-size:10px;margin-top:13px;position:relative;z-index:1}.track-play:hover small{text-decoration:underline}.track-actions{height:43px;border-top:1px solid #fff5;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:#fff2}.track-actions a,.track-actions button{font-size:9px;color:#49352f;text-decoration:underline;background:none;border:0;padding:0}.music-orbit.static-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));height:auto;gap:20px;padding:25px;margin:0;perspective:none}.static-gallery .track-tile{position:relative;left:auto;top:auto;width:100%;will-change:auto}.static-gallery:after{display:none}.music-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.music-empty h3{font-size:23px;margin:0}.music-empty p{max-width:420px;font-size:12px}#media-status{font-size:11px;min-height:18px;color:#925840;margin:12px 0}#upload-modal label{display:block}#upload-modal select{display:block;width:100%;margin-top:8px;border:1px solid #45382f35;background:transparent;border-radius:8px;padding:11px;color:var(--ink);font:inherit}#upload-error{color:#a33}#upload-progress{font-size:12px}#upload-modal small{font-size:10px;display:block;color:#806959}.wave-clef{font-family:'Noto Music',serif;font-size:29px}.joy-ribbon>.joy-lanes{transform:none;padding:15px 0;position:relative}.joy-ribbon{overflow:hidden;border:0;background:transparent;margin-block:-1px;z-index:2;filter:drop-shadow(0 2px 0 #ae655530)}.joy-ribbon:before{content:'';position:absolute;inset:0;background:#f4a49d;clip-path:polygon(0 10%,5% 6%,10% 3%,15% 2%,20% 4%,25% 8%,30% 12%,35% 16%,40% 18%,45% 17%,50% 14%,55% 10%,60% 6%,65% 3%,70% 2%,75% 4%,80% 8%,85% 12%,90% 16%,95% 18%,100% 17%,100% 90%,95% 94%,90% 97%,85% 98%,80% 96%,75% 92%,70% 88%,65% 84%,60% 82%,55% 83%,50% 86%,45% 90%,40% 94%,35% 97%,30% 98%,25% 96%,20% 92%,15% 88%,10% 84%,5% 82%,0 83%);animation:ribbon-swell 7s ease-in-out infinite}.joy-lane,.joy-lane+.joy-lane{background:transparent;border:0;padding:13px 0}.joy-word{animation:wave-words 5s ease-in-out infinite;animation-delay:calc(var(--beat)*-.9s)}.joy-star{animation:wave-clefs 5s ease-in-out infinite}.joy-reverse .joy-star{animation-direction:reverse}.joy-track{animation-duration:42s}.joy-reverse .joy-track{animation-duration:48s}@keyframes ribbon-swell{50%{transform:scaleY(.88) translateY(3px)}}@keyframes wave-words{0%,100%{transform:translateY(6px) rotate(2deg)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes wave-clefs{0%,100%{transform:translateY(-5px) rotate(-6deg)}50%{transform:translateY(5px) rotate(6deg)}}.ribbon-paused:before,.joy-ribbon:hover:before{animation-play-state:paused}@media(max-width:750px){.division-folders{gap:8px}.division-folders button{padding:18px 10px 13px}.division-folders strong{font-size:12px}.division-folders small{font-size:8px}.music-orbit{height:335px;margin-inline:-6%}.track-tile{width:235px}.music-gallery-tools>div{gap:10px}.music-gallery-tools .button{padding:10px 12px}.filters{flex-wrap:wrap}.music-orbit.static-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.joy-ribbon>.joy-lanes{padding:17px 0}.wave-clef{font-size:23px}}@media(prefers-reduced-motion:reduce){.joy-ribbon:before,.joy-word,.joy-star{animation:none}.track-tile{will-change:auto}}@media print{.music-gallery-tools,.division-folders{display:none}}

.music-collections{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,320px));gap:25px;padding-top:15px}.music-collections:empty{display:none}.collection-folder{position:relative;display:flex;align-items:start;flex-direction:column;gap:15px;min-height:220px;padding:28px 25px 23px;margin-top:14px;border:1px solid #e1b894;border-radius:0 22px 22px 22px;background:linear-gradient(135deg,#fbdabcdd,#efb3a0cc);box-shadow:0 12px 25px #80593c16;color:var(--ink);text-align:left;transition:transform .25s,box-shadow .25s}.collection-folder:before{content:'';position:absolute;left:-1px;top:-16px;width:43%;height:17px;background:#fbdabc;border:1px solid #e1b894;border-bottom:0;border-radius:15px 20px 0 0}.collection-folder:hover{transform:translateY(-5px);box-shadow:0 18px 30px #80593c25}.collection-icon{width:58px;height:58px;border-radius:16px;background:#fff7;display:grid;place-items:center;font-size:31px;color:#ad6655}.collection-folder strong{font-size:23px;line-height:1.15}.collection-folder small{font-size:11px;color:#8a6652}#collection-path{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}#collection-path button{font:inherit;font-size:11px;border:1px solid #ad816044;border-radius:30px;padding:9px 15px;background:#fff8;color:var(--ink)}#collection-path strong{font-size:21px}#music-collections+.music-orbit{margin-top:15px}

.folder-card-summary{font-size:10px;color:#fff}.track-tile:has(.folder-card-summary) .track-art{font-size:106px}.track-tile:has(.folder-card-summary) .track-play strong{font-size:23px}