:root{--wave-pad: 5px;--link: deeppink;--link-visited: palevioletred;--link-hover: red;--fg: #000;--muted: #666;--accent: #b58900;--accent-cool: #1d6fa5;--rule: #eee;--rule-strong: #ddd;--wave-rest: #a8a8a8;--wave-played-refl: #ffb3d6;--wave-rest-refl: #d2d2d2;--wave-hover: #ff8fc4;--wave-hover-refl: #ffd0e5;--wave-hover-fade: .25s;--wave-shine: rgba(255, 255, 255, .8)}*{box-sizing:border-box}body{font-family:monospace;text-align:center;background:#fff;color:var(--fg);margin:0;padding:2rem 1rem 4rem;line-height:1.5}a:link{color:var(--link);text-decoration:none}a:visited{color:var(--link-visited);text-decoration:none}a:hover,a:active{color:var(--link-hover);text-decoration:underline}.wrap{max-width:42rem;margin:0 auto}.logo{width:200px;cursor:pointer}.intro{margin:1.5rem auto;max-width:34rem}.heading{font-weight:700;margin-bottom:.5rem}.mix-list{text-align:left;margin:0 auto 2rem;max-width:38rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;max-width:38rem;margin:0 auto 1.25rem;font-size:.85em}.toolbar-right{display:flex;align-items:center;gap:.9rem;flex:0 0 auto}.search{display:inline-flex;align-items:center;gap:.75rem;color:var(--muted);min-width:0;flex:1 1 12rem}.search input{flex:1 1 auto;min-width:0;font:inherit;color:inherit;background:none;border:none;border-bottom:1px solid var(--rule-strong);border-radius:0;padding:.1em 0}.search input::placeholder{color:#bbb}.search:focus-within{color:var(--link)}.search:focus-within input{border-bottom-color:var(--link);outline:none}.search input::-webkit-search-cancel-button{display:none}.search .clear{border:none;background:none;padding:0;color:inherit;cursor:pointer}.search .clear:hover{color:var(--link-hover)}.search-note{margin:-.6rem 0 1rem}.view-toggle{display:flex;gap:.9rem;margin:0;flex:0 0 auto}.view-toggle button{border:none;background:none;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;font-stretch:inherit;line-height:inherit;color:var(--muted);cursor:pointer}.view-toggle button i{margin-right:.3em}.view-toggle button:hover{color:var(--link-hover)}.view-toggle button[aria-pressed=true]{color:var(--link)}.play i,.like i{transform:translateY(.075em)}.search i,.view-toggle button i,.like-plain i{transform:translateY(.15em)}.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1rem;text-align:left;margin:0 auto 2rem;max-width:42rem}.mix-card{display:block;text-decoration:none;color:inherit}.mix-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--rule)}.mix-card .no-art{display:grid;place-items:center;width:100%;aspect-ratio:1;background:var(--rule);color:var(--muted)}.mix-card .card-title{display:block;margin-top:.3rem;line-height:21px}.mix-card .card-art{position:relative;display:block}.mix-card .card-like{position:absolute;right:.45rem;bottom:.45rem}.mix-card .card-meta{display:block;color:var(--muted);font-size:.8em}.mix-card:hover .card-title{color:var(--link-hover)}@media(max-width:30rem){.mix-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:no-preference){.mix-card img{transition:opacity .15s ease}.mix-card:hover img{opacity:.82}}.mix-row{display:flex;gap:.75rem;align-items:baseline;padding:.35rem 0;border-bottom:1px solid var(--rule)}.mix-row .date{color:var(--muted);white-space:nowrap;font-size:.85em;min-width:5.5rem}.mix-row .title{flex:1}.match-rows{display:block;margin-top:-.35rem;--m-indent: calc(1.4em + 7rem) ;--m-cue-w: var(--m-cue, 5ch);padding-left:var(--m-indent);border-bottom:1px solid var(--rule);color:var(--muted);font-size:.85em}.match-row{display:flex;align-items:baseline;gap:.75rem;line-height:24px}.match-row:first-child>span{padding-top:.5rem}.match-row:last-child>span,.match-row:only-child>span{padding-bottom:.2rem}.m-credit{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-row .m-at{flex:0 0 auto;width:var(--m-cue-w, 0);text-align:right;margin-right:1ch;margin-left:calc(-1 * var(--m-cue-w, 0) - .75rem - 1ch);opacity:.75}.match-rows .m-more{opacity:.75}.mix-row .dur{color:var(--muted);white-space:nowrap;font-size:.85em}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .5rem;margin:0 auto 1.5rem;font-size:.85em}.filters button{font-family:inherit;font-size:inherit;cursor:pointer}.filters button.like{color:var(--link)}.filters button.tag,a.tag{padding:0 .9em}.filters button.like[aria-pressed=true]{color:var(--link-hover)}.detail{text-align:left;margin:0 auto;max-width:38rem}.detail h1{font-size:1.15em;line-height:28px;margin:0 0 .25rem;text-align:center}.meta{text-align:center;color:var(--muted);font-size:.85em;margin-bottom:1.25rem}.after-meta{border:none;border-top:1px solid var(--rule-strong);margin:0 0 1.25rem}.thumb{display:block;width:100%;max-width:22rem;margin:0 auto 1.25rem;aspect-ratio:1 / 1;object-fit:cover;background:#f4f4f4}.player-ui{margin:0 auto 1.25rem}.player-ui audio{display:none}.wave-box{position:relative}.wave-box .play{position:absolute;top:var(--wave-pad);left:var(--wave-pad);width:2rem;height:2rem;display:grid;place-items:center;font-size:.8rem;color:#fff;background:var(--link);border:none;border-radius:50%;padding:0;cursor:pointer}.wave-box .play:hover{background:var(--link-hover)}.wave-box .play:focus,.wave-box .play:focus-visible{outline:none}.like{width:2rem;height:2rem;display:grid;place-items:center;font-size:.8rem;color:var(--link);background:#fff;border:1px solid var(--link);border-radius:50%;cursor:pointer;padding:0;line-height:1}.wave-box .like{position:absolute;top:var(--wave-pad);right:var(--wave-pad)}.like:hover{color:var(--link-hover);border-color:var(--link-hover)}.like.on:not(.like-plain){color:#fff;background:var(--link);border-color:var(--link)}.like.on:hover:not(.like-plain){background:var(--link-hover);border-color:var(--link-hover)}.like:focus,.like:focus-visible{outline:none}.like-plain{width:auto;height:auto;display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;font-family:inherit;font-style:inherit;font-variant:inherit;font-stretch:inherit;font-size:.95em;font-weight:inherit;line-height:1;color:var(--link);vertical-align:baseline}.like-plain:hover{color:var(--link-hover);background:none}.like-plain.on{color:var(--link)}.like-plain.on:hover{color:var(--link-hover)}.like-plain:focus,.like-plain:focus-visible{outline:none}@media(prefers-reduced-motion:no-preference){.like{transition:color .15s ease,background .15s ease,border-color .15s ease}}.wave{flex:1 1 auto;min-width:0;height:88px;cursor:pointer;touch-action:none}.wave:focus,.wave:focus-visible{outline:none}.wave canvas{display:block}.wave-hint{margin:.35rem 0 0;font-size:.8em}.desc{white-space:pre-wrap;margin:1.25rem 0}.tracks{margin:1rem 0;font-size:.9em}.tracks ol{position:relative;list-style:none;margin:.4rem 0 0;padding:0}.tracks li{display:flex;gap:.85rem;align-items:baseline;padding:.1rem 0}.tracks li.section-item{display:block;list-style:none;margin:.9rem 0 .25rem;font-weight:700;color:var(--accent)}.tracks .cue{flex:0 0 auto;font:inherit;color:var(--link);background:none;border:none;padding:0;cursor:pointer;text-align:right;min-width:var(--cue-width, 5ch)}.tracks .cue-empty{flex:0 0 auto;min-width:var(--cue-width, 5ch)}.tracks .cue:hover:not(:disabled),.tracks .cue:focus-visible{text-decoration:underline}.tracks .cue:disabled{color:inherit;cursor:default;opacity:.55}.tracks li.past .cue{color:var(--accent-cool)}.tracks li.past .credit:not(.credit-loose){color:var(--muted)}.tracks li.past .artist{color:#587e68}.tracks li.current .cue{color:var(--accent);font-weight:700}.tracks .credit,.m-credit{min-width:0;overflow-wrap:anywhere}.tracks li.fade{position:absolute;inset:auto 0 2px 0;height:3rem;list-style:none;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff)}.tracks .toggle{display:flex;align-items:center;gap:.6rem;width:100%;font-family:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;font-stretch:inherit;line-height:inherit;font-size:.9444em;color:var(--muted);background:none;border:none;padding:0;margin:.5rem 0 0;cursor:pointer}.tracks .tracks-heading{margin:0 0 .6rem;padding-left:calc(var(--cue-width, 5ch) + .85rem);font-size:1.15em;font-weight:700;color:var(--fg)}.tracks .tracks-heading.flush{padding-left:0}.tracks .tracks-heading .note{font-size:.823em;font-weight:400;color:var(--muted)}.tracks .toggle .rule{flex:1 1 auto;height:1px;background:var(--rule-strong)}.tracks .toggle .label{flex:0 0 auto;white-space:nowrap}.tracks .toggle:hover .label,.tracks .toggle:focus-visible .label{color:var(--link-hover)}.tracks .toggle:hover .rule,.tracks .toggle:focus-visible .rule{background:var(--link-hover)}.tracks .artist,.m-credit .artist{color:#3f6b52}.tracks .credit-loose,.m-credit.credit-loose{color:var(--accent-cool)}.tracks .src{margin:.5rem 0 0;font-size:.85em}.tags{margin:1rem 0;font-size:.9em}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.tags a{white-space:nowrap}.tag{display:inline-flex;align-items:center;gap:.7em;border:1px solid var(--fam, var(--rule-strong));border-radius:999px;background:#fafafa;color:var(--fam, var(--link))!important;text-decoration:none;line-height:1.6}.tag-n{font-size:.85em;opacity:.6;font-variant-numeric:tabular-nums}.filters button.tag:hover,.filters button.tag:focus-visible{border-color:var(--fam, #999);background:#fff}.tags a.tag,.tags a.tag:visited,.tags a.tag:hover,.tags a.tag:active,.tags a.tag:focus-visible{border-color:var(--fam, #999);background:var(--fam, #999);color:#fff!important;text-decoration:none}.filters button.tag[aria-pressed=true]{border-color:var(--fam, #999);background:var(--fam, #999);color:#fff!important}.filters button.tag[aria-pressed=true]:hover{color:#fff}.filters button.tag[aria-pressed=true] .tag-n{opacity:.8}.fam-hardcore{--fam: #b31f2e}.fam-freeform{--fam: #8a6d1f}.fam-powerstomp{--fam: #5c7021}.fam-gabber{--fam: #7d2a4d}.fam-frenchcore{--fam: #a33079}.fam-hardtek{--fam: #2f6b3a}.fam-bass{--fam: #0f7b74}.fam-trance{--fam: #1a6f97}.fam-progressive{--fam: #146b52}.fam-tech{--fam: #37547d}.fam-psy{--fam: #6b4fa0}.fam-breaks{--fam: #4a4a4a}.fam-other{--fam: #666666}.badge-stream{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;height:17px;margin-left:.85em;padding:0 .4em;border:1px solid var(--accent-cool);border-radius:3px;color:var(--accent-cool);font-size:.62em;font-weight:400;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0}.btn{border:1px solid var(--link);padding:.35rem .8rem;font-size:.9em}.btn:hover{border-color:var(--link-hover);text-decoration:none}.back{text-align:center;margin-top:2rem}.note{color:var(--muted);font-size:.85em}.colophon-note{display:block;margin-top:.15rem}@media(max-width:34rem){.mix-row{flex-wrap:wrap}.mix-row .dur{margin-left:6.35rem}}