@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff")}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.woff)format("woff")}:root{--ink:#0c0c0b;--ink-1:#111110;--ink-2:#171715;--ink-3:#1f1e1b;--ink-4:#2a2925;--line:#efe9dc14;--line-2:#efe9dc26;--paper:#efe9dc;--paper-dim:#efe9dca3;--paper-faint:#efe9dc61;--paper-ghost:#efe9dc1f;--accent:#e4ff3a;--accent-ink:#12150a;--accent-soft:#e4ff3a29;--accent-glow:#e4ff3a80;--hot:#ff4632;--hot-glow:#ff46328c;--f-display:"Anton", Impact, "Arial Narrow", sans-serif;--f-mono:"Space Mono", ui-monospace, Consolas, monospace;--f-type:"Special Elite", "Courier New", monospace;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.25, 1.35, .35, 1);--pad:clamp(16px, 4vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--paper);margin:0}body{min-height:100dvh;font-family:var(--f-mono);background:radial-gradient(120% 70% at 50% -10%, #1c1b17 0%, transparent 60%), radial-gradient(90% 60% at 50% 115%, #15140f 0%, transparent 70%), var(--ink);font-size:13px;line-height:1.45;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.grain{pointer-events:none;z-index:100;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 -.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#app{flex-direction:column;min-height:100dvh;display:flex;overflow:clip}.tape{--tape-bg:var(--paper);--tape-fg:var(--ink);font-family:var(--f-type);letter-spacing:.04em;color:var(--tape-fg);background:var(--tape-bg);clip-path:polygon(3px 0,calc(100% - 4px) 0,100% 14%,calc(100% - 3px) 32%,100% 50%,calc(100% - 3px) 68%,100% 86%,calc(100% - 4px) 100%,3px 100%,0 84%,3px 66%,0 48%,3px 30%,0 12%);white-space:nowrap;background-image:linear-gradient(#ffffff2e,#0000000f);align-items:center;gap:8px;padding:4px 14px 3px;font-size:13px;display:inline-flex}.tape--accent{--tape-bg:var(--accent);--tape-fg:var(--accent-ink)}.tape--dark{--tape-bg:var(--ink-4);--tape-fg:var(--paper)}.top{z-index:5;height:76px;padding:0 var(--pad);align-items:center;gap:16px;display:flex;position:relative}.mark{color:inherit;font-family:var(--f-display);letter-spacing:.03em;align-items:baseline;gap:6px;font-size:30px;line-height:1;text-decoration:none;display:flex}.mark__rad{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px -8px var(--accent-glow);padding:3px 9px 2px;display:inline-block;transform:rotate(-3deg)}.top__sub{font-family:var(--f-type);color:var(--paper-faint);font-size:13px;transform:translateY(2px)}.top__status{align-items:center;gap:14px;margin-left:auto;display:flex}.pill{height:30px;font-family:var(--f-display);letter-spacing:.12em;transition:opacity .35s var(--ease-out), transform .45s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:0 13px 0 11px;font-size:15px;display:inline-flex}.pill--off{border:1px solid var(--line-2);color:var(--paper-faint)}.pill--off i{background:var(--ink-4);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%}.pill--live{background:var(--hot);color:#fff;box-shadow:0 0 24px -6px var(--hot-glow)}.pill--live i{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.25;transform:scale(.7)}}.stat{color:var(--paper-dim);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .35s var(--ease-out);align-items:center;gap:7px;font-size:12px;display:inline-flex}.stat b{color:var(--paper);font-weight:700;display:inline-block}.stat svg{color:var(--paper-faint)}.bump{animation:bump .45s var(--ease-spring)}@keyframes bump{40%{color:var(--accent);transform:scale(1.35)}}[data-live=false] .when-live,[data-live=true] .when-off{opacity:0;pointer-events:none;visibility:hidden;position:absolute}.stage{width:100%;max-width:1240px;padding:0 var(--pad) 18px;flex:1;grid-template-columns:minmax(0,1fr);align-items:center;margin:0 auto;display:grid;position:relative}.stage>section{transition:opacity .6s var(--ease-out), transform .7s var(--ease-out), visibility 0s linear .6s;grid-area:1/1}.stage[data-view=boot]>section{opacity:0;visibility:hidden}.poster{text-align:center;flex-direction:column;align-items:center;padding:3vh 0 2vh;display:flex}.stage:not([data-view=offline]):not([data-view=ended]) .poster{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-16px)scale(.98)}.stage[data-view=offline] .poster,.stage[data-view=ended] .poster{transition-delay:0s}.poster__title{font-family:var(--f-display);letter-spacing:.005em;text-transform:uppercase;margin:0;font-size:clamp(56px,10.4vw,156px);font-weight:400;line-height:.9}.poster__title .l{display:block}.poster__title .l2{color:var(--accent);text-shadow:0 0 60px #e4ff3a1f}.poster__title .l3{color:#0000;-webkit-text-stroke:2px var(--paper-dim)}.poster__sub{max-width:560px;font-family:var(--f-type);color:var(--paper-dim);margin:30px 0 0;font-size:15px}.poster__sub b{color:var(--paper);border-bottom:1px dashed var(--paper-faint);font-weight:400}.poster__standby{width:min(720px,100%);height:90px;margin-top:34px;position:relative}.poster__standby canvas{width:100%;height:100%}.jewel{width:14px;height:14px;box-shadow:inset 0 0 0 1px #0009, 0 0 0 3px var(--ink-3);background:radial-gradient(circle at 35% 30%,#7a2a24,#3b1210 70%);border-radius:50%;animation:4s ease-in-out infinite standby;position:absolute;top:-6px;left:50%;translate:-50%}@keyframes standby{50%{box-shadow:inset 0 0 0 1px #0009, 0 0 0 3px var(--ink-3), 0 0 18px #ff463240;background:radial-gradient(circle at 35% 30%,#a3382f,#4b1714 70%)}}.live{flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,24px);padding:1vh 0;display:flex}.stage:is([data-view=offline],[data-view=ended],[data-view=boot]) .live{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px)}.stage:is([data-view=ready],[data-view=connecting],[data-view=listening]) .live{transition-delay:0s}.tone{text-align:center;flex-direction:column;align-items:center;gap:8px;min-height:96px;display:flex}.tone__label{font-size:12px;transform:rotate(-2deg)}.tone__preset{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;transition:font-size .5s var(--ease-out);margin:0;font-size:clamp(38px,6.2vw,88px);font-weight:400;line-height:.95}.tone__chain{color:var(--paper-dim);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0;font-size:12.5px;display:flex}.tone__chain span{white-space:nowrap}.tone__chain .sep{color:var(--paper-faint)}.tone__chain .sep--in{margin-right:12px}.tone__chain .bpm{color:var(--accent);font-weight:700}.swap{transition:opacity .22s var(--ease-out), transform .3s var(--ease-out), filter .3s}.swap.is-out{opacity:0;filter:blur(3px);transform:translateY(-6px)}.screen{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.video{--ar:1.6;--vh:clamp(190px, calc(100dvh - 430px), 64vh);width:min(100%, calc(var(--vh) * var(--ar)));opacity:0;max-height:0;box-shadow:0 0 0 1px var(--line-2), 0 30px 80px -30px #000000e6, 0 0 120px -50px var(--accent-glow);transition:max-height .7s var(--ease-out), opacity .5s var(--ease-out), transform .6s var(--ease-out), width .4s var(--ease-out);background:#000;border-radius:16px;position:relative;overflow:hidden;transform:scale(.97)}.stage.has-video .video{max-height:var(--vh);opacity:1;transform:none}.video video{width:100%;aspect-ratio:var(--ar);object-fit:contain;background:#000;display:block}.video:fullscreen{border-radius:0;width:100%;max-height:none}.video:fullscreen video{aspect-ratio:auto;height:100%}.video__fs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;color:var(--paper);opacity:0;background:#0c0c0b99;border-radius:10px;place-items:center;transition:opacity .2s,background .2s;display:grid;position:absolute;bottom:12px;right:12px}.video:hover .video__fs,.video__fs:focus-visible{opacity:1}.video__fs:hover{background:var(--accent);color:var(--accent-ink)}.scopebox{--energy:0;isolation:isolate;width:100%;height:clamp(220px,42vh,500px);box-shadow:inset 0 0 0 1px var(--line), inset 0 0 80px #000000b3;transition:height .7s var(--ease-out);background:linear-gradient(#efe9dc09 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#efe9dc08 1px,#0000 1px) 0 0/8.333% 100%,radial-gradient(120% 90% at 50% 45%,#141412 0%,#0c0c0b 75%);border-radius:18px;position:relative;overflow:hidden}.scopebox:before{content:"";z-index:-1;opacity:calc(var(--energy) * 1.1);background:radial-gradient(50% 45%,#e4ff3a29,#0000 70%);transition:opacity .12s;position:absolute;inset:-20%}.stage.has-video .scopebox{height:clamp(84px,13vh,120px)}.stage.has-video .tone{gap:6px;min-height:0}.stage.has-video .tone__preset{font-size:clamp(28px,3.4vw,46px)}.stage.has-video .live{gap:14px}.scopebox canvas{width:100%;height:100%;position:absolute;inset:0}.tap{z-index:2;transition:opacity .4s var(--ease-out), transform .5s var(--ease-spring);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.tap__disc{aspect-ratio:1;background:var(--accent);width:clamp(120px,15vw,164px);color:var(--accent-ink);box-shadow:0 0 0 8px #e4ff3a1f, 0 20px 60px -16px var(--accent-glow);transition:transform .35s var(--ease-spring), box-shadow .3s;border-radius:50%;place-items:center;display:grid;position:relative}.tap__disc:before,.tap__disc:after{content:"";border:2px solid var(--accent);opacity:0;animation:ring 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.tap__disc:after{animation-delay:1.3s}@keyframes ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.tap:hover .tap__disc{box-shadow:0 0 0 10px #e4ff3a29, 0 24px 70px -14px var(--accent-glow);transform:scale(1.05)}.tap:active .tap__disc{transform:scale(.96)}.tap__disc svg{width:38%;height:38%;translate:6%}.tap__label{font-family:var(--f-display);letter-spacing:.12em;color:var(--paper);text-shadow:0 2px 12px #000c;font-size:22px}.tap__spin{aspect-ratio:1;border:4px solid #12150a40;border-top-color:var(--accent-ink);border-radius:50%;width:42%;animation:.8s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.stage[data-view=connecting] .tap__disc svg{display:none}.stage[data-view=connecting] .tap__spin{display:block}.stage[data-view=connecting] .tap__disc:before,.stage[data-view=connecting] .tap__disc:after{animation:none}.stage[data-view=listening] .tap{opacity:0;pointer-events:none;transform:scale(.6)}.bar{z-index:6;min-height:60px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .5s var(--ease-out), opacity .4s;background:#0c0c0bb8;align-items:center;gap:16px;display:flex;position:sticky;bottom:0}.bar.is-hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.vol{align-items:center;gap:10px;display:flex}.vol__btn{width:36px;height:36px;color:var(--paper-dim);border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.vol__btn:hover{background:var(--ink-3);color:var(--paper)}.vol__btn.is-muted{color:var(--hot)}.range{--fill:80%;appearance:none;cursor:pointer;background:0 0;width:clamp(110px,14vw,170px);height:22px}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--ink-4) var(--fill));border-radius:2px;height:4px}.range::-webkit-slider-thumb{appearance:none;background:var(--paper);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 2px 6px #0009}.range::-moz-range-track{background:var(--ink-4);border-radius:2px;height:4px}.range::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.range::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:16px;height:16px}.conn{color:var(--paper-faint);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-left:auto;font-size:11.5px;display:flex}.conn b{color:var(--paper);font-weight:400}.conn.is-warn{color:#ffb03a}.conn.is-warn .conn__text{animation:1.2s ease-in-out infinite pulse-dot}.bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.bars i{background:var(--ink-4);border-radius:1px;width:4px;transition:background .3s}.bars i:first-child{height:5px}.bars i:nth-child(2){height:9px}.bars i:nth-child(3){height:14px}.bars[data-q=excellent] i,.bars[data-q=good] i:nth-child(-n+2),.bars[data-q=poor] i:first-child{background:var(--accent)}.bars[data-q=poor] i:first-child{background:#ffb03a}.bars[data-q=lost] i:first-child{background:var(--hot)}.toast{z-index:50;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100vw - 32px);color:var(--paper-dim);font-family:var(--f-mono);opacity:0;transition:opacity .3s var(--ease-out), transform .4s var(--ease-out);pointer-events:none;background:#171715f0;border-radius:10px;padding:9px 14px;font-size:12px;position:fixed;bottom:84px;left:50%;transform:translateY(10px);box-shadow:0 18px 40px -12px #000c}.toast.is-on{opacity:1;transform:none}.techbtn{border:1px solid var(--line-2);height:30px;color:var(--paper-faint);letter-spacing:.12em;border-radius:8px;padding:0 11px;font-size:11px;font-weight:700;transition:color .15s,border-color .15s,background .15s}.techbtn:hover,.techbtn.is-on{color:var(--paper);border-color:var(--paper-faint)}.techbtn.is-on{background:var(--ink-3)}.tech{right:var(--pad);bottom:calc(72px + env(safe-area-inset-bottom));z-index:7;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;width:min(600px,100vw - 32px);transition:opacity .2s var(--ease-out), transform .3s var(--ease-out);background:#111110f0;border-radius:14px;padding:14px 16px 12px;font-size:11.5px;position:fixed;transform:translateY(8px);box-shadow:0 24px 60px -20px #000000e6}.tech.is-open{opacity:1;pointer-events:auto;transform:none}.bar.is-hidden~.tech{opacity:0;pointer-events:none}.tech__cols{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tech__list{grid-template-columns:auto 1fr;align-content:start;gap:4px 12px;margin:0;display:grid}.tech__list dt{color:var(--paper-faint);white-space:nowrap}.tech__list dd{color:var(--paper);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.tech__list dt.tech__h{color:var(--accent);letter-spacing:.16em;margin-top:6px;font-size:10px;font-weight:700}.tech__list dt.tech__h:first-child{margin-top:0}.tech__set{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;margin-top:14px;padding-top:12px;display:flex}.seg{background:var(--ink);border:1px solid var(--line);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.seg__label{color:var(--paper-faint);letter-spacing:.14em;padding:0 8px 0 6px;font-size:10px;font-weight:700}.seg button{height:24px;color:var(--paper-dim);letter-spacing:.08em;border-radius:6px;padding:0 9px;font-size:10.5px;font-weight:700}.seg button:hover{color:var(--paper)}.seg button.is-on{background:var(--accent);color:var(--accent-ink)}.tech__hint{color:var(--paper-faint);flex-basis:100%;margin:0;font-size:10.5px;line-height:1.5}@media (max-width:720px){.tech{width:auto;left:16px;right:16px}.tech__cols{grid-template-columns:1fr;gap:6px}.top{flex-wrap:wrap;gap:8px 12px;height:auto;padding-top:14px;padding-bottom:6px}.mark{font-size:24px}.top__sub{display:none}.top__status{gap:10px}.stat--up{display:none}.pill{height:26px;padding:0 10px 0 9px;font-size:13px}.stage{align-items:start;padding-top:2vh}.poster{padding-top:8vh}.poster__sub{font-size:13.5px}.tone{min-height:80px}.tone__chain .sep--bpm{display:none}.tone__chain .bpm{flex-basis:100%}.live{align-self:center;padding-bottom:4vh}.scopebox{border-radius:14px;height:clamp(220px,40vh,380px)}.stage.has-video .scopebox{height:clamp(96px,15vh,140px)}.video{border-radius:12px}.video__fs{opacity:1}.tap__label{font-size:18px}.range{width:110px}.conn__lat{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}