.nav-active{color:#8528bf!important}.nav-active:after{transform:scaleX(1)!important}.home-link:active{transform:scale(.97)}.beats-world{color:#271334;background:#fff;min-height:100svh;position:relative;overflow:hidden}.beats-world .site-header{z-index:10}.beats-character{pointer-events:none;z-index:0;width:min(24vw,405px);height:min(100svh,1100px);position:absolute;top:0;left:0;overflow:hidden}.beats-character img{clip-path:polygon(0 0,15% 0,15% 4%,18% 14%,18% 27%,17% 39%,19% 69%,20% 82%,25% 95%,23% 100%,0 100%);mix-blend-mode:normal;width:auto;max-width:none;height:100%}.beat-library{z-index:2;min-width:0;margin-left:clamp(250px,22vw,430px);padding:30px 36px 50px 0;position:relative}.beat-toolbar{grid-template-columns:minmax(190px,2.8fr) minmax(110px,1fr) minmax(100px,.85fr) minmax(110px,1fr) 88px;gap:16px;max-width:1260px;margin:0 0 35px;display:grid}.beat-search{background:#fcfaff;border:1px solid #e3d6ed;border-radius:16px;align-items:center;gap:12px;min-width:0;padding-left:17px;display:flex;box-shadow:0 1px 2px #4d216508}.beat-search svg{flex-shrink:0;width:21px;height:21px}.beat-search input{height:50px;box-shadow:none;outline-offset:0;border:0;padding-left:0;font-size:16px}.beat-select{background:#fcfaff;border:1px solid #e3d6ed;border-radius:16px;min-width:0;padding:0 17px;font-size:15px;box-shadow:0 1px 2px #4d216508;width:100%!important;height:52px!important}.beat-select [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block!important}.reset-filters{color:#271334;background:#fcfaff;border:1px solid #e3d6ed;border-radius:16px;height:52px;font-size:15px}.beat-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.beat-row,.beat-list-heading{grid-template-columns:25px 62px minmax(112px,1.2fr) 44px minmax(115px,1.5fr) 82px minmax(205px,1.65fr) 36px 117px 32px;align-items:center;gap:13px;display:grid}.beat-row{background:linear-gradient(115deg,#fcfaff,#fff 65%,#faf6ff);border:1px solid #0000;border-radius:18px;min-height:90px;padding:10px 15px;scroll-margin-top:24px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 4px 18px #70389308}.beat-row:target{border-color:#b079d2}.beat-playing{background:linear-gradient(100deg,#fbf4ff,#fff 75%,#faf2ff);border-color:#c994eb;box-shadow:0 0 0 1px #efd9ff,0 3px 20px #ba70eb25}.beat-number{font-variant-numeric:tabular-nums;color:#5d4670;font-size:13px}.beat-artwork{color:#ebd5ff;background:linear-gradient(140deg,#2f1049,#7330a4);border-radius:9px;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.beat-artwork img{object-fit:cover;width:100%;height:100%}.beat-artwork>svg{width:25px;height:25px}.beat-title{letter-spacing:-.4px;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:650;line-height:1.3}.beat-play{color:#37144e;background:#fff;border:1px solid #ddd0e8;border-radius:50%;width:44px;height:44px;padding:0}.beat-play svg{width:18px!important;height:18px!important}.beat-play:has(svg.lucide-play) svg{margin-left:2px}.beat-playing .beat-play{color:#fff;background:#34114e;border-color:#34114e;box-shadow:0 2px 8px #591b6420}.beat-wave{min-width:0}.waveform{height:48px;position:relative}.waveform>svg{width:100%;height:40px;position:absolute;inset:0}.wave-slider{cursor:pointer;min-width:0;height:48px;position:absolute;inset:0}.wave-slider [data-slot=slider-track]{background:#e8daef;align-self:flex-end;height:2px;margin-bottom:2px}.wave-slider [data-slot=slider-range]{background:#a13bdd}.wave-slider [data-slot=slider-thumb]{width:8px;height:8px;box-shadow:none;background:#a13bdd;border:0;margin-top:37px}.wave-slider:hover [data-slot=slider-thumb],.wave-slider:focus-within [data-slot=slider-thumb]{width:11px;height:11px}.beat-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.beat-meta,.heading-meta{grid-template-columns:45px 78px minmax(68px,1fr);align-items:center;gap:8px;display:grid}.beat-meta{font-size:13px}.beat-key{line-height:1.3}.beat-genre{overflow-wrap:anywhere;color:#542379;background:#f3e6fe;border-radius:30px;justify-self:start;max-width:100%;padding:5px 13px;font-size:12px;box-shadow:inset 0 0 0 1px #ecdaf8}.mobile-unit{display:none}.icon-action{color:#391652;border-radius:50%;width:36px;height:40px;padding:0}.icon-action svg{width:20px!important;height:20px!important}.beat-favorite[aria-pressed=true]{color:#9331c8}.download-link{white-space:nowrap;background:linear-gradient(#fcf8ff,#f3e6fc);border:1px solid #ebd8f9;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 2px 8px #b681d01a}.download-link:hover{background:#efe0fa;transform:translateY(-1px)}.download-link svg{flex-shrink:0;width:17px;height:17px}.beat-list-heading{letter-spacing:2px;padding:0 15px 17px;font-size:11px}.heading-title{grid-column:2/5;padding-left:8px}.heading-wave{grid-column:5/7}.heading-meta{grid-column:7}.heading-actions{text-align:center;grid-column:8/11}.library-state{color:#80628f;background:#fdfbff;border:1px solid #f1e7f6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:280px;font-size:16px;display:flex}.library-state>svg{width:28px;height:28px}.library-state p{margin:0}.player-notice{color:#784390;min-height:22px;margin:20px 0 0;font-size:14px}.manage-library-link{color:#7a548e;align-items:center;gap:8px;padding:10px 0;font-size:13px;text-decoration:none;display:inline-flex}.manage-library-link:hover{text-decoration:underline}@media (min-width:1750px){.beat-library{padding-top:44px}.beat-row{min-height:96px}.beat-toolbar{margin-bottom:40px}.beat-title{font-size:16px}.beat-row,.beat-list-heading{gap:17px}.beat-meta,.heading-meta{grid-template-columns:50px 85px minmax(70px,1fr)}}@media (max-width:1450px){.beat-library{margin-left:23vw;padding-right:24px}.beat-row,.beat-list-heading{grid-template-columns:22px 50px minmax(95px,1fr) 40px minmax(100px,1fr) 72px minmax(170px,1.5fr) 32px 105px 28px;gap:8px;padding-left:10px;padding-right:10px}.beat-artwork{width:50px;height:50px}.beat-meta,.heading-meta{grid-template-columns:34px 65px minmax(60px,1fr);gap:5px}.beat-title{font-size:14px}.beat-time{font-size:11px}.download-link{padding:8px 10px}.beat-toolbar{grid-template-columns:minmax(140px,2fr) 1fr 1fr 1fr 74px;gap:10px}.beat-select{padding:0 12px;font-size:14px}.beat-row{min-height:82px}}@media (max-width:1280px){.beat-row{grid-template-columns:24px 50px minmax(100px,1fr) 42px 100px 32px;grid-template-areas:"num art title play download more"". .wave wave wave fav"". .meta meta time time";row-gap:9px;padding:12px}.beat-number{grid-area:num}.beat-artwork{grid-area:art}.beat-title{grid-area:title}.beat-play{grid-area:play}.beat-wave{grid-area:wave}.beat-time{text-align:right;grid-area:time}.beat-meta{grid-area:meta;gap:12px;display:flex}.beat-favorite{grid-area:fav}.beat-more{grid-area:more}.beat-download{grid-area:download}.beat-list-heading{display:none}.beat-genre{padding:3px 9px}.mobile-unit{display:inline}.beat-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.beat-search{grid-column:1/3}.reset-filters{grid-area:1/3}.beat-library{padding-top:20px}.beats-character{width:23vw;height:820px}.beats-character img{width:auto;height:100%}.beats-character{-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}}@media (max-width:800px){.beats-world .site-header{height:136px}.beats-world .navigation{grid-template-columns:1.1fr 1fr 1.55fr 1fr 1.1fr;gap:5px;width:100%;max-width:570px;padding:0 14px}.beats-world .nav-link{font-size:14px}.beat-library{margin:0;padding:12px 20px 35px}.beats-character{width:78px;height:205px;top:141px;left:8px;-webkit-mask-image:none;mask-image:none}.beats-character img{clip-path:polygon(0 0,19% 0,19% 72%,25% 96%,23% 100%,0 100%)}.beat-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:195px;margin-bottom:28px;margin-left:84px}.beat-search{grid-column:1/-1}.reset-filters{grid-area:auto}.beat-select,.reset-filters{border-radius:13px;height:46px!important}.beat-search input{height:46px}.beat-row{grid-template-columns:24px 54px minmax(120px,1fr) 44px 110px 36px}.beat-artwork{width:54px;height:54px}.beat-title{font-size:16px}.beat-time,.beat-meta{font-size:12px}.beat-list{gap:12px}.waveform,.wave-slider{height:42px}.wave-slider [data-slot=slider-thumb]{margin-top:31px}.beat-row{border-color:#f1e8f6}}@media (max-width:640px){.beat-library{padding-left:14px;padding-right:14px}.beat-row{border-radius:16px;grid-template-columns:42px 42px minmax(0,1fr) 40px;grid-template-areas:"art play title more""wave wave wave wave""meta meta meta fav""time time download download";gap:9px;padding:13px 12px}.beat-number{z-index:1;background:#fff;border-radius:6px;padding:1px 3px;font-size:10px;position:absolute;top:6px;left:6px}.beat-row{position:relative}.beat-artwork{border-radius:7px;width:42px;height:42px}.beat-play{width:39px;height:39px}.beat-title{font-size:15px}.beat-meta{flex-wrap:wrap;gap:9px;font-size:12px}.beat-key{white-space:nowrap}.beat-genre{font-size:11px}.beat-time{text-align:left;align-self:center}.beat-download{justify-self:end}.download-link{min-height:40px;font-size:12px}.beat-favorite{justify-self:end}.beat-search{gap:8px;padding-left:12px}.beat-search input{font-size:16px}.beat-toolbar{gap:9px;margin-left:78px}.beat-select{padding:0 10px;font-size:13px}.beats-character{width:74px;height:195px;top:145px;left:4px}.beats-world .navigation{padding:0 4px}.beats-world .site-header{padding-left:10px;padding-right:10px}.beat-library{padding-top:8px}.beat-search svg{width:18px;height:18px}.reset-filters{font-size:14px}}@media (max-width:420px){.beats-world .navigation{grid-template-rows:60px 48px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px}.beats-world .site-header{height:136px}.beats-world .home-link{grid-area:1/1/auto/-1;width:150px}.beats-world .nav-link{grid-row:2}}@media (prefers-reduced-motion:reduce){.beat-row,.download-link{transition:none}}@media (min-width:1281px){.beats-character{height:min(100svh,1100px,59.4vw);-webkit-mask-image:linear-gradient(#000 93%,#0000);mask-image:linear-gradient(#000 93%,#0000)}}@media (min-width:1750px){.beat-library{padding-top:20px}.beat-toolbar{margin-bottom:24px}.beat-row{min-height:78px;padding-top:7px;padding-bottom:7px}.beat-list{gap:8px}}.beats-character{background:0 0;overflow:visible;-webkit-mask-image:none;mask-image:none}.beats-character img{clip-path:none;mix-blend-mode:normal;filter:drop-shadow(0 5px 4px #30103d12)}.beats-character{clip-path:none;mix-blend-mode:normal;background:0 0;-webkit-mask-image:none;mask-image:none;transition:none!important;animation:none!important;transform:none!important}.beats-character img{object-fit:contain;object-position:center bottom;clip-path:none;filter:none;mix-blend-mode:normal;object-position:left bottom;width:auto;max-width:none;height:90%;position:absolute;inset:auto 0 0 -4vw;-webkit-mask-image:none;mask-image:none;transition:none!important;animation:none!important;transform:none!important}@media (max-width:900px){.beats-character img{height:100%;left:-20px}}