*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{color:#eee;background:#0d0d0d;margin:0}#root{max-width:1200px;margin:0 auto;padding:0 1.2rem}button,input,select{font-family:inherit}.color-filter{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);scrollbar-width:none;background:#1e1e228c;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:1.1rem 1.4rem;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -8px 32px #00000073}.color-filter::-webkit-scrollbar{display:none}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:2.3rem;height:2.3rem;padding:0;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:#fff}.swatch.all-colors{background:conic-gradient(#e0302e,#e6c81e,#28823c,#1e50be,#7828aa,#e664a0,#e0302e)}@media (width<=640px){.color-filter{justify-content:flex-start;padding:.8rem 1rem}.swatch{width:1.9rem;height:1.9rem}}.search-filter{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#1e1e228c;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.7rem;padding:.7rem;display:flex;position:fixed;top:2rem;left:2rem;box-shadow:0 8px 32px #00000073}.icon-button{color:#f2f2f2;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:none}.icon-button.active{box-shadow:inset 0 0 0 2px #fff}.search-filter input{color:#f2f2f2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;width:20rem;padding:.8rem 1.3rem;font-size:1.1rem}.search-filter input:focus{border-color:#fff6;outline:none}.search-filter input::placeholder{color:#f2f2f280}.dropdown{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#1e1e22d9;border:1px solid #ffffff24;border-radius:1rem;min-width:16rem;max-width:20rem;max-height:60vh;padding:.6rem;position:absolute;top:calc(100% + .7rem);left:0;overflow-y:auto;box-shadow:0 8px 32px #00000073}.dropdown-group+.dropdown-group{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem}.dropdown-label{text-transform:uppercase;letter-spacing:.06em;color:#f2f2f280;padding:.3rem .6rem;font-size:.7rem;display:block}.dropdown button{text-align:left;color:#f2f2f2;cursor:pointer;background:0 0;border:none;border-radius:.6rem;width:100%;padding:.5rem .6rem;font-size:.9rem;display:block}.dropdown button:hover{background:#ffffff1a}.dropdown .count{color:#f2f2f280;font-size:.8rem}@media (width<=640px){.search-filter{top:1rem;left:1rem}.icon-button{display:flex}.search-filter:not(.expanded) input,.search-filter:not(.expanded) .dropdown{display:none}.search-filter.expanded input{width:55vw}}.coverflow-viewport{touch-action:none;cursor:grab;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.coverflow-viewport:active{cursor:grabbing}.coverflow-track{perspective:1400px;width:100%;height:100%;position:relative}.coverflow-item{will-change:transform;-webkit-box-reflect:below 4px linear-gradient(transparent, transparent 60%, #ffffff1f);position:absolute;top:50%;left:50%;box-shadow:0 20px 60px #0009}.coverflow-item.clickable{cursor:pointer}.coverflow-veil{animation:1.6s ease-in-out infinite coverflow-veil-pulse;position:absolute;inset:0}@keyframes coverflow-veil-pulse{0%,to{filter:brightness(.8)}50%{filter:brightness(1.15)}}.coverflow-item img{object-fit:cover;opacity:0;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s;display:block}.coverflow-item img.loaded{opacity:1}.coverflow-item-heart{filter:drop-shadow(0 1px 3px #0009);pointer-events:none;display:flex;position:absolute;top:.5rem;right:.5rem}.coverflow-caption{align-items:center;gap:.7rem;max-width:80vw;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.coverflow-caption-text{text-align:center;pointer-events:none}.coverflow-caption .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;font-weight:600;display:block;overflow:hidden}.coverflow-caption .artist{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:1rem;display:block;overflow:hidden}.like-button{color:#f2f2f2;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.like-button.liked{background:#e0455f2e}@media (width<=640px){.coverflow-caption .title{font-size:1.05rem}.coverflow-caption .artist{font-size:.85rem}}.favorites-button{z-index:50;color:#f2f2f2;cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#1e1e228c;border:1px solid #ffffff24;border-radius:50%;align-items:center;gap:.4rem;padding:.85rem;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 8px 32px #00000073}.favorites-count{padding-right:.2rem;font-size:.85rem;font-weight:600}@media (width<=640px){.favorites-button{top:1rem;right:1rem}}.favorites-overlay{z-index:80;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.favorites-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#18181ce6;border:1px solid #ffffff24;border-radius:1.2rem;width:min(900px,100%);max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 60px #0009}.favorites-panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.favorites-panel-header h2{color:#fff;margin:0;font-size:1.3rem}.favorites-close{color:#f2f2f2;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:2.2rem;height:2.2rem;font-size:1rem}.favorites-empty{color:#999;text-align:center;padding:3rem 1rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.2rem;display:grid}.favorite-item{aspect-ratio:1;border-radius:6px;margin:0;position:relative;overflow:hidden}.favorite-item img{object-fit:cover;width:100%;height:100%;display:block}.favorite-unlike{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;width:1.8rem;height:1.8rem;font-size:.8rem;transition:opacity .15s;position:absolute;top:.4rem;right:.4rem}.favorite-item:hover .favorite-unlike{opacity:1}.favorite-item figcaption{background:linear-gradient(#0000,#000000d9);flex-direction:column;padding:.4rem .5rem;display:flex;position:absolute;inset:auto 0 0}.favorite-item .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.favorite-item .artist{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.status{z-index:60;text-align:center;color:#888;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.error{z-index:60;color:#e66;position:fixed;top:2rem;left:50%;transform:translate(-50%)}