:root{--yellow:#ffdd00;--ink:#0b0b0b;--white:#f7f5f0;--grey:#a4a49c;--line:#30302b;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--white)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(350px,460px) minmax(100px,.4fr);gap:36px;padding:24px 4vw;background:radial-gradient(ellipse at 30% 100%,#26230d 0,transparent 55%),#0b0b0b}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.feed:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button:hover,a:hover{color:var(--yellow)}[hidden]{display:none!important}
.editorial{padding:14px 0 0;display:flex;flex-direction:column;max-width:570px;justify-self:end;width:100%}.wordmark{font-size:30px;font-weight:950;letter-spacing:-2px;line-height:.85;width:max-content}.wordmark span{font-size:11px;letter-spacing:2px;display:block;margin-top:9px}.edition{font-size:10px;letter-spacing:2px;margin-top:clamp(32px,7vh,80px);display:flex;align-items:center;gap:8px}.edition i{width:6px;height:6px;background:var(--yellow)}h1{font-size:clamp(54px,6vw,98px);font-stretch:condensed;letter-spacing:-5px;line-height:.89;margin:24px 0 25px;font-weight:950}h1 em{font-style:normal;color:var(--yellow)}.intro{font-size:14px;line-height:1.8;color:#c9c9bd;margin:0}.stats{display:flex;gap:35px;padding:28px 0;border-bottom:1px solid var(--line);max-width:350px}.stats span{font-size:9px;letter-spacing:1px;color:var(--grey)}.stats b{display:block;color:var(--white);font-size:31px;letter-spacing:-2px;margin-bottom:4px}.desktop-links{display:grid;gap:12px;max-width:350px;margin-top:22px}.desktop-links a{font-size:12px;border-bottom:1px solid #38382f;padding:0 0 12px;display:flex;justify-content:space-between}.desktop-links a span{color:var(--yellow)}.context{margin-top:auto;padding-top:30px;color:#72726b;font-size:10px;line-height:1.8}
.viewer{width:100%;height:calc(100dvh - 48px);max-height:960px;position:relative;border:1px solid #36362e;background:#080808;overflow:hidden;box-shadow:0 24px 110px #0009}.viewer-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 18px;background:linear-gradient(#070707fa,#070707d9);border-bottom:1px solid #ffffff1a}.mini-logo{font-weight:950;letter-spacing:-1px;font-size:22px}.mini-logo span{font-size:9px;font-weight:400;letter-spacing:1px;margin-left:8px;color:var(--yellow)}#counter{font-size:10px;letter-spacing:2px;color:var(--grey);font-variant-numeric:tabular-nums}#menu{font-size:11px}#menu span{font-size:18px;margin-left:5px}.feed{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth}.feed::-webkit-scrollbar{display:none}.slide{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;padding:68px 18px 68px;display:flex;flex-direction:column;background:#10100f}.slide:before{content:'';position:absolute;inset:0;background-image:var(--poster);background-size:cover;background-position:center;filter:blur(40px);opacity:.14;pointer-events:none}.slide>*{position:relative}.slide-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 13px;gap:12px}.slot-tag{color:var(--yellow);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.slot-no{font-size:9px;color:#c0c0b5;letter-spacing:1px}.media-wrap{position:relative;width:100%;background:#050505;flex-shrink:0}.media-wrap video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.short .media-wrap{height:calc(100% - 58px);margin:auto;max-width:400px}.short .media-wrap video{height:100%;aspect-ratio:9/16;object-fit:contain}.progress{height:2px;background:#ffffff2a;flex-shrink:0}.progress i{display:block;background:var(--yellow);height:100%;width:var(--progress,0%)}.lineup{display:grid;gap:0;margin-top:14px}.artist-row{display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:center;border-top:1px solid #ffffff21;padding:10px 0}.artist-row img{width:45px;height:45px;object-fit:cover;filter:saturate(.8)}.artist-row h2{font-size:clamp(17px,2.1vh,22px);letter-spacing:-.5px;line-height:1.15;margin:0 0 4px}.artist-row p{font-size:8px;color:#c1c1b3;margin:0;letter-spacing:.3px}.artist-row p b{color:var(--yellow);font-weight:400}.swipe-hint{margin-top:auto;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#aaa99e;padding-top:10px}.swipe-hint a{color:var(--yellow)}.transport{position:absolute;bottom:0;left:0;right:0;z-index:10;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#080808f5;border-top:1px solid #ffffff25}.transport button{font-size:10px;padding:10px 0;min-height:42px}.transport button span{color:var(--yellow);margin-left:7px}.transport #now{font-size:9px;color:#8b8b80;letter-spacing:.6px;max-width:40%;text-align:center}.transport #sound[aria-pressed=true]{color:var(--yellow)}
#picker{position:absolute;z-index:20;inset:54px 0 52px;background:#0d0d0dfa;padding:22px;overflow:auto;backdrop-filter:blur(18px)}.picker-title{color:var(--yellow);font-size:10px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.picker-title button{font-size:27px;color:#fff}#chapters{display:grid;gap:0}#chapters button{display:flex;align-items:center;gap:16px;text-align:left;border-top:1px solid #ffffff29;padding:14px 0;font-size:13px}#chapters button b{color:var(--yellow);font-size:10px;font-weight:400;width:22px}#chapters small{display:block;color:#8b8b7e;font-size:9px;margin-top:5px;line-height:1.5}.notice{position:absolute;z-index:30;bottom:70px;left:20px;right:20px;padding:12px 15px;background:var(--yellow);color:#111;font-size:12px}.rail{display:flex;flex-direction:column;align-items:flex-start;padding:36px 0 20px;gap:20px}.rail>span{writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#89897b}.rail-line{height:70px;width:1px;background:var(--yellow)}.rail>b{font-size:24px;color:var(--yellow)}.rail p{font-size:10px;line-height:1.8;color:#727268}.rail a{margin-top:auto;font-size:10px;color:#888879}
.picker-full{display:flex;justify-content:space-between;background:var(--yellow);color:#080808;padding:15px;margin-bottom:20px;font-weight:800;font-size:13px}.picker-full:hover{color:#080808;background:#fff078}
@media(min-width:1400px){body{gap:65px}.editorial{padding-right:25px}}
@media(max-height:750px) and (min-width:801px){h1{font-size:65px}.edition{margin-top:25px}.stats{padding:16px 0}.context{font-size:9px}.artist-row{padding:6px 0}.artist-row img{width:36px;height:36px}.lineup{margin-top:8px}.artist-row h2{font-size:17px}}
@media(max-width:800px){body{display:block;padding:0;background:#080808;overflow:hidden}.editorial,.rail{display:none}.viewer{height:100dvh;max-height:none;border:0;margin:0 auto;max-width:540px;box-shadow:none}.slide{padding-left:18px;padding-right:18px}.viewer-header{padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top))}.transport{padding-bottom:env(safe-area-inset-bottom);height:calc(52px + env(safe-area-inset-bottom))}.slide{padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(68px + env(safe-area-inset-bottom))}.artist-row{padding:12px 0}.artist-row h2{font-size:22px}.artist-row p{font-size:9px}.swipe-hint{font-size:10px}#picker{top:calc(54px + env(safe-area-inset-top));bottom:calc(52px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.feed{scroll-behavior:auto}}