:root{--ink:#10110f;--ink-soft:#1a1b18;--paper:#eeeade;--paper-dim:#d6d1c5;--acid:#d7ff43;--orange:#ff654d;--blue:#7779ff;--muted:#9b9d94;--line-dark:#eeeade2e;--line-light:#10110f33;--display:"Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button,a{color:inherit}.masthead{border-bottom:1px solid var(--line-dark);grid-template-columns:minmax(220px,1fr) auto auto;align-items:stretch;min-height:76px;display:grid}.wordmark{letter-spacing:-.06em;align-items:center;gap:.22em;padding:15px 30px;font-size:clamp(2rem,3.4vw,3.25rem);font-weight:760;line-height:.9;text-decoration:none;display:flex}.wordmark b{color:var(--acid);font-weight:460}.masthead-count,.live-mark{border-left:1px solid var(--line-dark);text-transform:uppercase;letter-spacing:.11em;justify-content:center;align-items:center;min-width:138px;padding:18px 26px;font-size:.68rem;font-weight:650;display:flex}.live-mark{gap:10px}.live-mark i{background:var(--acid);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #d7ff431a}.filter-deck{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-light);grid-template-columns:150px 1fr;display:grid}.search-panel{border-bottom:1px solid var(--line-light);grid-column:1/-1;grid-template-columns:150px minmax(260px,1fr) auto;align-items:center;min-height:90px;display:grid}.search-panel>label{border-right:1px solid var(--line-light);text-transform:uppercase;letter-spacing:.1em;align-self:stretch;align-items:center;padding:20px 28px;font-size:.64rem;font-weight:700;display:flex}.search-row{border-bottom:2px solid var(--ink);grid-template-columns:1fr auto;align-items:center;margin:0 28px;display:grid}.search-row input{width:100%;color:var(--ink);letter-spacing:-.025em;background:0 0;border:0;outline:none;padding:11px 0 9px;font-size:clamp(1.1rem,1.8vw,1.55rem)}.search-row input::placeholder{color:#10110f7a}.search-row kbd{border:1px solid var(--ink);border-radius:3px;padding:2px 7px;font-size:.68rem}.result-count{color:#696b62;text-transform:uppercase;white-space:nowrap;letter-spacing:.09em;padding:20px 28px;font-size:.63rem;font-weight:700}.filter-label{border-right:1px solid var(--line-light);text-transform:uppercase;letter-spacing:.09em;grid-row:span 2;gap:11px;padding:22px 28px;font-size:.63rem;font-weight:700;display:flex}.filter-label span{color:#797b72}.artist-rail{border-bottom:1px solid var(--line-light);scrollbar-width:thin;gap:7px;padding:16px 22px;display:flex;overflow-x:auto}.artist-rail button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:99px;flex:none;padding:7px 13px 6px;font-size:.66rem;font-weight:650;transition:background .15s,color .15s,transform .15s}.artist-rail button:hover{transform:translateY(-1px)}.artist-rail button.active{background:var(--ink);color:var(--acid)}.compact-filters{grid-template-columns:repeat(3,1fr);display:grid}.compact-filters label{border-right:1px solid var(--line-light);grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:12px 22px;display:grid}.compact-filters label:last-child{border-right:0}.compact-filters span{text-transform:uppercase;color:#6d6e66;letter-spacing:.08em;font-size:.59rem;font-weight:700}.compact-filters select{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:700}.feed{padding:48px clamp(22px,5vw,76px) 76px}.feed-heading{border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding-bottom:17px;display:flex}.feed-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:650;line-height:1}.clear-button,.empty-state button{border:1px solid var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:99px;padding:8px 14px;font-size:.61rem;font-weight:700}.clear-button:hover,.empty-state button:hover{color:var(--ink);background:var(--acid);border-color:var(--acid)}.mix-list{display:grid}.mix-row{border-bottom:1px solid var(--line-dark);grid-template-columns:96px minmax(0,1fr) minmax(290px,360px);align-items:center;gap:18px;min-width:0;min-height:104px;padding:13px 0;display:grid}.mix-row:hover{background:#eeeade06}.mix-artwork{aspect-ratio:16/10;background:var(--ink-soft);width:96px;position:relative;overflow:hidden}.mix-artwork img{object-fit:cover;filter:saturate(.88)contrast(1.04)}.artwork-fallback{background:var(--blue);color:var(--ink);flex-direction:column;justify-content:space-between;padding:7px;display:flex;position:absolute;inset:0;overflow:hidden}.artwork-soundcloud{background:var(--orange)}.artwork-mixcloud{background:var(--acid)}.artwork-fallback span{text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:750;line-height:1;overflow:hidden}.artwork-fallback b{letter-spacing:.08em;align-self:flex-end;font-size:.55rem}.artwork-index{color:var(--paper);letter-spacing:.08em;background:#10110fe0;padding:2px 4px;font-size:.48rem;font-weight:700;position:absolute;bottom:4px;right:4px}.mix-copy{min-width:0}.mix-kicker{color:var(--acid);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:5px;font-size:.54rem;font-weight:700;display:flex}.selected-chip{background:var(--acid);color:var(--ink);padding:2px 5px}.mix-copy h3{letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.92rem,1.25vw,1.15rem);font-weight:650;line-height:1.18;overflow:hidden}.mix-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:7px;font-size:.59rem;font-weight:600;display:flex}.mix-meta span:not(:last-child):after{content:" /";color:#5f615a}.source-actions{gap:4px;display:grid}.source-action{border:1px solid var(--line-dark);grid-template-columns:minmax(110px,1fr) 76px 56px;align-items:stretch;min-height:31px;display:grid}.source-name{min-width:0;color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 9px;font-size:.62rem;font-weight:650;display:flex;overflow:hidden}.source-action button,.source-action a{border:0;border-left:1px solid var(--line-dark);min-width:0;color:var(--ink);background:var(--acid);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:.55rem;font-weight:800;text-decoration:none;display:flex}.source-action button:hover{background:var(--paper)}.source-action button svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:13px;height:13px}.source-action a{color:var(--paper-dim);background:0 0}.source-action a:hover{color:var(--ink);background:var(--paper)}.empty-state{text-align:center;border:1px solid var(--line-dark);border-top:0;place-content:center;justify-items:center;min-height:330px;display:grid}.empty-state>span{color:var(--orange);text-transform:uppercase;font-size:.66rem}.empty-state h3{letter-spacing:-.05em;margin:14px 0 5px;font-size:clamp(1.8rem,4vw,3.6rem)}.empty-state p{color:var(--muted);margin:0 0 24px}.watchlist{background:var(--blue);color:var(--ink);grid-template-columns:150px 1fr;gap:28px;padding:28px clamp(22px,5vw,76px);display:grid}.watchlist p{text-transform:uppercase;letter-spacing:.1em;margin:3px 0 0;font-size:.61rem;font-weight:750}.watchlist h2{letter-spacing:-.01em;margin:0;font-size:clamp(.9rem,1.3vw,1.12rem);font-weight:600;line-height:1.5}footer{text-transform:uppercase;letter-spacing:.09em;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;min-height:86px;padding:24px clamp(22px,5vw,76px);font-size:.58rem;font-weight:700;display:grid}footer span:nth-child(2){color:var(--muted)}footer a{color:var(--acid);text-decoration:none}@media (max-width:920px){.mix-row{grid-template-columns:84px minmax(0,1fr)}.mix-artwork{width:84px}.source-actions{grid-column:2}}@media (max-width:720px){.masthead{grid-template-columns:1fr auto;min-height:66px}.wordmark{padding:14px 18px;font-size:2rem}.masthead-count{display:none}.live-mark{min-width:auto;padding:14px 18px;font-size:.58rem}.filter-deck{display:block}.search-panel{grid-template-columns:1fr auto;min-height:auto;padding:16px 18px;display:grid}.search-panel>label{border:0;grid-column:1/-1;padding:0 0 9px}.search-row{margin:0}.result-count{padding:0 0 0 14px}.filter-label{border-right:0;border-bottom:1px solid var(--line-light);padding:16px 18px}.artist-rail{padding:14px 18px}.compact-filters{grid-template-columns:1fr}.compact-filters label{border-right:0;border-bottom:1px solid var(--line-light);padding:11px 18px}.feed{padding:36px 16px 58px}.feed-heading{min-height:48px}.mix-row{grid-template-columns:68px minmax(0,1fr);gap:12px;min-height:0;padding:13px 0}.mix-artwork{width:68px}.mix-copy h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.mix-meta span:last-child{display:none}.source-actions{grid-column:1/-1}.source-action{grid-template-columns:minmax(100px,1fr) 84px 62px}.watchlist{grid-template-columns:1fr;gap:10px;padding:24px 18px}footer{grid-template-columns:1fr;gap:10px;padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}