:root{--bg:#0b0b0b;--surface:#141414;--surface-2:#1c1c1c;--line:#262626;--text:#f2f2f2;--muted:#9a9a9a;--faint:#666;--button:#f2f2f2;--button-hover:#d4d4d4;--button-ink:#0b0b0b;--good:#8fd19e;--bad:#ff8a7a;--radius:6px;--font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:40px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--player-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}body.has-player{padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom))}a{color:inherit;text-decoration:none}a:hover{color:var(--muted)}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1080px;padding:0 var(--s4);margin:0 auto}.promo{background:var(--surface-2);border-bottom:1px solid var(--line);font-size:var(--fs-sm);text-align:center;padding:var(--s2) var(--s4)}.promo a{text-underline-offset:3px;margin-left:var(--s2);text-decoration:underline}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;height:56px;display:flex}.wordmark{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em}.site-nav{gap:var(--s5);font-size:var(--fs-sm);color:var(--muted);display:flex}.site-nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);margin-top:var(--s8);padding:var(--s6) 0;font-size:var(--fs-sm);color:var(--faint)}.site-footer .wrap{gap:var(--s4);flex-wrap:wrap;justify-content:space-between;display:flex}.btn{justify-content:center;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s4);border-radius:var(--radius);background:var(--button);color:var(--button-ink);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;border:0;font-weight:600;display:inline-flex}.btn:hover{background:var(--button-hover);color:var(--button-ink)}.btn-small{height:32px;padding:0 var(--s3)}.btn-quiet{color:var(--text);border:1px solid var(--line);background:0 0}.btn-quiet:hover{background:var(--surface-2);color:var(--text)}.field{height:40px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--fs-md);min-width:0}.field:focus,.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.notice{padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-sm);margin:var(--s4) 0}.notice.good{color:var(--good);border-color:#2f4a35}.notice.bad{color:var(--bad);border-color:#5a2b25}.icon-btn{background:var(--button);width:40px;height:40px;color:var(--button-ink);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--button-hover)}.icon-btn svg{width:16px;height:16px}.list-top{gap:var(--s3);padding:var(--s5) 0 var(--s4);justify-content:space-between;align-items:center;display:flex}.search{gap:var(--s2);flex:1;max-width:480px;display:flex}.search .field{flex:1}.count{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.beats{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.beat-row{gap:var(--s4);padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;display:grid}.beat-row:hover{background:var(--surface)}.beat-row.is-current .beat-title{text-underline-offset:4px;text-decoration:underline}.cover-play{background:var(--surface-2);cursor:pointer;border:0;border-radius:4px;width:56px;height:56px;padding:0;position:relative;overflow:hidden}.cover-play img{object-fit:cover;width:100%;height:100%}.cover-play .overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-play:hover .overlay,.cover-play:focus-visible .overlay,.is-current .cover-play .overlay{opacity:1}.cover-play .overlay svg{width:18px;height:18px}.beat-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.beat-sub{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beat-facts{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.empty{padding:var(--s7) 0;color:var(--muted);text-align:center}.beat-page{gap:var(--s7);padding-top:var(--s6);grid-template-columns:minmax(0,420px) minmax(0,1fr);display:grid}.beat-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:100%;height:auto}.eyebrow{font-size:var(--fs-sm);color:var(--muted)}.beat-name{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:var(--s1) 0 var(--s3);overflow-wrap:anywhere;line-height:1.1}.facts{gap:var(--s2) var(--s4);font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;display:flex}.play-big{align-items:center;gap:var(--s3);margin:var(--s5) 0;display:flex}.play-big .icon-btn{width:48px;height:48px}.section-title{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:var(--s6) 0 var(--s3);font-weight:600}.licenses{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.license{gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.license-name{font-weight:600}.license-sum{font-size:var(--fs-sm);color:var(--muted)}.license form{flex:none}.small-print{font-size:var(--fs-xs);color:var(--faint);margin-top:var(--s3)}.free-form{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.free-form .field{flex:220px}.video{margin-top:var(--s7)}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.video-frame iframe,.video-frame button{border:0;width:100%;height:100%;position:absolute;inset:0}.video-frame button{cursor:pointer;background:#000;padding:0}.video-frame button img{object-fit:cover;opacity:.85;width:100%;height:100%}.video-frame .yt-play{align-items:center;gap:var(--s2);color:#fff;padding:var(--s3) var(--s4);border-radius:var(--radius);font-size:var(--fs-sm);background:#000000bf;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-frame .yt-play svg{width:14px;height:14px}.video-frame .yt-play{white-space:nowrap}.video-frame button:hover .yt-play{background:#000}.tags{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;display:flex}.tag{font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--line);padding:2px var(--s3);border-radius:999px}.tag:hover{color:var(--text);border-color:var(--faint)}.description{white-space:pre-line;color:var(--muted);font-size:var(--fs-sm);margin-top:var(--s4)}.player{z-index:10;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#101010;position:fixed;bottom:0;left:0;right:0}.player-inner{gap:var(--s4);height:var(--player-h);grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;display:grid}.player-track{gap:var(--s3);align-items:center;min-width:0;display:flex}.player-track img{object-fit:cover;background:var(--surface-2);border-radius:4px;flex:none;width:40px;height:40px}.player-track .t{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-track .s{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-controls{gap:var(--s3);align-items:center;display:flex}.player-time{font-size:var(--fs-xs);color:var(--muted);text-align:center;width:40px}.seek,.seek-mobile{appearance:none;cursor:pointer;background:0 0;margin:0}.seek{flex:1;height:16px}.seek::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}.seek-mobile::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}.seek::-moz-range-track{background:var(--line);border-radius:2px;height:3px}.seek-mobile::-moz-range-track{background:var(--line);border-radius:2px;height:3px}.seek::-moz-range-progress{background:var(--text);height:3px}.seek-mobile::-moz-range-progress{background:var(--text);height:3px}.seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.seek-mobile::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.seek::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:10px;height:10px}.seek-mobile::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:10px;height:10px}.narrow{max-width:640px;padding:var(--s7) var(--s4) 0;margin:0 auto}.page-title{font-size:var(--fs-xl);letter-spacing:-.01em;margin-bottom:var(--s3)}.order-beat{gap:var(--s4);margin:var(--s5) 0;align-items:center;display:flex}.order-beat img{object-fit:cover;border-radius:4px;width:72px;height:72px}.downloads{gap:var(--s2);margin:var(--s5) 0;flex-direction:column;display:flex}.downloads .btn{justify-content:space-between;height:48px}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5);margin-bottom:var(--s5)}.panel h2{font-size:var(--fs-lg);margin-bottom:var(--s2)}.panel p{font-size:var(--fs-sm);color:var(--muted)}.form-row{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.form-row .field{flex:200px}.check{gap:var(--s2);font-size:var(--fs-sm);align-items:center;display:inline-flex}.key-box{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-sm);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);overflow-wrap:anywhere;margin-top:var(--s3);-webkit-user-select:all;user-select:all}.admin-beats{margin:var(--s3) 0 0;padding:0;list-style:none}.admin-beats li{gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line);font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.admin-beats .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-beats form{display:inline}.dev-banner{color:#f1d58a;font-size:var(--fs-sm);padding:var(--s2) var(--s4);text-align:center;background:#3a2f12}@media (max-width:720px){.site-nav{gap:var(--s4)}.beat-row{gap:var(--s3);padding:var(--s3) 0;grid-template-columns:48px minmax(0,1fr) auto}.cover-play{width:48px;height:48px}.beat-facts{display:none}.beat-page{gap:var(--s5);padding-top:var(--s4);grid-template-columns:1fr}.beat-cover{max-width:220px}.beat-name{font-size:var(--fs-xl)}.license{flex-wrap:wrap}.player-inner{gap:var(--s3);grid-template-columns:minmax(0,1fr) auto auto}.player-controls .player-time,.player-controls .seek{display:none}.player .seek-mobile{display:block}.list-top{flex-wrap:wrap}.search{max-width:none}}.seek-mobile{width:100%;height:14px;display:none;position:absolute;top:-7px;left:0;right:0}