:root{--paper:#FFFFFF;--paper-alt:#F4F4F2;--surface:#FFFFFF;--fg:#0A0A0A;--mute:rgba(10,10,10,0.55);--rule:rgba(10,10,10,0.10);--ink:#0E7C82;--ink-soft:rgba(14,124,130,0.10);--font-sans:var(--font-geist),system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--ease-smooth:cubic-bezier(0.65,0,0.35,1);--t-fast:180ms;--t-base:320ms;--t-slow:560ms;--r-sm:2px;--r-md:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px}[data-mode=instrument]{--paper:#050505;--paper-alt:#131313;--surface:#131313;--fg:#FAFAFA;--mute:rgba(250,250,250,0.55);--rule:rgba(250,250,250,0.10);--ink:#3DD8C0;--ink-soft:rgba(61,216,192,0.14)}[data-mode=bbs]{--paper:#000000;--surface:#000000;--fg:#33FF66;--mute:#33FF66;--rule:#33FF66;--ink:#33FF66;--ink-soft:rgba(51,255,102,0.16)}[data-mode] .x-mode-transition,[data-mode] .x-mode-transition *{transition:background-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),fill var(--t-base) var(--ease-out),stroke var(--t-base) var(--ease-out)}.x-nav-bar{position:absolute;bottom:-10px;height:2px;background:var(--ink);border-radius:1px;transition:left var(--t-base) var(--ease-smooth),width var(--t-base) var(--ease-smooth),opacity var(--t-fast) var(--ease-out);pointer-events:none}.x-link{position:relative;color:inherit;text-decoration:none;white-space:nowrap}.x-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform var(--t-base) var(--ease-smooth)}.x-link:hover:after{transform:scaleX(1)}@keyframes x-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}.x-breathe{animation:x-breathe 3.6s var(--ease-out) infinite;will-change:opacity,transform}@keyframes x-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.x-drift{animation:x-drift 6.8s var(--ease-out) infinite}@keyframes x-blink{50%{opacity:0}}.x-blink{animation:x-blink 1.05s steps(2) infinite}.x-fire{will-change:stroke-opacity,stroke-width}.x-fire,.x-fire-2{animation:x-fire 10s var(--ease-out) infinite}.x-fire-2{animation-delay:3.3s}.x-fire-3{animation:x-fire 10s var(--ease-out) infinite;animation-delay:6.6s}@keyframes x-tick{0%,90%,to{opacity:1}93%{opacity:.72}95%{opacity:1}}.x-tick{will-change:opacity}.x-tick,.x-tick-2{animation:x-tick 22s var(--ease-out) infinite}.x-tick-2{animation-delay:7.3s}.x-tick-3{animation:x-tick 22s var(--ease-out) infinite;animation-delay:14.6s}@keyframes x-trace{0%{stroke-dasharray:0 200}to{stroke-dasharray:200 0}}.x-trace-hover svg circle,.x-trace-hover svg line,.x-trace-hover svg path{stroke-dasharray:200 0;transition:stroke-dasharray .7s cubic-bezier(.16,1,.3,1)}.x-trace-hover:hover svg circle,.x-trace-hover:hover svg line,.x-trace-hover:hover svg path{animation:x-trace .7s cubic-bezier(.16,1,.3,1)}@keyframes x-cycle-in{0%{opacity:0;transform:translateY(.2em)}to{opacity:1;transform:translateY(0)}}.x-cycle-in{animation:x-cycle-in .32s var(--ease-out);display:inline-block}@keyframes x-dissolve{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.x-dissolve{animation:x-dissolve .6s var(--ease-out);animation-fill-mode:both}@keyframes snake-walk{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}.snake-trace{animation:snake-walk 16s linear infinite;transition:stroke-opacity .32s var(--ease-out),stroke-width .32s var(--ease-out)}@keyframes x-hue-spin{0%{filter:hue-rotate(0deg) saturate(1.6)}to{filter:hue-rotate(1turn) saturate(1.6)}}.snake-rainbow{animation:x-hue-spin 6s linear infinite}.group:hover .snake-trace{animation-duration:8s;stroke-opacity:.85;stroke-width:1.4}@keyframes x-tide{to{transform:translate3d(-50%,0,0)}}.x-tide{display:block;width:200%;height:100%;animation:x-tide 28s linear infinite;will-change:transform}.x-wake{opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.x-wake.x-awake{opacity:1;transform:translateY(0)}@keyframes x-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.16)}}.x-shimmer{animation:x-shimmer 4.4s var(--ease-out) infinite}@keyframes x-fire{0%{stroke-opacity:.1;stroke-width:.5}38%{stroke-opacity:1;stroke-width:2}60%{stroke-opacity:.25;stroke-width:.7}to{stroke-opacity:.1;stroke-width:.5}}.x-nav-bar:after{content:"";position:absolute;inset:-3px -10px;background:var(--ink);filter:blur(8px);opacity:.25;border-radius:4px;z-index:-1}.x-count{font-variant-numeric:tabular-nums;letter-spacing:-.035em}@keyframes x-scanroll{to{background-position:0 4px}}.x-crt{position:relative;isolation:isolate}.x-crt:before{background-image:linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) 4px);background-size:100% 4px;z-index:2;mix-blend-mode:multiply;animation:x-scanroll .38s linear infinite}.x-crt:after,.x-crt:before{content:"";position:absolute;inset:0;pointer-events:none}.x-crt:after{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%);z-index:3}@keyframes x-flicker{0%,92%,to{opacity:1}93%{opacity:.88}94%{opacity:1}95%{opacity:.94}}.x-flicker{animation:x-flicker 5.4s var(--ease-out) infinite}.x-toggle{display:inline-flex;padding:3px;background:var(--paper-alt);box-shadow:inset 0 0 0 1px var(--rule);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;position:relative}.x-toggle__slider{position:absolute;top:3px;bottom:3px;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.08);transition:left var(--t-base) var(--ease-smooth),width var(--t-base) var(--ease-smooth);z-index:0}.x-toggle__btn{position:relative;z-index:1;padding:6px 12px;border:0;background:transparent;color:var(--mute);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color var(--t-fast) var(--ease-out)}.x-toggle__btn[aria-pressed=true]{color:var(--fg)}.x-noscroll{scrollbar-width:none}.x-noscroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}