:root{color:#eef1ff;font-synthesis:none;text-rendering:geometricPrecision;background:#020205;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,main,#gpu-canvas{width:100%;height:100%;margin:0}body{overflow:hidden}button,a{font:inherit}main{position:relative;overflow:hidden;background:radial-gradient(at 50% 44%,#19203661 0%,#05070e29 34%,#0000 68%),#020205;min-height:100svh}#gpu-canvas{position:absolute;display:block;opacity:0;touch-action:none;cursor:grab;transition:opacity .52s cubic-bezier(.22,1,.36,1);inset:0}#gpu-canvas.is-dragging{cursor:grabbing}#gpu-canvas.is-ready{opacity:1}.runtime-status{position:absolute;z-index:2;display:flex;color:#e2e8ff6b;letter-spacing:.16em;pointer-events:none;align-items: center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:600;top:22px;left:24px}.status-dot{background:#7e88a8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #7e88a870}.status-dot.is-ready{background:#b8c7ff;box-shadow:0 0 0 3px #b8c7ff17,0 0 12px #7b97ffb8}.status-dot.is-error{background:#d7373f;box-shadow:0 0 0 3px #d7373f1f}.interaction-hint{position:absolute;z-index:2;color:#e2e8ff4d;letter-spacing:.14em;pointer-events:none;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:600;top:22px;right:24px}.mobile-hint{display:none}.shape-switcher{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));z-index:3;display:flex;backdrop-filter:blur(22px)saturate(125%);background:#080a1294;border:1px solid #dce4ff1f;border-radius:999px;gap:2px;padding:4px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #0000005c,inset 0 1px #ffffff0a}.shape-switcher button{color:#e2e8ff7a;cursor:pointer;letter-spacing:-.01em;background:0 0;border:0;border-radius:999px;min-width:86px;min-height:38px;padding:0 18px;transition:color .18s,background .18s,box-shadow .18s;font-size:13px;font-weight:520}.shape-switcher button:hover{color:#f6f8ff;background:#e2e8ff12}.shape-switcher button[aria-pressed=true]{color:#090b12;background:#edf1ffeb;box-shadow:0 2px 10px #00000057,0 0 20px #a4b5ff1a}.shape-switcher button:focus-visible{outline:2px solid #cbd6ff;outline-offset:3px}.source-link:focus-visible{outline:2px solid #cbd6ff;outline-offset:3px}.source-link{position:absolute;z-index:2;color:#e2e8ff57;letter-spacing:.14em;text-decoration:none;transition:color .16s;font-size:9px;font-weight:650;bottom:28px;right:24px}.source-link:hover{color:#f5f7ff}@media (max-width:640px){.runtime-status{top:18px;left:18px}.interaction-hint{top:18px;right:18px}.desktop-hint{display:none}.mobile-hint{display:inline}.source-link{display:none}.shape-switcher{bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){#gpu-canvas,.shape-switcher button,.source-link{transition:none}}