.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;padding:var(--grid-margin);display:grid;grid-template-rows:auto 1fr auto;will-change:opacity}.overlay button{pointer-events:auto}.overlay-wordmark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:var(--font-display);font-size:clamp(8rem,28vw,24rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--color-fg);opacity:.045;z-index:-1;-webkit-user-select:none;user-select:none}.overlay-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--tx-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg)}.overlay-footer{align-self:end;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--tx-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-muted)}.overlay-footer-r{text-align:right;color:var(--color-fg-muted)}.overlay-toggle{justify-self:center;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--tx-meta);letter-spacing:.14em;text-transform:uppercase;padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in oklab,var(--color-accent) 35%,transparent);transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.overlay-toggle:hover{background:color-mix(in oklab,var(--color-accent) 12%,transparent);border-color:var(--color-accent)}.motion-perm{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 32px);left:50%;transform:translate(-50%);z-index:60;padding:14px 20px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);background:#08080ae0;border:1px solid color-mix(in oklab,var(--color-accent) 55%,transparent);border-radius:2px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer;white-space:nowrap;box-shadow:0 0 24px color-mix(in oklab,var(--color-accent) 25%,transparent),inset 0 0 0 1px #ffffff0a;transition:opacity .25s ease,transform .25s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.motion-perm:active{transform:translate(-50%) scale(.97)}.motion-perm--granted{color:var(--color-accent);border-color:var(--color-accent);background:#080c00e0}.motion-perm--denied{color:#ff7676;border-color:#ff76768c}.motion-perm--requesting{opacity:.6}:root{--ink-1: #0a0a0a;--ink-2: #141414;--ink-3: #1f1f1f;--ink-4: #2a2a2a;--paper-1: #f5f5f0;--paper-2: #e8e8e3;--mute-1: #5a5a5a;--mute-2: #888888;--mute-3: #b8b8b8;--acid: #c8ff00;--acid-dim: #8aa800;--color-bg: var(--ink-1);--color-bg-elevated: var(--ink-2);--color-fg: var(--paper-1);--color-fg-muted: var(--mute-2);--color-fg-faint: var(--mute-1);--color-accent: var(--acid);--color-accent-dim: var(--acid-dim);--color-border: var(--ink-4);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--tx-meta: 11px;--tx-body: 14px;--tx-body-lg: 16px;--tx-display-sm: clamp(2rem, 5vw, 3rem);--tx-display-lg: clamp(4rem, 12vw, 9rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-16: 64px;--dur-instant: .1s;--dur-fast: .2s;--dur-base: .4s;--dur-slow: .7s;--dur-cinematic: 1.2s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-snap: cubic-bezier(.7, 0, .3, 1);--grid-margin: var(--sp-10);--grid-cols: 12;--grid-gap: 20px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--tx-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}.line-w{display:block;overflow:hidden}.line{display:block;will-change:transform}.char-w{display:inline-block;overflow:hidden;vertical-align:top}.char{display:inline-block;will-change:transform}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}