:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#eee9e1;--color-canvas-rgb:238 233 225;--color-ink:#3c3c3c;--color-ink-rgb:60 60 60;--color-surface:#fbf8f4;--color-control:#f1ede6;--color-control-hover:#e8e3da;--color-ink-muted:#4d4a45;--color-muted:#625f5a;--color-line:rgb(var(--color-ink-rgb) / 20%);--color-line-strong:rgb(var(--color-ink-rgb) / 32%);--color-track:#85817a;--color-notice:#3c3c3c;--color-selected:#3c3c3c;--color-on-selected:#fbf8f4;--color-selected-hover:#262626;--color-focus:#3c3c3c;--edge-highlight:inset 0 1px 0 #0b0b0c0a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-control:.5rem;--radius-card:.75rem;--radius-panel:1rem;--radius-pill:9999px;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ps-gutter:clamp(1.25rem, 2.6vw, 2.25rem);--ps-ease:cubic-bezier(.16, 1, .3, 1);--ps-ease-move:cubic-bezier(.77, 0, .175, 1);--ps-move:.25s;--ps-fade:.16s;--ps-press:.12s;--ps-arrive:.2s;--ps-leave:.14s;--ps-hit:2.375rem;--ps-halo:0 0 1px rgb(var(--color-canvas-rgb) / 90%), 0 0 .75rem rgb(var(--color-canvas-rgb) / 80%);--ps-shade:46 36 22;--ps-track:#fbf8f4b8;--ps-track-hover:#fdfbf8eb;--ps-ring:rgb(var(--ps-shade) / 8%);--ps-float:0 1px 1px rgb(var(--ps-shade) / 4%), 0 6px 18px -8px rgb(var(--ps-shade) / 18%);--ps-thumb:#fffdfa;--ps-thumb-shadow:0 0 0 .5px rgb(var(--ps-shade) / 9%), 0 1px 2px rgb(var(--ps-shade) / 10%), 0 2px 6px -2px rgb(var(--ps-shade) / 10%);--ps-panel:#fbf8f4;--ps-panel-shadow:0 0 0 .5px rgb(var(--ps-shade) / 9%), 0 2px 4px rgb(var(--ps-shade) / 4%), 0 24px 56px -20px rgb(var(--ps-shade) / 28%);--ps-inset:rgb(var(--ps-shade) / 5.5%);--ps-rule:rgb(var(--ps-shade) / 8%);--ps-slider-base:rgb(var(--ps-shade) / 13%);--ps-slider-thumb:#fffdfa;--ps-lens:rgb(var(--ps-shade) / 5.5%)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--edge-highlight:inset 0 1px 0 #ffffff0a;--color-canvas:#1c1c1c;--color-canvas-rgb:28 28 28;--color-ink:#e0e0e0;--color-ink-rgb:224 224 224;--color-surface:#1c1c1c;--color-control:#262626;--color-control-hover:#303030;--color-ink-muted:#bdbdbd;--color-muted:#949494;--color-line:rgb(var(--color-ink-rgb) / 20%);--color-line-strong:rgb(var(--color-ink-rgb) / 32%);--color-track:#757575;--color-notice:#e0e0e0;--color-selected:#e0e0e0;--color-on-selected:#1c1c1c;--color-selected-hover:#f2f2f2;--color-focus:#e0e0e0;--ps-track:#282828d6;--ps-track-hover:#303030eb;--ps-ring:#ffffff0f;--ps-float:0 6px 18px -8px #00000080;--ps-thumb:#464646;--ps-thumb-shadow:inset 0 .5px 0 #ffffff17, 0 1px 3px #00000059;--ps-panel:#242424;--ps-panel-shadow:0 0 0 .5px #ffffff14, 0 28px 60px -16px #000000a6;--ps-inset:#ffffff0d;--ps-rule:#ffffff12;--ps-slider-base:#ffffff24;--ps-slider-thumb:#ececec;--ps-lens:#ffffff0f}*{box-sizing:border-box}html,body,#root{width:100%;min-width:20rem;min-height:100%;margin:0;overflow:hidden}button,canvas{font:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study{isolation:isolate;background:var(--color-canvas);width:100vw;min-height:100svh;position:relative;overflow:hidden}.study__canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.study__canvas[data-camera-dragging=true]{cursor:grabbing}.shortcuts{z-index:3;position:absolute}.cursor-reach,.cursor-ripple,.virtual-cursor{z-index:2;aspect-ratio:1;pointer-events:none;opacity:0;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}:root{--cursor-repel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Cg stroke='%23eee9e1' stroke-width='3.5'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%23eee9e1'/%3E%3Cg stroke='%233c3c3c' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%233c3c3c'/%3E%3C/svg%3E") 12 12, crosshair;--cursor-attract:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4' fill='%23eee9e1' stroke='%23eee9e1' stroke-width='3.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%233c3c3c' stroke='%233c3c3c' stroke-width='1.5'/%3E%3C/svg%3E") 12 12, crosshair;--cursor-disturb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Cg stroke='%23eee9e1' stroke-width='3.5'%3E%3Cpath d='M17.2 9A6 6 0 0 0 9 6.8'/%3E%3Cpath d='M6.8 15A6 6 0 0 0 15 17.2'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%23eee9e1'/%3E%3Cg stroke='%233c3c3c' stroke-width='1.5'%3E%3Cpath d='M17.2 9A6 6 0 0 0 9 6.8'/%3E%3Cpath d='M6.8 15A6 6 0 0 0 15 17.2'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%233c3c3c'/%3E%3C/svg%3E") 12 12, crosshair}:root[data-theme=dark]{--cursor-repel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Cg stroke='%231c1c1c' stroke-width='3.5'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%231c1c1c'/%3E%3Cg stroke='%23e0e0e0' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%23e0e0e0'/%3E%3C/svg%3E") 12 12, crosshair;--cursor-attract:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4' fill='%231c1c1c' stroke='%231c1c1c' stroke-width='3.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23e0e0e0' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3C/svg%3E") 12 12, crosshair;--cursor-disturb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-linecap='round'%3E%3Cg stroke='%231c1c1c' stroke-width='3.5'%3E%3Cpath d='M17.2 9A6 6 0 0 0 9 6.8'/%3E%3Cpath d='M6.8 15A6 6 0 0 0 15 17.2'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%231c1c1c'/%3E%3Cg stroke='%23e0e0e0' stroke-width='1.5'%3E%3Cpath d='M17.2 9A6 6 0 0 0 9 6.8'/%3E%3Cpath d='M6.8 15A6 6 0 0 0 15 17.2'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%23e0e0e0'/%3E%3C/svg%3E") 12 12, crosshair}.study[data-cursor=repel] .study__stage canvas{cursor:var(--cursor-repel)}.study[data-cursor=attract] .study__stage canvas{cursor:var(--cursor-attract)}.study[data-cursor=disturb] .study__stage canvas{cursor:var(--cursor-disturb)}.study[data-cursor] .study__canvas[data-camera-dragging=true]{cursor:grabbing}.cursor-reach{width:var(--cursor-radius,43px);border:1px solid rgb(var(--color-ink-rgb) / 40%);transition:opacity .3s ease-out;top:50%;left:50%}.cursor-reach[data-preview=true]{opacity:1;transition-duration:.15s}.cursor-ripple{top:var(--cursor-y,50%);left:var(--cursor-x,50%);width:var(--cursor-radius,43px);border:1px solid rgb(var(--color-ink-rgb) / 35%)}.virtual-cursor{border:1.5px solid var(--color-focus);width:.75rem;transition:opacity .12s ease-out}.study:not([data-cursor=off]) .study__stage canvas:focus-visible~.virtual-cursor,.study:not([data-cursor=off]) .virtual-cursor[data-active=true]{opacity:1}.study-state{z-index:5;place-content:center;justify-items:center;gap:var(--space-2);background:var(--color-canvas);color:var(--color-muted);letter-spacing:.05em;transition:opacity .4s var(--ps-ease);font-size:.75rem;display:grid;position:absolute;inset:0}.study-state[data-leaving=true]{opacity:0;pointer-events:none}.study-state p{color:var(--color-ink);margin:0}.study-state__mark{background:var(--color-ink);transform-origin:0;width:1.5rem;height:1px;animation:.9s cubic-bezier(.2,0,0,1) infinite alternate loading-mark}.study-state--error{padding:var(--space-4);text-align:center}.study-state--error span{max-width:32rem;line-height:1.5}@keyframes loading-mark{0%{opacity:.4;scale:.25 1}to{opacity:1;scale:1}}@media (pointer:coarse){.shortcuts .shortcuts__column--pointer{display:none}.shortcuts .shortcuts__column--touch{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.study-state__mark{animation-name:loading-mark-fade}}@keyframes loading-mark-fade{0%{opacity:.4}to{opacity:1}}@media (forced-colors:active){.cursor-reach,.cursor-ripple,.virtual-cursor{border-color:canvastext}}@media (width<=44rem){.shortcuts{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;max-width:none;min-height:0;max-height:22svh;position:static;overflow-y:auto}.shortcuts .shortcuts__column--keys{padding-left:0;padding-top:var(--space-2);border-left:none;border-top:1px solid var(--color-line)}}.shortcuts{bottom:4.75rem;left:var(--space-4);gap:var(--space-4);color:var(--color-muted);margin:0;display:flex}.shortcuts__column--touch{display:none}.shortcuts__column--keys{padding-left:var(--space-3);border-left:1px solid var(--color-line)}.shortcuts__column--keys .shortcuts__list dt{min-width:3.25rem}.shortcuts__list{gap:.3125rem;margin:0;display:grid}.shortcuts__list>div{gap:var(--space-2);align-items:center;display:flex}.shortcuts__list dt{min-width:5.5rem;color:var(--color-ink);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.shortcuts__list dd{margin:0;font-size:.75rem;line-height:1.35}.shortcuts__glyph{width:1.125rem;height:1.125rem;color:var(--color-muted);flex:none}.shortcuts kbd{border:1px solid var(--color-line);background:var(--color-control);min-width:1.5rem;height:1.5rem;color:var(--color-ink);font-family:var(--font-mono);border-bottom-width:2px;border-radius:.1875rem;place-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-grid}@media (width<=44rem){.shortcuts{gap:var(--space-3)}.shortcuts__list dt{min-width:4rem}}@media (forced-colors:active){.shortcuts kbd{border-color:canvastext}}.study__stage{position:absolute;inset:0}.noscript{max-width:32rem;margin:var(--space-6) auto;padding:0 var(--space-4);line-height:1.5}