html,body{color:#e5e5e5;-webkit-font-smoothing:antialiased;cursor:default;background-color:#0a0a0a;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}body{--grid-minor:24px;--grid-major:calc(var(--grid-minor) * 5);background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:var(--grid-major) var(--grid-major), var(--grid-major) var(--grid-major), var(--grid-minor) var(--grid-minor), var(--grid-minor) var(--grid-minor);background-position:50%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:1px solid #c5fb45}#app{width:100%;height:100%;position:relative}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas.grabbing{cursor:grabbing}.drawing canvas{cursor:crosshair}.muted{color:#666}.has-tip{cursor:help}.slider .has-tip,.toggle .has-tip{text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffffff40;text-decoration:underline dotted #ffffff40}.tooltip{z-index:10;color:#bbb;pointer-events:none;background:#0c0c0cf5;border:1px solid #2a2a2a;border-left:2px solid #c5fb45;border-radius:6px;max-width:300px;padding:9px 11px;font-size:12px;line-height:1.5;position:absolute;top:0;left:0;box-shadow:0 6px 24px #00000080}.tooltip[hidden]{display:none}.tooltip b{color:#e5e5e5;font-weight:600}.tooltip i{color:#777;margin-top:4px;display:block}.equation{color:#aaa;font-variant-numeric:lining-nums;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;max-width:calc(100% - 240px);font:17px/1.35 STIX Two Text,Cambria Math,Georgia,serif;display:flex;position:absolute;top:16px;left:16px}.equation[hidden]{display:none}.equation var{font-style:italic}.eq-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.equation .sym{color:#f0f0f0;border-radius:4px;padding:0 4px;font-size:26px}.equation .sym:hover,.equation .more:hover{color:#c5fb45;background:#c5fb451a}.equation .how{color:#888;letter-spacing:.06em;text-transform:uppercase;border:1px solid #2a2a2a;border-radius:99px;align-self:center;margin-right:8px;padding:3px 10px;font:11px system-ui,Segoe UI,sans-serif}.equation .how:hover{color:#c5fb45;border-color:#c5fb45}.equation .eq-terms{font-size:18px}.equation .chip{color:#d6d6d6;font-variant-numeric:tabular-nums lining-nums;background:#0a0a0ab3;border:1px solid #222;border-radius:6px;padding:3px 9px;transition:border-color .15s,color .15s}.equation .chip:hover{color:#c5fb45;border-color:#c5fb45}.equation .plus{color:#555}.equation .more{color:#777;border-radius:4px;padding:0 4px;font-style:italic}.equation sup,.equation sub{font-size:.68em;line-height:0}.toolbar{background:#0a0a0ad9;border:1px solid #222;border-radius:8px;padding:4px;font-size:12px;position:absolute;top:16px;right:16px}.toolbar[hidden]{display:none}.toolbar .choice button{min-width:76px}.hint{color:#555;letter-spacing:.04em;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.hint[hidden]{display:none}.controls{-webkit-user-select:none;user-select:none;background:#0a0a0ad9;border:1px solid #222;border-radius:8px;max-height:calc(100% - 32px);font-size:12px;position:absolute;bottom:16px;left:16px;overflow-y:auto}.controls-header{color:#888;width:100%;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:11px;display:flex}.controls-header:after{content:"−";font-size:14px}.controls-header[aria-expanded=false]:after{content:"+"}.controls-header:hover{color:#e5e5e5}.controls-body{flex-direction:column;gap:8px;padding:2px 14px 12px;display:flex}.controls-body[hidden]{display:none}.row{align-items:center;gap:14px;display:flex}.action{color:#c5fb45;min-width:58px;font:inherit;cursor:pointer;background:0 0;border:1px solid #c5fb45;border-radius:5px;padding:5px 10px}.action:hover{background:#c5fb451a}.slider{color:#888;grid-template-columns:48px 160px 44px;align-items:center;gap:10px;display:grid}.slider .value{box-sizing:border-box;color:#e5e5e5;width:100%;font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:text;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 4px}.slider .value:hover{border-color:#2a2a2a}.slider .value:focus{background:#050505;border-color:#c5fb45;outline:none}.select{color:#888;grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}.select select{color:#e5e5e5;font:inherit;cursor:pointer;background:#050505;border:1px solid #222;border-radius:5px;padding:4px 6px}.select select:focus-visible{outline-offset:2px;outline:1px solid #c5fb45}.shape-picker{flex-direction:column;gap:6px;display:flex}.shape-picker[hidden]{display:none}.shape-picker .about{color:#777;max-width:280px;margin:0;line-height:1.45}.slider input{accent-color:#c5fb45;cursor:pointer;margin:0}.choice{gap:4px;display:flex}.choice[hidden]{display:none}.choice button{color:#888;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #222;border-radius:5px;flex:1;padding:5px 10px}.choice button:hover{color:#e5e5e5}.choice button[aria-checked=true]{color:#c5fb45;border-color:#c5fb45}.textbox{flex-direction:column;gap:6px;display:flex}.textbox[hidden]{display:none}.textbox textarea{box-sizing:border-box;color:#e5e5e5;resize:vertical;background:#050505;border:1px solid #222;border-radius:5px;width:100%;padding:6px 8px;font:11px/1.4 ui-monospace,Consolas,monospace}.textbox textarea:focus{border-color:#555;outline:none}.textbox .error{color:#ff6b6b;margin:0}.textbox .error:empty{display:none}.textbox button{color:#c5fb45;font:inherit;cursor:pointer;background:0 0;border:1px solid #c5fb45;border-radius:5px;align-self:flex-start;padding:5px 10px}.textbox button:hover{background:#c5fb451a}.toggle{color:#888;cursor:pointer;align-items:center;gap:8px;display:flex}.toggle input{accent-color:#c5fb45;cursor:pointer;margin:0}