:root{font-family:Arial,Helvetica,sans-serif;color:#191a1c;background:#fff;font-synthesis:none;font-weight:400;--lime:#e8fa55;--muted:#73747e;--line:#e9e9ee}*{box-sizing:border-box}body{margin:0;padding-bottom:100px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3257ef;outline-offset:4px}button{transition:background .15s,transform .15s}button:hover{opacity:.85}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}input{min-width:0}input[type=range]{accent-color:#bfd000;cursor:pointer}button.active{background:var(--lime)}.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3.5%;gap:44px}.brand{font-weight:900;font-size:25px;letter-spacing:-1.2px;white-space:nowrap;padding:0;display:flex;align-items:center;gap:13px}.brand-mark{font-size:35px;letter-spacing:-5px;font-style:italic;margin-right:6px}.site-header nav{display:flex;gap:15px}.site-header nav button{padding:10px 15px;border-radius:11px;font-size:15px}.favorites-nav{margin-left:auto;display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;font-size:15px}.favorites-nav i{font-style:normal;background:#191a1c;color:#fff;border-radius:50%;font-size:11px;width:20px;height:20px;display:grid;place-items:center}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:34px;margin:28px 3.5% 36px;align-items:center}.hero-copy{padding:16px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.hero .eyebrow span{width:6px;height:6px;border-radius:50%;background:#9baa00}.hero h1{font-size:clamp(36px,4.1vw,64px);font-weight:800;line-height:1.04;letter-spacing:-2.6px;margin:25px 0 21px}.hero p{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin-bottom:29px}.primary{background:#18191b;color:#fff;border-radius:40px;padding:16px 26px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:16px;box-shadow:0 4px 10px #0000000a}.hero-note{display:block;font-size:11px;color:var(--muted);margin:15px 0 0 9px}.hero-art{position:relative;overflow:hidden;background:#1241e9;aspect-ratio:1.62}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-art-title{position:absolute;left:6%;top:7%;font-size:clamp(34px,5.2vw,80px);line-height:.82;font-weight:900;font-style:italic;letter-spacing:-3px;color:#edff4c}.hero-art-title span{font-size:13px;letter-spacing:.3px;font-style:normal;display:flex;align-items:center;gap:16px;margin-top:26px;color:#fff}.hero-art-title i{width:37px;height:2px;background:#fff}.hero-art-tag{position:absolute;bottom:17px;right:17px;font-size:9px;letter-spacing:1px;display:flex;gap:12px;align-items:center;color:#fff}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:30px 3.5% 40px;border-top:1px solid var(--line)}.filters{border-right:1px solid var(--line);padding-right:18px}.filter-title{display:flex;align-items:center;justify-content:space-between}.filters h2{font-size:20px;font-weight:750;letter-spacing:-.5px}.categories{display:flex;flex-direction:column;gap:4px;margin:24px -5px 28px}.categories button{display:flex;align-items:center;gap:12px;border-radius:8px;padding:10px 11px;font-size:14px;text-align:left}.categories button small{margin-left:auto;font-size:12px;color:#646570}.categories .selected{background:var(--lime)}.bpm-filter{border-top:1px solid var(--line);padding-top:24px}.bpm-fields{display:flex;align-items:center;gap:12px;margin:19px 0 13px}.bpm-fields input{width:78px;height:39px;border:1px solid #d9d9e2;border-radius:8px;text-align:center;font-size:16px;background:#fff;-moz-appearance:textfield}.bpm-fields input::-webkit-inner-spin-button{appearance:none}.range-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap;margin:8px 0}.range-label input{width:100%;height:10px}.tempo-filter{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.tempo-filter label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;line-height:2.5}.tempo-filter input{appearance:none;width:32px;height:20px;background:#d8d8da;border-radius:20px;cursor:pointer;position:relative}.tempo-filter input:before{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .15s}.tempo-filter input:checked{background:#d7ee20}.tempo-filter input:checked:before{transform:translate(12px)}.reset-filters{font-size:11px;color:#777883;text-decoration:underline;text-underline-offset:3px;margin-top:16px}.sidebar-note{margin-top:52px;background:#f7f7f5;padding:18px 15px;border-radius:9px;font-size:12px;line-height:1.6;display:flex;gap:12px}.sidebar-note svg{color:#777b63}.catalog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}.catalog-toolbar h2{font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.1}.result-count{color:var(--muted);font-size:12px;margin-top:9px}.catalog-tools{display:flex;gap:12px;padding-top:4px}.search{display:flex;align-items:center;gap:9px;border:1px solid #d9d9e2;border-radius:8px;padding:9px 11px;background:#fafafb;width:210px}.search input{width:100%;background:none;border:0;outline:none;font-size:12px}.search button{padding:0;height:15px}.catalog-tools select{border:1px solid #d9d9e2;border-radius:8px;padding:9px;font-size:11px;background:#fff;max-width:145px}.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:35px}.mix-card{min-width:0}.cover-wrap{position:relative}.cover{isolation:isolate;position:relative;width:100%;aspect-ratio:1.08;overflow:hidden;border-radius:12px;background:#1641e8;color:#edff4c}.cover-words{position:absolute;z-index:3;top:7%;left:6%;right:12%;font-size:clamp(22px,2.7vw,45px);line-height:.87;letter-spacing:-1.7px;font-style:italic}.cover-words b{font-weight:900}.cover-words span{display:block;font-size:11px;font-weight:600;letter-spacing:0;font-style:normal;margin-top:14px;line-height:1.2}.cover-step{background-image:url(/assets/step-art.png);background-size:cover;background-position:center}.cover-step .vinyl,.cover-step .art-ball{display:none}.vinyl{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle at center,#111,#222 2%,#ccc,#f2f2ed 2.6%,#4e5050 3%,#343635 3.5%);box-shadow:2px 2px 8px #0006;transform:rotate(-28deg) scaleY(.68);z-index:1}.vinyl:after{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--center,#f1f0e6);box-shadow:inset 2px 1px 6px #0005}.vinyl-one{width:95%;height:95%;bottom:-25%;right:-24%}.vinyl-two{width:78%;height:78%;bottom:-42%;left:-10%;filter:brightness(1.3)}.art-ball{width:21%;height:21%;border-radius:50%;position:absolute;right:4%;bottom:4%;background:radial-gradient(circle at 30% 25%,#fbff8b,#ddf700 65%,#879200);box-shadow:3px 8px 10px #1113;z-index:2}.cover-house{background:linear-gradient(148deg,#ebeada 0 47%,#e4f82d 47%);color:#141414}.cover-house .vinyl-one{right:-10%;bottom:-24%;width:90%;height:90%;transform:rotate(-30deg) scaleY(.72)}.cover-house .art-ball{display:none}.cover-classic{background:#eadede;color:#201b23}.cover-classic .art-ball{background:radial-gradient(circle at 30% 25%,#ffb3b1,#e66070)}.cover-lime{background:#e8fa55;color:#131416;--center:#e8fa55}.cover-lime .vinyl-one{width:120%;height:120%;right:-50%;bottom:-35%;transform:scaleY(.8)}.cover-blue{background:#1841ef;color:#fff;--center:#1841ef}.cover-blue .vinyl-one{width:140%;height:140%;right:-70%;bottom:-48%}.cover-silver{background:linear-gradient(120deg,#e4e5e4,#d3d5d3);color:#111;--center:#e6f64e}.cover-silver .vinyl-one{width:140%;height:140%;right:-70%;bottom:-45%}.cover-traccia{background:#f1ab55;color:#111;--center:#f1ab55}.cover-traccia .vinyl-one{bottom:-24%;right:-20%}.cover-mini,.cover-rock{background:#ff756d;color:#141414}.cover-mini{background:#e3f34a}.lightning{position:absolute;font-size:160px;color:#edff4c;left:9%;bottom:-15%;transform:rotate(12deg)}.guitar{position:absolute;bottom:-14%;right:-2%;width:57%;height:115%;transform:rotate(20deg);filter:drop-shadow(4px 5px 2px #0002)}.guitar-neck{position:absolute;height:85%;width:16%;top:-3%;left:49%;background:repeating-linear-gradient(0deg,#222 0 13px,#aaa 14px 15px);border:4px solid #2e2020;z-index:2}.guitar-body{position:absolute;bottom:0;left:0;width:100%;height:56%;background:linear-gradient(90deg,#151515,#2e2c2b,#080808);clip-path:polygon(19% 0,30% 27%,50% 25%,75% 0,78% 27%,100% 70%,75% 100%,12% 100%,0 65%,13% 35%);border-radius:38%;box-shadow:inset 10px 10px 20px #fff3}.guitar-body:after{content:"";position:absolute;top:37%;left:41%;width:23%;height:32%;background:repeating-linear-gradient(90deg,#aaa 0 2px,#242424 2px 6px);border:3px solid #59433e}.cover-mini .lightning{color:#fff}.cover-heart{position:absolute;z-index:5;top:9px;right:9px;color:inherit;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff12}.cover-wrap:has(.cover-step) .cover-heart,.cover-wrap:has(.cover-blue) .cover-heart{color:#fff}.cover-heart.is-favorite{color:#dc376b!important;background:#fff}.cover-play{position:absolute;z-index:5;bottom:12px;left:12px;background:#161719;color:#fff;width:43px;height:43px;border:1.5px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 7px #0003}.cover-play svg{margin-left:1px}.preview-badge{position:absolute;z-index:5;bottom:22px;right:14px;font-size:8px;letter-spacing:1px;background:#ffffffd9;color:#1c1c1c;border-radius:4px;padding:4px 6px;opacity:0;transition:opacity .15s}.cover-wrap:hover .preview-badge{opacity:1}.mix-title{display:block;text-align:left;margin-top:11px;padding:0;font-size:17px;font-weight:700;letter-spacing:-.4px;line-height:1.25}.mix-title:hover{text-decoration:underline;text-underline-offset:3px}.mix-category{font-size:12px;color:#767680;margin-top:5px}.mix-meta{display:flex;align-items:center;gap:11px;font-size:11px;margin-top:11px;white-space:nowrap}.mix-meta span{display:flex;gap:6px;align-items:center}.mix-meta svg{color:#686974}.mix-meta i{width:1px;height:12px;background:#dadbe0}.catalog-footnote{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.catalog-footnote>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:#9baa00;border-radius:50%}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;margin:0 3.5%;padding:22px 0;color:var(--muted);font-size:10px}.site-footer b{font-size:12px;color:#292a2c}.site-footer>span:last-child{margin-left:auto}.player{height:93px;position:fixed;bottom:0;left:0;right:0;z-index:30;border-top:1px solid #d9dae1;background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 3%;display:flex;align-items:center;gap:30px}.player-track{display:flex;gap:13px;align-items:center;width:290px;min-width:0}.cover-small{width:62px;height:62px;flex-shrink:0;border-radius:7px}.cover-small .cover-words{font-size:10px;letter-spacing:-.5px}.cover-small .cover-words span{display:none}.cover-small .lightning{font-size:45px}.cover-small .guitar-neck{border-width:1px}.player-track>div:not(.cover){min-width:0}.player-track b{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:185px}.player-mode{padding:0;margin-top:6px;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}.player-mode span{font-size:12px}.player-heart{margin-left:auto}.icon-button{padding:6px;display:grid;place-items:center;border-radius:50%}.player-main{display:flex;align-items:center;gap:26px;flex:1;min-width:0}.transport{display:flex;align-items:center;gap:16px}.transport>button{padding:0;display:grid;place-items:center}.transport .main-play{width:47px;height:47px;background:#191a1c;color:#fff;border-radius:50%}.main-play svg{margin-left:1px}.progress-wrap{display:flex;align-items:center;gap:12px;flex:1;min-width:70px;font-size:10px}.wave-progress{height:32px;position:relative;flex:1}.wave-bars{height:100%;display:flex;gap:3px;align-items:center;pointer-events:none}.wave-bars i{background:#e1e2e7;flex:1;min-width:1px;border-radius:2px}.wave-bars .played{background:#cfe10b}.wave-progress input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.wave-progress:focus-within{outline:2px solid #3257ef;border-radius:3px}.player-actions{display:flex;align-items:center;gap:11px}.player-actions input{width:74px;height:4px}.download{display:grid;place-items:center;margin-left:12px}.audio-error{position:absolute;bottom:105px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#1d1d21;color:#fff;border-radius:8px;padding:14px;font-size:12px;max-width:90vw;width:max-content}.audio-error button{color:#fff;display:flex}.empty-state{padding:70px 20px;text-align:center;background:#fafaf8;border-radius:12px}.empty-state svg{color:#a5aa7e}.empty-state h3{margin-top:20px}.empty-state p{font-size:14px;color:var(--muted);margin:12px 0 24px}.about-page,.collections-page{max-width:1100px;min-height:70vh;margin:0 auto;padding:60px 35px}.about-page .eyebrow{margin-top:44px}.about-page h1,.collections-page h1{font-size:58px;line-height:1.05;letter-spacing:-2px;margin:24px 0}.about-page p{max-width:680px;font-size:20px;line-height:1.6}.about-page .muted{font-size:14px}.muted{color:var(--muted);line-height:1.6}.about-facts{display:flex;gap:70px;padding:38px 0;margin:30px 0;border-block:1px solid var(--line)}.about-facts b{font-size:36px;letter-spacing:-1px;display:block}.about-facts span{font-size:12px;color:var(--muted);display:block;margin-top:9px}.text-button{display:flex;gap:9px;align-items:center;padding:0;font-size:14px}.collection-card{display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:20px;border-radius:12px;margin:35px 0;width:100%;max-width:600px;text-align:left}.collection-art{height:125px;width:125px;background:var(--lime);display:grid;place-items:center;border-radius:8px}.collection-card b{font-size:24px;display:block}.collection-card small{display:block;margin-top:10px;color:var(--muted)}.collection-card>svg{margin-left:auto}.mobile-filters,.mobile-only{display:none}.modal-backdrop{position:fixed;inset:0;background:#13141b88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:25px}.mix-detail{background:#fff;max-width:780px;width:100%;padding:30px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;position:relative;border-radius:16px;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:12px;top:12px;z-index:4;background:#fff}.detail-copy{padding:12px 0}.detail-copy h2{font-size:30px;letter-spacing:-1px;margin:15px 0}.detail-copy>p{font-size:14px;line-height:1.6;color:#6b6c77}.detail-meta{font-size:11px;margin:20px 0}.detail-copy .primary{padding:13px 18px;font-size:13px}.detail-download{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:20px}.detail-copy .detail-note{font-size:10px;margin-top:22px}@media(min-width:1550px){.site-header,.hero,.catalog-layout{padding-left:max(3.5%,calc((100vw - 1480px)/2));padding-right:max(3.5%,calc((100vw - 1480px)/2))}.hero{margin-left:0;margin-right:0}.catalog-layout{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:1180px){.site-header{gap:25px}.brand{font-size:22px}.site-header nav{gap:0}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:22px}.catalog-toolbar{flex-wrap:wrap}.catalog-tools{width:100%}.search{flex:1}.mix-grid{gap:28px 19px}.mix-title{font-size:15px}.mix-meta{gap:7px;font-size:10px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:17px}.player{gap:20px}.player-track{width:235px}.player-track b{max-width:135px}.player-heart{display:none}.player-main{gap:18px}.player-actions{gap:4px}.player-actions input{width:50px}.download{margin-left:6px}}@media(max-width:900px){.site-header{padding:0 24px;height:72px;gap:20px}.site-header nav button{font-size:13px;padding:9px 10px}.brand{font-size:20px;gap:6px}.brand-mark{font-size:29px}.favorites-nav span{display:none}.hero{margin:24px 24px 30px;gap:20px}.hero h1{font-size:36px}.hero .eyebrow{font-size:8px}.hero p{font-size:15px;margin-bottom:20px}.hero-art{aspect-ratio:1.2}.primary{font-size:13px;padding:13px 19px}.hero-art-title{font-size:49px}.catalog-layout{grid-template-columns:170px minmax(0,1fr);padding:24px;gap:20px}.filters{padding-right:12px}.filters h2{font-size:18px}.categories button{font-size:12px;gap:8px}.bpm-fields{gap:6px}.bpm-fields input{width:60px}.tempo-filter label{font-size:11px}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-words{font-size:clamp(22px,4vw,40px)}.catalog-toolbar h2{font-size:24px}.player-track{width:200px;gap:10px}.cover-small{width:48px;height:48px}.player-track b{font-size:11px;max-width:125px}.player-actions input{display:none}.progress-wrap{gap:7px}.transport{gap:10px}.player-main{gap:12px}.player{gap:14px}.wave-bars{gap:2px}}@media(max-width:640px){body{padding-bottom:131px}.site-header{height:auto;min-height:65px;padding:13px 18px;flex-wrap:wrap;gap:12px}.brand{font-size:21px}.site-header nav{order:3;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:0}.site-header nav button{font-size:12px;flex:1;padding:8px}.favorites-nav{padding:3px}.hero{display:flex;flex-direction:column;margin:25px 18px 27px;gap:24px;align-items:stretch}.hero-copy{padding:0}.hero .eyebrow{font-size:8px}.hero h1{font-size:42px;letter-spacing:-1.9px;margin:20px 0 16px}.hero p{font-size:16px;margin-bottom:22px}.hero .primary{font-size:14px;padding:14px 22px}.hero-note{display:inline;margin-left:14px;font-size:9px}.hero-art{aspect-ratio:1.67}.hero-art-title{font-size:55px}.hero-art-title span{font-size:10px;margin-top:18px}.hero-art-tag{font-size:7px;bottom:10px;right:10px}.catalog-layout{display:block;padding:19px 18px 30px;position:relative}.mobile-filters{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 12px;border:1px solid #dedee5;border-radius:7px;margin-bottom:22px}.filters{display:none}.filters.open{display:block;position:fixed;z-index:45;inset:0 22% 0 0;padding:25px 20px;background:#fff;box-shadow:0 0 0 100vw #0006;overflow-y:auto;border:0}.mobile-only{display:grid}.filters h2{font-size:21px}.categories button{font-size:14px;padding:13px 11px}.bpm-fields input{width:90px}.tempo-filter label{font-size:13px}.catalog-toolbar{gap:13px;margin-bottom:20px}.catalog-toolbar h2{font-size:25px;letter-spacing:-.8px}.catalog-tools{gap:8px}.search{padding:10px 9px;width:60%}.catalog-tools select{font-size:10px;width:128px;padding:8px}.mix-grid{gap:26px 14px}.cover{border-radius:9px;aspect-ratio:1}.cover-words{font-size:clamp(22px,6vw,36px);letter-spacing:-1px}.cover-words span{font-size:9px;margin-top:10px}.cover-heart{top:4px;right:4px;width:30px;height:30px}.cover-heart svg{width:20px}.cover-play{width:35px;height:35px;bottom:9px;left:9px}.cover-play svg{width:16px}.mix-title{font-size:13px;line-height:1.3;margin-top:9px}.mix-category{font-size:10px;margin-top:4px}.mix-meta{gap:6px;font-size:9px;margin-top:8px;flex-wrap:wrap}.mix-meta span{gap:4px}.mix-meta svg{width:12px;height:12px}.mix-meta i{height:10px}.preview-badge{display:none}.catalog-footnote{font-size:9px;flex-wrap:wrap;line-height:1.5}.catalog-footnote>span:last-child{width:100%;margin:0 0 0 12px}.site-footer{margin:0 18px;gap:12px;font-size:8px}.site-footer b{font-size:10px}.site-footer>span:last-child{display:none}.player{height:117px;padding:12px 18px 31px;gap:12px;align-items:center}.player-track{flex:1;width:auto}.player-track b{max-width:180px;font-size:12px}.player-mode{font-size:10px}.player-main{flex:0}.transport{gap:13px}.transport .main-play{width:41px;height:41px}.transport>button:first-child{display:none}.transport>button:last-child svg{width:16px}.progress-wrap{position:absolute;left:18px;right:18px;bottom:5px;height:18px}.wave-progress{height:16px}.wave-bars{gap:2px}.player-actions{display:none}.cover-small{width:47px;height:47px;border-radius:5px}.cover-small .cover-words{font-size:10px}.cover-small .cover-words span{display:none}.time-now,.progress-wrap>span:last-child{font-size:9px}.about-page,.collections-page{padding:38px 22px;min-height:65vh}.about-page h1,.collections-page h1{font-size:43px}.about-page p{font-size:17px}.about-facts{gap:25px;flex-wrap:wrap;padding:25px 0}.about-facts b{font-size:26px}.about-facts span{font-size:10px}.collection-card{padding:13px;gap:16px}.collection-art{width:85px;height:85px}.collection-art svg{width:45px}.collection-card b{font-size:21px}.modal-backdrop{padding:18px}.mix-detail{padding:22px;display:block;max-width:390px;max-height:85vh}.mix-detail>.cover{max-width:220px;margin:auto}.detail-copy h2{font-size:26px}.detail-copy>p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.player-main{flex:0 0 96px;width:96px}.transport{width:96px;justify-content:flex-end}.player-track{flex:1 1 0;overflow:hidden}.player-track b{max-width:155px}}