#main-content{overflow:clip}.mixes-hero{position:relative;min-height:520px;padding:clamp(136px,14vw,176px) 0 clamp(64px,8vw,96px);border-bottom:var(--outline-weight) solid var(--color-border);background:radial-gradient(circle at 86% 30%,rgba(0,212,255,.16),transparent 34%),linear-gradient(135deg,var(--color-primary) 0%,var(--color-surface) 100%)}.mixes-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-success),var(--color-warning))}.page-header{max-width:980px}.page-greeting,.playlist-kicker,.player-eyebrow,.cta-kicker{display:block;font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.page-greeting{margin-bottom:var(--space-3)}.page-title{margin:0 0 var(--space-4);font-size:clamp(5.5rem,11vw,10rem);line-height:.82;letter-spacing:-.025em}.page-description{max-width:720px;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.75;color:var(--color-text-muted)}.mixes-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.mixes-hero-meta span{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:#0f0f1a94;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.mixes-hero-meta strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-white)}.section-player{position:relative;padding:clamp(56px,7vw,88px) 0 clamp(88px,10vw,136px);background:radial-gradient(circle at 8% 40%,rgba(255,215,0,.06),transparent 28%),var(--color-primary)}.mixes-studio{position:relative}.mixes-studio:before{content:"DUBBZ MIX ROOM";display:block;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;color:var(--color-text-muted)}.playlist-player{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(20px,2.5vw,36px);align-items:start}.player-main{position:relative;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);min-width:0;overflow:hidden;background:linear-gradient(145deg,var(--color-surface),rgba(20,30,44,.96));border:var(--outline-weight) solid var(--color-border);box-shadow:12px 12px #00d4ff14}.player-main audio{display:none}.player-artwork{position:relative;min-width:0;min-height:100%;overflow:hidden;background:var(--color-primary);border-right:var(--outline-weight) solid var(--color-border)}.player-artwork img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.player-artwork-image{animation:artwork-pan 20s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:object-position}@keyframes artwork-pan{0%,10%{object-position:left center}90%,to{object-position:right center}}.player-main:hover .player-artwork img{transform:scale(1.025)}.player-artwork-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,15,26,.82));pointer-events:none}.player-artwork-label{position:absolute;left:var(--space-4);bottom:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.player-console{display:flex;flex-direction:column;min-width:0;min-height:100%;padding:clamp(24px,3vw,40px)}.player-track-info{min-width:0;margin-bottom:auto;padding-bottom:var(--space-8)}.player-eyebrow{margin-bottom:var(--space-3)}.player-track-title{display:-webkit-box;overflow:hidden;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.05;color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-track-subtitle{display:-webkit-box;margin-top:var(--space-3);overflow:hidden;font-size:var(--text-sm);line-height:1.55;color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-timeline{margin-bottom:var(--space-5)}.player-progress{position:relative;height:8px;background:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;touch-action:none}.player-progress:after{content:"";position:absolute;inset:-12px 0}.player-progress:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.player-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-success));transition:width .1s linear}.player-time{display:flex;justify-content:space-between;margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.player-controls-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.player-play-btn,.player-control-btn,.player-volume-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.player-play-btn{width:60px;height:60px;background:var(--color-accent);border:var(--outline-weight) solid var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-accent)}.player-play-btn svg{margin-left:3px}.player-play-btn:not(:disabled):hover{transform:scale(1.05);box-shadow:0 0 26px #00d4ff73}.player-play-btn:disabled{opacity:.45;cursor:not-allowed}.player-control-btn,.player-volume-btn{width:44px;height:44px;background:var(--color-primary);border:2px solid var(--color-border);color:var(--color-text)}.player-volume-btn{width:40px;height:40px}.player-control-btn:hover,.player-control-btn[aria-pressed=true],.player-volume-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary)}.player-control-btn:focus-visible,.player-volume-btn:focus-visible,.player-play-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.player-volume{display:flex;align-items:center;gap:var(--space-2);min-width:116px;max-width:170px;margin-left:auto}.player-volume-slider{width:100%;height:4px;appearance:none;background:var(--color-border);cursor:pointer}.player-volume-slider::-webkit-slider-thumb{width:14px;height:14px;appearance:none;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-accent)}.player-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-accent)}.equalizer-bars{display:flex;align-items:flex-end;gap:2px;height:36px;margin-top:var(--space-6);overflow:hidden;opacity:.82}.equalizer-bars span{flex:1;min-width:1px;min-height:4px;background:linear-gradient(180deg,var(--color-accent),var(--color-success));transform-origin:bottom;animation:eq-dance var(--bar-duration) ease-in-out infinite alternate;animation-delay:var(--bar-delay)}@keyframes eq-dance{0%{height:4px}to{height:var(--bar-height)}}.player-shortcuts{margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:.68rem;line-height:1.5;color:var(--color-text-muted)}.playlist-sidebar{position:sticky;top:104px;min-width:0;max-height:700px;overflow:hidden;background:var(--color-surface);border:var(--outline-weight) solid var(--color-border)}.playlist-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:var(--outline-weight) solid var(--color-border)}.playlist-kicker{margin-bottom:var(--space-1);font-size:.68rem}.playlist-title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.35rem);line-height:1}.playlist-count{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;color:var(--color-text-muted)}.playlist-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.filter-btn{min-height:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);background:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-btn:hover,.filter-btn.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-primary)}.playlist-tracks{display:flex;flex-direction:column;gap:var(--space-2);max-height:526px;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--color-accent) var(--color-primary);scrollbar-width:thin}.playlist-track{display:grid;grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:2px solid transparent;background:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.playlist-track:hover{border-color:var(--color-border);background:#00d4ff0f;transform:translate(-3px)}.playlist-track.playing,.playlist-track[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent-dim);box-shadow:inset 4px 0 0 var(--color-accent)}.playlist-track-cover{width:64px;height:64px;overflow:hidden;background:var(--color-surface)}.playlist-track-cover img,.playlist-track-cover svg{display:block;width:100%;height:100%;object-fit:cover}.playlist-track-info{min-width:0}.playlist-track-title{display:-webkit-box;overflow:hidden;font-family:var(--font-display);font-size:var(--text-sm);line-height:1.18;color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-track-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-family:var(--font-mono);font-size:.64rem;color:var(--color-text-muted)}.playlist-track-tag{padding:1px var(--space-1);border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.playlist-track-play{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.playlist-track-play svg{width:16px;height:16px;margin-left:2px}.playlist-track:hover .playlist-track-play,.playlist-track.playing .playlist-track-play{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-primary)}.cta-section{padding:clamp(72px,8vw,112px) 0;border-top:var(--outline-weight) solid var(--color-border);background:radial-gradient(circle at 82% 20%,rgba(0,212,255,.12),transparent 35%),var(--color-surface)}.cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(28px,6vw,72px);max-width:1100px;margin:0 auto;padding:clamp(32px,5vw,64px);border-width:var(--outline-weight);background:#0f0f1ab8;text-align:left}.cta-kicker{margin-bottom:var(--space-3)}.cta-title{margin:0;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.9}.cta-text{max-width:620px;margin:var(--space-4) 0 0;font-size:var(--text-lg);color:var(--color-text-muted)}.cta-panel .btn{flex-shrink:0}@media(max-width:1100px){.playlist-player{grid-template-columns:1fr}.player-main,.playlist-sidebar{position:static}.playlist-sidebar,.playlist-tracks{max-height:none}}@media(max-width:720px){.mixes-hero{min-height:auto;padding:116px 0 56px}.page-title{font-size:clamp(5rem,25vw,7rem)}.page-description{line-height:1.65}.mixes-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-6)}.mixes-hero-meta span{display:flex;flex-direction:column;gap:0;min-width:0;padding:var(--space-2);font-size:.58rem}.mixes-hero-meta strong{font-size:var(--text-base)}.section-player{padding:48px 0 80px}.mixes-studio:before{margin-left:2px}.player-main{grid-template-columns:108px minmax(0,1fr);box-shadow:6px 6px #00d4ff14}.player-artwork{min-height:108px;border-right-width:2px}.player-artwork-label{left:var(--space-2);bottom:var(--space-2);padding:2px var(--space-1);font-size:.55rem}.player-console{padding:var(--space-4)}.player-track-info{padding-bottom:var(--space-5)}.player-eyebrow{margin-bottom:var(--space-1);font-size:.62rem}.player-track-title{font-size:clamp(1.2rem,6vw,1.65rem)}.player-track-subtitle{display:none}.player-timeline{grid-column:1 / -1}.player-controls-row{flex-wrap:wrap;gap:var(--space-2)}.player-play-btn{width:48px;height:48px}.player-control-btn{width:34px;height:34px}.player-volume{flex:1 0 100%;max-width:none;margin:var(--space-2) 0 0}.equalizer-bars{height:26px;margin-top:var(--space-4)}.player-shortcuts{display:none}.playlist-toolbar{align-items:center;padding:var(--space-5) var(--space-4) var(--space-4)}.playlist-filters{flex-wrap:nowrap;padding:var(--space-3) var(--space-4);overflow-x:auto;scrollbar-width:none}.playlist-filters::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;min-height:38px}.playlist-tracks{padding:var(--space-3)}.playlist-track{grid-template-columns:56px minmax(0,1fr) 40px;gap:var(--space-2);padding:var(--space-2)}.playlist-track-cover{width:56px;height:56px}.playlist-track-meta{gap:3px}.playlist-track-tag:nth-of-type(n+3){display:none}.cta-panel{grid-template-columns:1fr;align-items:start;gap:var(--space-8)}.cta-title{font-size:clamp(3.4rem,17vw,5rem)}.cta-text{font-size:var(--text-base)}.cta-panel .btn{width:100%}}@media(max-width:420px){.player-main{grid-template-columns:96px minmax(0,1fr)}.player-artwork{min-height:96px}.player-console{padding:var(--space-3)}.player-control-btn,.player-volume-btn{border-width:1px}.playlist-track-title{font-size:.88rem}}@media(prefers-reduced-motion:reduce){.player-artwork-image{animation:none;object-position:center}.equalizer-bars span{animation:none;height:var(--bar-height)}.player-main:hover .player-artwork img,.playlist-track:hover{transform:none}}