@font-face{font-family:Merca;src:url(/fonts/Merca-Bold.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f1ea;background:#000;font-family:Chakra Petch,Outfit,system-ui,sans-serif}*{box-sizing:border-box}body{background:#000;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:translateY(1px)}.app{background:#000;grid-template-rows:minmax(620px,74dvh) auto;grid-template-columns:96px minmax(0,1fr) 292px;gap:1px;min-height:100dvh;padding:0;display:grid}.grain{pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#ffffffe6 0 1px,#0000 1px 3px);position:fixed;inset:0}.rail,.side-panel,.library,.stage{background:#000;border:1px solid #202020}.rail{flex-direction:column;grid-row:1/span 2;align-items:stretch;padding:0;display:flex}.mark{color:#000;letter-spacing:0;background:#f4f1ea;border-bottom:1px solid #202020;place-items:center;height:96px;font-family:Merca,Chakra Petch,sans-serif;font-size:28px;display:grid}.rail button{color:#777;letter-spacing:.09em;text-transform:uppercase;writing-mode:vertical-rl;background:#000;border:0;border-bottom:1px solid #202020;min-height:76px;font-size:11px;font-weight:900;transform:rotate(180deg)}.rail button.active,.rail button:hover{color:#000;background:#f4f1ea}.stage{--stage-left:clamp(40px, 5.6vw, 72px);min-height:620px;position:relative;overflow:hidden}.video-wrap{position:absolute;inset:0}.video-wrap iframe{filter:contrast(1.08)saturate(.88);border:0;width:100%;height:100%}.video-vignette{pointer-events:none;background:linear-gradient(90deg,#000000eb,#0000002e 48%,#000000a8),linear-gradient(#0000 56%,#000000eb);position:absolute;inset:0}.hero-copy{left:var(--stage-left);width:min(980px,76%);transition:opacity .32s,transform .32s;position:absolute;bottom:154px}.eyebrow{flex-wrap:wrap;gap:0;margin-bottom:18px;display:flex}.eyebrow span,.meta-rail{text-transform:uppercase;letter-spacing:.12em;color:#f4f1ea;background:#000;border:1px solid #f4f1ea;margin-right:-1px;padding:7px 9px;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:8px}h1{letter-spacing:0;text-transform:uppercase;text-wrap:balance;color:#f4f1ea;max-width:1120px;margin:0;font-family:Merca,Chakra Petch,sans-serif;font-size:clamp(53px,9.1vw,147px);line-height:.86}p{color:#f4f1eab8;letter-spacing:-.035em;margin:15px 0 0;font-size:clamp(15px,1.4vw,25px);font-weight:700}.controls-panel{left:var(--stage-left);width:min(760px, calc(100% - var(--stage-left) - 48px));grid-template-columns:1fr;place-items:start;gap:12px;transition:opacity .32s,transform .32s;display:grid;position:absolute;bottom:24px;right:auto}.progress{background:#111;border:1px solid #f4f1ea;height:15px;overflow:hidden}.progress span{background:#f4f1ea;width:34%;height:100%;display:block}.spectrum{opacity:.9;align-items:end;gap:3px;height:45px;margin-top:10px;display:flex}.spectrum i{min-width:3px;height:calc(14px + (var(--i) % 9) * 5px);animation:1.05s steps(4,end) infinite alternate meter;animation-delay:calc(var(--i) * -49ms);background:#f4f1ea;flex:1}@keyframes meter{to{height:calc(10px + ((var(--i) + 5) % 11) * 6px);opacity:.36}}.transport{border:1px solid #f4f1ea;justify-self:start;gap:0;display:flex}.transport button,.top-actions button,.room-strip button{color:#f4f1ea;text-transform:uppercase;letter-spacing:.04em;background:#000;border:0;border-right:1px solid #f4f1ea;min-height:50px;padding:0 17px;font-weight:900}.transport button:last-child,.top-actions button:last-child{border-right:0}.transport .primary,.top-actions button:hover,.room-strip button:hover{color:#000;background:#f4f1ea;min-width:87px}.side-panel{flex-direction:column;gap:0;padding:0;display:flex}.top-actions{border-bottom:1px solid #202020;grid-template-columns:1fr 1fr;display:grid}.top-actions button{letter-spacing:.04em;border-color:#202020;min-height:58px;padding:0 10px;font-size:10px}.room-strip,.queue{border-bottom:1px solid #202020;padding:14px}.room-strip h2,.queue h2,.library h2{letter-spacing:0;text-transform:uppercase;margin:0;font-family:Merca,Chakra Petch,sans-serif;font-size:22px;line-height:.98}.room-strip>div{border-top:1px solid #2a2a2a;border-left:1px solid #2a2a2a;flex-wrap:wrap;gap:0;margin-top:16px;display:flex}.room-strip button{border-color:currentColor #2a2a2a #2a2a2a currentColor;border-top-style:none;border-top-width:0;border-left-style:none;border-left-width:0;min-height:58px;padding-inline:15px;font-size:12px}.section-head{justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px;display:flex}.section-head span{color:#f4f1ea75;text-transform:uppercase;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:10px}.queue{flex:1;min-height:0;overflow:auto}.queue-item{text-align:left;background:0 0;border:0;border-top:1px solid #202020;grid-template-columns:70px 1fr;align-items:center;gap:10px;width:100%;min-height:70px;padding:9px 0;display:grid}.queue-item:hover{background:#0b0b0b}.queue-item img{object-fit:cover;filter:grayscale(.35)contrast(1.1);width:70px;height:44px}.queue-item strong,.queue-item small{display:block}.queue-item strong{text-transform:uppercase;letter-spacing:-.02em}.queue-item small{color:#f4f1ea8c;margin-top:3px;font-size:12px}.library{grid-column:2/span 2;padding:22px}.set-grid{background:#202020;border:1px solid #202020;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1px;display:grid}.set-card{text-align:left;background:#000;border:0;flex-direction:column;justify-content:end;min-height:276px;padding:14px;display:flex;position:relative;overflow:hidden}.set-card img{object-fit:cover;opacity:.44;filter:grayscale(.4)contrast(1.12);width:100%;height:100%;transition:transform .35s,opacity .35s,filter .35s;position:absolute;inset:0}.set-card:after{content:"";background:linear-gradient(#0000 32%,#000000f0);position:absolute;inset:0}.set-card>:not(img){z-index:1;position:relative}.set-card strong{letter-spacing:0;text-transform:uppercase;margin-top:46px;font-family:Merca,Chakra Petch,sans-serif;font-size:34px;line-height:.92}.set-card small{color:#f4f1eaad;margin-top:10px;font-size:14px;font-weight:700}.set-card:hover img,.set-card.selected img{opacity:.7;filter:grayscale(0)contrast(1.18);transform:scale(1.04)}.set-card.selected{outline-offset:-2px;outline:2px solid #f4f1ea}.is-stage{grid-template-rows:100dvh;grid-template-columns:1fr;gap:0;padding:0}.is-stage .rail,.is-stage .side-panel,.is-stage .library{display:none}.is-stage .stage{border:0;min-height:100dvh}.muted-ui .hero-copy,.muted-ui .controls-panel{opacity:0;pointer-events:none;transform:translateY(14px)}@media (width<=1100px){.app{grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.rail{flex-direction:row;grid-row:auto;overflow-x:auto}.mark{border-bottom:0;border-right:1px solid #202020;min-width:96px}.rail button{writing-mode:horizontal-tb;border-bottom:0;border-right:1px solid #202020;min-width:128px;transform:none}.stage{min-height:72dvh}.side-panel,.library{grid-column:auto}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.controls-panel{grid-template-columns:1fr}.transport{grid-template-columns:1fr 1fr 1fr;display:grid}.transport button{padding:0 10px;font-size:12px}.hero-copy{width:auto;bottom:252px;right:20px}h1{font-size:clamp(62px,20vw,110px)}.set-grid{grid-template-columns:1fr}}.love-action{color:#f4f1ea;text-transform:uppercase;letter-spacing:.04em;background:#000;border:0;border-bottom:1px solid #202020;width:100%;min-height:58px;font-size:12px;font-weight:900}.love-action:hover,.love-action.is-loved{color:#000;background:#f4f1ea}.empty-state{background:#050505;border:1px solid #202020;align-content:center;gap:12px;min-height:276px;padding:34px;display:grid}.empty-state h2{letter-spacing:0;text-transform:uppercase;margin:0;font-family:Merca,Chakra Petch,sans-serif;font-size:clamp(44px,8vw,118px);line-height:.96}.empty-state p{color:#f4f1ea9e;max-width:620px;margin:0}.youtube-player,.youtube-player iframe{border:0;width:100%;height:100%}.youtube-player iframe{filter:contrast(1.08)saturate(.88)}.progress{cursor:pointer;width:100%;padding:0;display:block}.spectrum:not(.is-active) i{opacity:.28;animation-play-state:paused}.djs-view{gap:26px;display:grid}.dj-name-strip{scrollbar-color:#f4f1ea #000;border:1px solid #202020;gap:0;display:flex;overflow-x:auto}.dj-name-strip a{color:#f4f1ea;letter-spacing:0;text-transform:uppercase;border-right:1px solid #202020;justify-content:space-between;align-items:center;gap:18px;min-width:220px;min-height:86px;padding:18px;font-family:Merca,Chakra Petch,sans-serif;font-size:31px;line-height:.94;text-decoration:none;display:flex}.dj-name-strip a:hover{color:#000;background:#f4f1ea}.dj-name-strip small{letter-spacing:0;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:12px}.dj-rows{gap:28px;display:grid}.dj-row{gap:12px;scroll-margin-top:18px;display:grid}.dj-row-head{border-bottom:1px solid #202020;justify-content:space-between;align-items:end;gap:18px;padding-bottom:10px;display:flex}.dj-row-head h2{letter-spacing:0;text-transform:uppercase;margin:0;font-family:Merca,Chakra Petch,sans-serif;font-size:clamp(42px,6vw,94px);line-height:.92}.dj-row-head span{color:#f4f1ea80;text-transform:uppercase;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:12px}.set-carousel{scrollbar-color:#f4f1ea #000;background:#202020;border:1px solid #202020;grid-auto-columns:minmax(250px,18vw);grid-auto-flow:column;gap:1px;display:grid;overflow-x:auto}@media (width<=720px){.dj-name-strip a{min-width:180px;font-size:25px}.set-carousel{grid-auto-columns:minmax(230px,82vw)}}.stage-hit{z-index:1;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.video-vignette{z-index:2}.hero-copy,.controls-panel{z-index:3}.queue-item strong{font-size:13px;line-height:1}.side-toggle{z-index:8;color:#f4f1ea;letter-spacing:.06em;text-transform:uppercase;background:#000;border:1px solid #202020;min-height:42px;padding:0 12px;font-size:10px;font-weight:900;position:fixed;top:12px;right:12px}.side-toggle:hover{color:#000;background:#f4f1ea}.side-hidden{grid-template-columns:96px minmax(0,1fr) 0}.side-hidden .side-panel{display:none}.side-hidden .library{grid-column:2/span 1}.is-stage .side-toggle{display:none}@media (width<=1100px){.side-hidden{grid-template-columns:1fr}.side-hidden .library{grid-column:auto}}.set-card{aspect-ratio:16/9;min-height:auto}.set-carousel .set-card{min-height:auto}.stage:not(.is-stage).is-compact-overlay .hero-copy{transform-origin:0 100%;width:min(980px,76%);transform:translateY(145px)scale(.7)}.stage:not(.is-stage).is-compact-overlay .hero-copy p,.stage:not(.is-stage).is-compact-overlay .eyebrow{opacity:0}.stage:not(.is-stage).is-compact-overlay .controls-panel{transform-origin:0 100%;width:min(760px, calc(100% - var(--stage-left) - 48px));right:auto;transform:translateY(20px)scale(.7)}.stage:not(.is-stage).is-compact-overlay .spectrum{opacity:0;height:0;margin-top:0;overflow:hidden}.stage:not(.is-stage).is-compact-overlay .progress{height:12px}.stage:not(.is-stage).is-compact-overlay .transport button{min-height:64px}.mark img{object-fit:contain;width:68px;max-height:68px;display:block}.stage-corner{z-index:4;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:20px}.stage-corner img{object-fit:contain;width:34px;height:34px;display:none}.stage-corner span{color:#f4f1ead1;letter-spacing:.08em;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:14px}.is-stage .stage-corner img{display:block}.is-stage .stage-corner{top:18px;left:18px}.progress-block{width:100%;transform:translateY(18px)}.stage:not(.is-stage).is-compact-overlay .progress-block{transform:translateY(-4px)}.stage.is-compact-overlay .hero-copy p,.stage.is-compact-overlay .eyebrow{display:none}.stage.is-compact-overlay .controls-panel{transform-origin:0 100%;gap:12px;bottom:24px;transform:scale(.7)}.stage.is-compact-overlay .hero-copy{transform-origin:0 100%;bottom:128px;transform:scale(.7)}.stage.is-compact-overlay .controls-panel{transform-origin:0 100%;bottom:28px;transform:scale(.7)}.stage.is-compact-overlay .hero-copy{width:min(760px, calc(100% - var(--stage-left) - 48px));bottom:118px;transform:none}.stage.is-compact-overlay .controls-panel{width:min(760px, calc(100% - var(--stage-left) - 48px));gap:14px;bottom:28px;transform:none}.stage.is-compact-overlay .progress-block{transform:none}.stage.is-compact-overlay .progress{height:12px}.stage.is-compact-overlay .transport button{min-height:50px}.stage.is-compact-overlay .hero-copy{bottom:172px}.stage.is-compact-overlay .hero-copy{top:24px;bottom:auto;left:var(--stage-left);width:auto;transform:none}.stage.is-compact-overlay .hero-copy h1{font-size:clamp(30px,4vw,54px);line-height:1}.stage.is-compact-overlay .controls-panel{bottom:28px}.stage-exit{z-index:5;color:#f4f1ea;letter-spacing:.06em;text-transform:uppercase;background:#000;border:1px solid #f4f1ea;min-height:42px;padding:0 14px;font-size:10px;font-weight:900;display:none;position:absolute;top:18px;right:18px}.stage-exit:hover{color:#000;background:#f4f1ea}.is-stage .stage-exit{display:block}.is-stage .muted-ui .stage-exit{opacity:0;pointer-events:none}.views-badge{z-index:2;color:#f4f1ea;letter-spacing:.06em;text-transform:uppercase;background:#000000bd;border:1px solid #f4f1eac7;padding:5px 7px;font-family:Chakra Petch,JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}@media (width<=720px) and (orientation:portrait){.app{grid-template-rows:auto minmax(100dvh,auto) auto auto;grid-template-columns:1fr;gap:0}.rail{border-left:0;border-right:0;min-height:56px}.mark{min-width:64px;height:56px}.mark img{width:42px;max-height:42px}.rail button{min-width:92px;min-height:56px;font-size:9px}.stage{--stage-left:16px;min-height:calc(100dvh - 56px)}.video-wrap,.youtube-player,.youtube-player iframe{height:100%}.youtube-player iframe{width:177.78dvh;max-width:none;height:100dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-vignette{background:linear-gradient(#00000057,#0000 56%,#000000db)}.stage-corner{gap:8px;top:12px;left:12px}.stage-corner span{font-size:11px}.hero-copy{width:auto;bottom:126px;left:16px;right:16px}.eyebrow{margin-bottom:8px}.eyebrow span{padding:5px 6px;font-size:7px}.hero-copy h1,h1{font-size:clamp(42px,15vw,68px);line-height:.92}.hero-copy p{max-width:88vw;margin-top:8px;font-size:13px;line-height:1.15}.controls-panel{gap:8px;width:calc(100% - 32px);bottom:14px;left:16px}.progress{height:9px}.spectrum{gap:2px;height:24px;margin-top:6px}.transport{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.transport button,.transport .primary{letter-spacing:.03em;min-width:0;min-height:38px;padding:0 6px;font-size:9px}.side-toggle{min-height:34px;padding:0 8px;font-size:8px;top:64px;right:8px}.side-panel{display:none}.library{grid-column:auto;padding:12px}.set-grid{grid-template-columns:1fr}.set-card strong{font-size:24px}.views-badge{padding:4px 6px;font-size:9px;top:7px;right:7px}.stage.is-compact-overlay .hero-copy{top:14px;bottom:auto;left:16px}.stage.is-compact-overlay .hero-copy h1{font-size:clamp(26px,9vw,42px)}.stage.is-compact-overlay .controls-panel{bottom:14px}}