html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#000}html{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box}*:focus,*:focus-visible{outline:none}::selection{background:transparent}img{-webkit-user-drag:none;user-select:none}html.cursor-hidden,html.cursor-hidden *{cursor:none!important}.viewport{position:fixed;inset:0;background:#000;overflow:hidden}.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:var(--bg);transition:background .4s;contain:strict}.stage.abs-black{background:#000}.layer{position:absolute;inset:0;pointer-events:none}.mono{font-family:var(--font-mono)}.keep-case{text-transform:none}.cursor{animation:blink 1.06s steps(1,end) infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.capture .cursor{animation:none}.chrome{font-family:var(--font-mono);font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);transition:opacity .5s}.chrome-id{position:absolute;left:72px;top:40px;display:flex;gap:14px;align-items:center}.chrome-title{color:var(--ink-2)}.chrome-sep{color:var(--accent)}.chrome-ticks{position:absolute;left:0;width:1920px;top:1026px;display:flex;justify-content:center;gap:8px}.chrome-ticks span{width:28px;height:2px;background:var(--hair-strong);transition:background .3s}.chrome-ticks span.done{background:var(--ink-3)}.chrome-ticks span.here{background:var(--accent)}.overview{position:fixed;inset:0;background:#000000eb;z-index:10;padding:48px 56px;overflow:auto;cursor:default;font-family:var(--font-mono)}.overview-head{color:#ffffff8c;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff17;border:1px solid rgba(255,255,255,.09)}.ov-scene{background:#0a0a0a;padding:16px;display:flex;flex-direction:column;gap:10px}.ov-scene.current{background:#161616}.ov-scene button{all:unset;cursor:pointer}.ov-title{display:flex;gap:12px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff}.ov-scene.done .ov-title{color:#ffffff8c}.ov-n{color:var(--op-accent)}.ov-beats{display:flex;flex-direction:column;gap:2px}.ov-beat{font-size:13px;color:#fff9;padding:3px 6px}.ov-beat:hover,.ov-title:hover{color:#fff;background:#1c1c1c}.ov-beat.here{color:#fff;background:var(--op-accent-strong)}.ov-bn{color:#ffffff59}.ov-beat.here .ov-bn{color:#fff}.debug{position:fixed;right:12px;bottom:12px;z-index:11;width:460px;background:#0a0a0af0;border:1px solid rgba(255,255,255,.16);color:#fffc;font-size:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:default;user-select:text}.debug b{color:var(--op-accent)}.debug-row{display:flex;gap:6px;flex-wrap:wrap}.debug button,.debug select{background:#161616;color:#fff;border:1px solid rgba(255,255,255,.2);font:inherit;padding:3px 8px;cursor:pointer}.debug pre{margin:0;max-height:280px;overflow:auto;font-size:11px;color:#ffffffb3;white-space:pre}.presenter{position:fixed;inset:0;background:#0a0a0a;color:#fff;overflow:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px;user-select:none;font-family:var(--font-sans)}.presenter button{all:unset;cursor:pointer}.p-head{display:flex;justify-content:space-between;gap:16px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.p-ok{color:#27c93f}.p-bad{color:#ff5f56}.p-warn{border:1px solid rgba(255,189,46,.5);color:#ffbd2e;padding:10px 14px;font-size:14px}.p-main{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:1px;background:#ffffff17;border:1px solid rgba(255,255,255,.09)}.p-main section{background:#111;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.p-label{font-size:13px;letter-spacing:.12em;color:var(--op-accent)}.p-pos{font-size:18px;color:#fff9;letter-spacing:.04em}.p-beat{font-size:54px;font-weight:500;letter-spacing:-.03em;line-height:1}.p-nbeat{font-size:36px;font-weight:500;letter-spacing:-.02em;color:#fffc}.p-auto{font-size:16px;color:#ffbd2e;vertical-align:middle}.p-source{font-size:18px;color:#ffffffbf;line-height:1.4}.p-source .mono{color:#fff6;font-size:14px;margin-right:8px}.p-note{font-size:17px;color:#ffbd2e;line-height:1.4}.p-clock{font-size:56px;font-weight:300}.p-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.p-row button,.p-controls button{border:1px solid rgba(255,255,255,.28);padding:12px 18px;font-size:15px;text-transform:uppercase;letter-spacing:.06em}.p-row button:hover,.p-controls button:hover{background:#fff;color:#0a0a0a}.p-dim{color:#fff6;font-size:13px}.p-controls{display:flex;gap:10px;flex-wrap:wrap}.p-controls .p-primary{border-left:3px solid var(--op-accent-strong);padding:18px 44px;font-size:20px}.p-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff17;border:1px solid rgba(255,255,255,.09)}.p-scene{background:#0a0a0a;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.p-scene.here{background:#161616}.p-sn{font-size:13px;letter-spacing:.06em;color:#ffffffb3;text-transform:uppercase}.p-dots{display:flex;gap:6px;flex-wrap:wrap}.p-dots .p-dot{width:22px;height:8px;background:#ffffff24}.p-dots .p-dot.done{background:#ffffff80}.p-dots .p-dot.here{background:var(--op-accent)}.p-foot{font-size:12px;color:#fff6;letter-spacing:.04em}.bd-term{font-family:var(--font-mono);line-height:1.5;color:var(--ink);font-weight:450}.bd-term.framed{border:1px solid var(--hair-strong);padding:.8em 1em}.bd-term-line{white-space:pre;tab-size:4;min-height:1.5em;transition:opacity .5s var(--ease) .34s,color .4s}.bd-term-line.cmd{font-weight:600}.bd-term-line.dim{color:var(--ink-3)}.bd-prompt{color:var(--accent);font-weight:600}.bd-mk{position:relative;transition:color .4s}.bd-mk:before{content:"";position:absolute;left:.1em;right:.1em;bottom:-.14em;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.bd-mk.on{color:var(--accent)}.bd-mk.on:before{transform:none;transition:transform .6s var(--ease) .34s}.bd-mk:after{content:attr(data-label);position:absolute;left:.1em;top:calc(100% + .35em);white-space:nowrap;font-size:max(18px,.6em);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);line-height:1;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}.bd-mk.r1:after{top:calc(100% + 1.45em)}.bd-mk.on:after{opacity:1;transform:none;transition:opacity .5s var(--ease) .5s,transform .7s var(--ease) .5s}.bd-node{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:0 22px;background:var(--bg);font-family:var(--font-mono);white-space:nowrap;color:var(--ink);border:2px solid var(--ink-2)}.bd-node.hot{border:3px solid var(--accent)}.bd-node.dim{border-color:var(--ink-3);color:var(--ink-3)}.bd-node.ghost{border:2px dashed var(--ink-3);color:var(--ink-3)}.bd-node-kind{font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;transition:color .4s}.bd-node.hot .bd-node-kind{color:var(--accent)}.bd-node.dim .bd-node-kind,.bd-node.ghost .bd-node-kind{color:var(--ink-3)}.bd-node-value{font-size:28px;font-weight:600}.bd-arrow-label{font-family:var(--font-mono);font-size:20px;font-weight:500;paint-order:stroke;stroke:var(--bg);stroke-width:10px;stroke-linejoin:round}.bd-flow{stroke-dasharray:3 21;animation:bd-flow 1.4s linear infinite}@keyframes bd-flow{to{stroke-dashoffset:-24}}.reduced-motion .bd-flow,.capture .bd-flow{animation:none}.bd-tick{position:absolute;font-family:var(--font-mono);font-size:22px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.bd-axis-label{position:absolute;font-family:var(--font-mono);font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.bd-zone-label{position:absolute;font-family:var(--font-sans);font-size:30px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.bd-marker-label{position:absolute;transform:translateY(-50%);padding:0 12px;font-family:var(--font-mono);font-size:20px;color:var(--ink);white-space:nowrap}@font-face{font-family:Roboto;src:url(./Roboto-VF-ccAYIvAh.woff2) format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Roboto Mono;src:url(./RobotoMono-VF-CZtBPCCa.woff2) format("woff2");font-weight:100 700;font-display:block}@font-face{font-family:Archivo Black;src:url(./ArchivoBlack-400-BTVu2TQR.woff2) format("woff2");font-weight:400;font-display:block}:root{--bg: #0a0a0a;--black: #000;--surface: #111111;--surface-raised: #161616;--ink: #ffffff;--ink-2: rgba(255, 255, 255, .6);--ink-3: rgba(255, 255, 255, .35);--off-white: #f0f0f0;--hair: rgba(255, 255, 255, .09);--hair-strong: rgba(255, 255, 255, .14);--kernel: #4934e1;--violet-text: #818cf8;--warning: #ffbd2e;--fault: #ff5f56;--ok: #27c93f;--cloudflare: #f38020;--accent: var(--violet-text);--accent-strong: var(--kernel);--op-accent: #818cf8;--op-accent-strong: #4934e1;--font-sans: "Roboto", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--font-event: "Archivo Black", "Roboto", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--ease-tweet: cubic-bezier(.16, 1, .3, 1);--ease-stamp: cubic-bezier(.2, .9, .3, 1)}.jitter{position:absolute;inset:0}.stage canvas.particles{position:absolute;left:0;top:0;width:1920px;height:1080px}.event{font-family:var(--font-event)}.block-cursor{display:inline-block;width:.55em;height:1em;background:currentColor;vertical-align:-.12em;margin-left:.08em}.reduced-motion .tweet-float{animation:none!important}.tweet-float{animation:tweet-float 9.42s ease-in-out infinite}.tweet-tilt{animation:tweet-tilt 14.45s ease-in-out infinite}@keyframes tweet-float{0%,to{transform:translateY(0)}25%{transform:translateY(9px)}75%{transform:translateY(-9px)}}@keyframes tweet-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(.35deg)}75%{transform:rotate(-.35deg)}}.capture .tweet-float,.capture .tweet-tilt{animation:none}.reduced-motion .tweet-tilt{animation:none!important}.gpu-fan.spin{animation:gpu-spin 7s linear 1.8s infinite}@keyframes gpu-spin{to{transform:rotate(360deg)}}.capture .gpu-fan.spin,.reduced-motion .gpu-fan.spin{animation:none}.t-statement{font-weight:500;letter-spacing:-.045em;line-height:.88;text-transform:uppercase;white-space:nowrap}.t-editorial{font-weight:500;letter-spacing:-.045em;line-height:.94}.t-numeral{font-weight:300;letter-spacing:-.03em;line-height:.8;font-variant-numeric:tabular-nums}.t-system{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.t-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.t-eyebrow{font-family:var(--font-mono);font-size:26px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-text)}
