@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-vietnamese-standard-normal-9GtAklmW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-ext-standard-normal-BaQ5u-C4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-standard-normal-CHqbGEEr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-cyrillic-ext-standard-normal-BFx_pHPN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-cyrillic-standard-normal-Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-latin-ext-standard-normal-DeTdBbNh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-latin-standard-normal-1TqSgyfh.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hue:40;--fg:oklch(.96 .014 var(--hue));--fg-2:oklch(.83 .03 var(--hue));--fg-3:oklch(.7 .04 var(--hue));--accent:oklch(.83 .15 var(--hue));--accent-ink:oklch(.2 .05 var(--hue));--rule:oklch(.62 .04 var(--hue) / .4);--panel:oklch(.13 .02 var(--hue) / .72);--panel-hover:oklch(.2 .03 var(--hue) / .85);--font-voice:"Anybody Variable", "Anybody", ui-sans-serif, sans-serif;--font-text:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif;--scrim:0 1px 2px oklch(.08 .03 var(--hue) / .9), 0 2px 22px oklch(.08 .03 var(--hue) / .75);--font-measure:"Martian Mono Variable", "Martian Mono", ui-monospace, monospace;--gutter:clamp(16px, 3vw, 44px);--radius:3px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#07060c;margin:0;overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#bench{cursor:grab;touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#bench.is-turning{cursor:grabbing}.app{padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(calc(var(--gutter) * .8), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));pointer-events:none;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,360px);column-gap:clamp(24px,4vw,72px);display:grid;position:fixed;inset:0}.app>*{pointer-events:auto}.masthead{pointer-events:none;grid-area:1/1/auto/-1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.masthead>*{pointer-events:auto}.brand{font-size:inherit;font-weight:inherit;margin:0}.brand-link{color:var(--fg);border-radius:var(--radius);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:var(--fg);display:inline-flex}.brand-name{font-family:var(--font-voice);white-space:nowrap;letter-spacing:-.01em;font-size:1.3rem;font-weight:760;font-stretch:122%}.brand-kind{font-family:var(--font-voice);color:var(--fg-2);margin-right:-4px;font-size:1.3rem;font-weight:340;font-stretch:100%}.status{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.state{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--fg-2);align-items:center;gap:8px;font-size:.78rem;font-weight:640;display:inline-flex}.state-lamp{border:1.5px solid;border-radius:50%;width:8px;height:8px;transition:background-color .3s,border-color .3s}[data-radio=live] .state,[data-radio=mire] .state{color:var(--fg)}[data-radio=live] .state-lamp,[data-radio=delayed] .state-lamp,[data-radio=mire] .state-lamp{background:var(--accent);border-color:var(--accent)}[data-radio=tuning] .state-lamp{animation:.9s steps(2,jump-none) infinite blink}[data-radio=lost] .state-lamp{border-style:dashed}@keyframes blink{50%{background:var(--accent);border-color:var(--accent)}}.clock{font-family:var(--font-measure);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--fg);font-size:.95rem;font-weight:420}.now{grid-area:3/1;align-self:end;max-width:min(100%,60rem);padding-bottom:20px}.slide{background:oklch(.9 .012 var(--hue));border-radius:5px;width:76px;height:76px;margin:0 0 18px;padding:8px;transform:rotate(-3deg);box-shadow:0 10px 24px -8px #000000b3;box-shadow:0 10px 24px -8px lab(0% 0 0/.7)}.slide img{object-fit:cover;border-radius:1px;width:100%;height:100%;display:block}.now-title{--w:640;--s:112%;font-family:var(--font-voice);text-shadow:var(--scrim);letter-spacing:-.025em;font-size:clamp(2.3rem,5.6vw,6rem);line-height:.94;font-weight:var(--w);font-stretch:var(--s);color:var(--fg);text-wrap:balance;overflow-wrap:anywhere;contain:layout style;transition:opacity .5s var(--ease-out);margin:0}.now-title .line{white-space:nowrap;display:block}[data-radio=off] .now-title,[data-radio=tuning] .now-title{opacity:.72}.now-artist{color:var(--fg-2);text-shadow:var(--scrim);max-width:60ch;margin:14px 0 0;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:480}.now-time{text-shadow:var(--scrim);font-family:var(--font-measure);font-variant-numeric:tabular-nums;color:var(--fg-2);grid-template-columns:max-content minmax(80px,340px) max-content;justify-content:start;align-items:center;gap:14px;margin-top:18px;font-size:.8rem;display:grid}.now-time[hidden]{display:none}.timeline{background:var(--rule);height:2px;position:relative;overflow:hidden}.timeline-fill{background:var(--accent);transform-origin:0;transform:scaleX(var(--remaining,1));position:absolute;inset:0}.now-note{max-width:52ch;color:var(--fg-2);text-shadow:var(--scrim);margin:14px 0 0;font-size:.92rem;line-height:1.45}.now-note code{font-family:var(--font-measure);color:var(--fg);font-size:.85em}.next{grid-area:3/2;align-self:end;padding-bottom:24px}.next details{border-top:1px solid var(--rule)}.next summary{cursor:pointer;border-radius:var(--radius);align-items:baseline;gap:12px;padding:12px 0 10px;list-style:none;display:flex}.next summary::-webkit-details-marker{display:none}.next-title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin:0;font-size:.78rem;font-weight:640}.next-peek{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-2);text-align:right;flex:1;font-size:.9rem;overflow:hidden}.next-peek time{font-family:var(--font-measure);color:var(--accent);margin-right:8px;font-size:.78rem}.next-chevron{color:var(--fg-3);transition:transform .35s var(--ease-out);display:inline-flex}.next-chevron svg{width:18px;height:18px}.next details:not([open]) .next-chevron{transform:rotate(180deg)}.next details[open] .next-peek{visibility:hidden}.next-list{margin:0;padding:0;list-style:none}.next-list li{border-top:1px solid oklch(.62 .04 var(--hue) / .18);grid-template-columns:3.6rem minmax(0,1fr);column-gap:12px;padding:10px 0;display:grid}.next-list li:first-child{border-top:0}.next-list time{font-family:var(--font-measure);font-variant-numeric:tabular-nums;color:var(--accent);grid-row:1/span 2;padding-top:2px;font-size:.8rem}.next-list .t{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:620;overflow:hidden}.next-list .a{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.next-list li.is-new{animation:flap .7s var(--ease-out) both}@keyframes flap{0%{clip-path:inset(0 0 100%);transform:translateY(-6px)}to{clip-path:inset(0);transform:none}}.deck{border-top:1px solid var(--rule);flex-wrap:wrap;grid-area:4/1/auto/-1;align-items:center;gap:10px;padding-top:16px;display:flex}.deck-gap{flex:1}.key{border:1px solid var(--rule);border-radius:var(--radius);background:var(--panel);height:44px;color:var(--fg);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), transform .12s;align-items:center;gap:10px;padding:0 16px 0 12px;font-size:.8rem;font-weight:660;display:inline-flex}.key[hidden]{display:none}@media (hover:hover){.key:hover{background:var(--panel-hover);border-color:var(--accent);color:var(--accent)}}.key:active{transform:translateY(1px)}.key:disabled{opacity:.45;cursor:not-allowed}.key-icon{display:inline-flex}.key-icon svg{width:22px;height:22px}.key-primary{background:var(--fg);border-color:var(--fg);height:56px;color:var(--accent-ink);padding:0 26px 0 20px;font-size:.9rem}@media (hover:hover){.key-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}}[data-radio=off] .key-primary{z-index:2;position:fixed;top:64%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px -12px #000c;box-shadow:0 18px 40px -12px lab(0% 0 0/.8)}[data-radio=off] .key-primary:active{transform:translate(-50%,calc(1px - 50%))}[data-radio=live] .key-primary,[data-radio=delayed] .key-primary,[data-radio=tuning] .key-primary,[data-radio=lost] .key-primary,[data-radio=mire] .key-primary{background:var(--panel);border-color:var(--rule);height:44px;color:var(--fg);padding:0 16px 0 12px;font-size:.8rem}@media (hover:hover){[data-radio=live] .key-primary:hover,[data-radio=delayed] .key-primary:hover,[data-radio=tuning] .key-primary:hover,[data-radio=lost] .key-primary:hover,[data-radio=mire] .key-primary:hover{border-color:var(--accent);color:var(--accent)}}.key-live{border-color:var(--accent);color:var(--accent)}.key-square{justify-content:center;width:44px;padding:0}.key-square .key-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.key-square[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.volume{height:44px;color:var(--fg-2);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.volume input{appearance:none;cursor:pointer;background:0 0;width:110px;height:20px;margin:0}.volume input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--vol,90%), var(--rule) var(--vol,90%));height:2px}.volume input::-moz-range-track{background:var(--rule);height:2px}.volume input::-moz-range-progress{background:var(--accent);height:2px}.volume input::-webkit-slider-thumb{appearance:none;background:var(--fg);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}.volume input::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}.hint{left:50%;top:max(var(--gutter), env(safe-area-inset-top));text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);pointer-events:none;transition:opacity 1.2s var(--ease-out);margin:0;font-size:.78rem;font-weight:560;position:fixed;transform:translate(-50%,14px)}.hint.is-spent,[data-eyepiece=true] .hint{opacity:0}[data-eyepiece=true] .now,[data-eyepiece=true] .next{opacity:0;transition:opacity .8s var(--ease-out)}[data-eyepiece=true] .masthead{text-shadow:var(--scrim)}[data-eyepiece=true] .brand-mark,[data-eyepiece=true] .state-lamp{filter:drop-shadow(0 1px 6px oklch(.08 .03 var(--hue) / .9))}[data-eyepiece=true] .now:hover,[data-eyepiece=true] .next:hover,[data-eyepiece=true] .now:focus-within,[data-eyepiece=true] .next:focus-within{opacity:1}.now,.next{transition:opacity .8s var(--ease-out)}.no-webgl #bench,.no-webgl .hint{display:none}.no-webgl body,body.no-webgl{background:radial-gradient(ellipse 60% 30% at 55% 58%, oklch(.25 .08 var(--hue) / .55), transparent 70%), #07060c}.noscript{inset:auto var(--gutter) var(--gutter);font-size:1rem;position:fixed}@media (max-width:760px){.app{grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1fr)}.brand-name{font-size:1.1rem}.brand-name,.brand-kind{font-size:clamp(.92rem,4.4vw,1.1rem)}.brand-link{gap:8px}.brand-mark svg{width:36px;height:22px}.state{letter-spacing:.08em;font-size:.72rem}[data-radio=off] .key-primary{width:min(320px, calc(100% - 2 * var(--gutter)));justify-content:center;top:57%}.now{grid-row:3;padding-bottom:12px}.now-title{font-size:clamp(2rem,10.5vw,3.2rem)}.now-artist{margin-top:10px}.slide{width:60px;height:60px;margin-bottom:12px;padding:6px}.next{grid-area:4/1;padding-bottom:8px}.deck{grid-row:5;gap:8px;padding-top:12px}.deck-gap{flex-basis:100%;height:0}.key-primary{flex:100%;justify-content:center}[data-radio=live] .key-primary,[data-radio=delayed] .key-primary,[data-radio=tuning] .key-primary,[data-radio=lost] .key-primary,[data-radio=mire] .key-primary{flex:none;justify-content:center;width:44px;padding:0}[data-radio=live] .key-primary .key-label,[data-radio=delayed] .key-primary .key-label,[data-radio=tuning] .key-primary .key-label,[data-radio=lost] .key-primary .key-label,[data-radio=mire] .key-primary .key-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.key{padding:0 12px 0 10px}.volume{flex:1;padding:0 6px}.volume input{width:100%;min-width:60px}.hint{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 64px);width:calc(100% - 2 * var(--gutter));font-size:.66rem}.hint-extra{display:none}}@media (max-height:560px) and (min-width:761px){.now-title{font-size:clamp(1.8rem,4.2vw,3.4rem)}.next-list li:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:400px){.state{letter-spacing:.05em;font-size:.66rem}.clock{font-size:.88rem}}