:root{--ink: #0000ba;--paper: #dff6eb;--accent: #646dec;--primary: #0708e5;--neutral: #c8deeb;--line: rgba(0, 0, 186, .14);--muted: rgba(0, 0, 186, .55);--tint-accent: rgba(100, 109, 236, .08);--tint-primary: rgba(7, 8, 229, .06);--bg-fade-top: #e6f9f0;--bg-fade-bottom: #d4f0e2;--grid-line-a: rgba(0, 0, 186, .04);--grid-line-b: rgba(0, 0, 186, .03);--topbar-gap: 14px;--topbar-bg: rgba(223, 246, 235, .75);--shadow: rgba(0, 0, 186, .15);--shadow-soft: rgba(0, 0, 186, .1);--toggle-bg: rgba(0, 0, 186, .08);--toggle-bg-hover: rgba(0, 0, 186, .15);--mono: ui-monospace, "SF Mono", "SFMono-Regular", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif}[data-theme=dark]{--ink: #dff6eb;--paper: #0708e5;--accent: #646dec;--primary: #dff6eb;--neutral: #c8deeb;--line: rgba(223, 246, 235, .16);--muted: rgba(223, 246, 235, .6);--tint-accent: rgba(100, 109, 236, .1);--tint-primary: rgba(223, 246, 235, .05);--bg-fade-top: #0a0be0;--bg-fade-bottom: #0506a0;--grid-line-a: rgba(223, 246, 235, .05);--grid-line-b: rgba(223, 246, 235, .04);--topbar-bg: rgba(7, 8, 229, .6);--shadow: rgba(0, 0, 0, .3);--shadow-soft: rgba(0, 0, 0, .2);--toggle-bg: rgba(223, 246, 235, .12);--toggle-bg-hover: rgba(223, 246, 235, .2)}*{box-sizing:border-box}html{transition:background-color .3s ease,color .3s ease}html,body{margin:0;height:100%;background:radial-gradient(circle at 50% 32%,var(--tint-accent),transparent 34rem),radial-gradient(circle at 8% 4%,var(--tint-primary),transparent 30rem),linear-gradient(180deg,var(--bg-fade-top) 0%,var(--paper) 46%,var(--bg-fade-bottom) 100%);color:var(--ink);font-family:var(--sans);overflow:hidden}body{display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.6;background-image:linear-gradient(var(--grid-line-a) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-b) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(0,0,0,.5),transparent 78%);mask-image:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(0,0,0,.5),transparent 78%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--topbar-gap) clamp(16px,4vw,44px);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:40}.wordmark{color:var(--ink);text-decoration:none;font-weight:600;text-transform:none}.cursor{animation:blink 1.1s steps(1) infinite;color:var(--accent)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:var(--toggle-bg);color:var(--ink);cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:background .2s ease,transform .2s ease}.theme-toggle:hover{background:var(--toggle-bg-hover);transform:scale(1.05)}.theme-icon-light{display:none}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:inline;color:var(--ink)}[data-theme=dark] .theme-icon-dark{display:none}.stage{position:relative;flex:1;min-height:0}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;filter:drop-shadow(0 14px 26px var(--shadow))}.stage canvas:active{cursor:grabbing}.noscript{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:var(--muted)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}