:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--fg);background-color:var(--bg-mute);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fg: #e1e1e1;--fg-mute: #a1a1a1;--bg: #242424;--bg-mute: #1a1a1a;--border: #333;--accent: #535bf2;--accent-dk: #030b92;--primary: inherit;--green: #00bd7e;--green-dk: #005a39;--yellow: #c7aa19;--red: #e85454;--white: #ffffff}@media (prefers-color-scheme: light){:root{--fg: #213547;--fg-mute: #6c7a89;--bg: #ffffff;--bg-mute: #f9f9f9;--border: #ddd}}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-dk)}body{margin:0;display:flex;height:100%;width:100%}h1{font-size:3.2em;line-height:1.1}aside{display:flex;flex-direction:column;gap:1em}#app{display:grid;gap:1em;width:100svw;height:100svh}button,input,select{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;accent-color:var(--accent)}button:hover,input:hover,select:hover{border-color:var(--accent)}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible{outline:4px auto -webkit-focus-ring-color}button.primary,input.primary,select.primary{background-color:var(--accent);color:#fff}button.primary:hover,input.primary:hover,select.primary:hover{background-color:var(--accent-dk);border-color:var(--accent-dk)}button:disabled,input:disabled,select:disabled{background-color:var(--bg-mute);color:var(--border);cursor:not-allowed}button:disabled:hover,input:disabled:hover,select:disabled:hover{background-color:var(--border);border-color:var(--border)}#konva-container{min-height:400px;min-width:400px}input,button,select,.card{border:1px solid transparent;border-radius:8px;border-color:var(--border);background-color:var(--bg)}input .heading,button .heading,select .heading,.card .heading{display:flex;width:100%;flex-direction:row;gap:.5em;align-items:center}input .heading h4,button .heading h4,select .heading h4,.card .heading h4{margin:0}input .card,button .card,select .card,.card .card{background-color:var(--bg-mute)}.editor{display:flex;flex-direction:column;gap:1em;padding:1em;justify-content:flex-start;align-items:start}.editor button{width:100%}.editor p{margin-top:0}.playground{display:flex;flex-direction:column;gap:1em}.mathing h1{margin-bottom:0}.muted{color:var(--fg-mute)}.standout{font-weight:900;color:var(--fg);font-size:1.5rem}.clickable{cursor:pointer}.slider-number-input[data-v-32bfe74b]{display:flex;flex-direction:column;gap:.5em}.slider-number-input div[data-v-32bfe74b]{display:grid;grid-template-columns:1fr min-content;gap:1em}input[type=range][data-v-32bfe74b]{width:100%;padding:1em 0}div.navigator[data-v-da578e08]{position:sticky;top:0;margin:1em 0 1em 1em;height:calc(100svh - 4em);padding:1em;background:var(--bg);border:1px solid var(--border);width:220px;border-radius:.5em;overflow:clip;display:flex;flex-direction:column;gap:1em}.spacer[data-v-da578e08]{flex-grow:1}summary[data-v-da578e08]{cursor:pointer}.item[data-v-da578e08]{display:flex;flex-direction:column;gap:1em}.item .heading[data-v-da578e08]{font-size:1rem;font-weight:900;color:var(--text-muted)}.item.with-bottom-line[data-v-da578e08]:not(:last-child){margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid var(--border)}.title[data-v-da578e08]{display:grid;align-items:center;grid-template-columns:50px 1fr;gap:1em;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid var(--border)}.title h2[data-v-da578e08]{margin:0}input.search[data-v-da578e08]{width:calc(100% - 2.4em)}div.favs[data-v-da578e08]{display:flex;flex-direction:row;width:100%;justify-content:space-around}div.favs .fav[data-v-da578e08]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}div.favs .fav .icon[data-v-da578e08]{background:var(--accent);color:var(--white);border:1px solid var(--border);border-radius:1000vmax;padding:.25em;width:1.5em;height:1.5em;font-size:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:900}div.favs .fav .icon[data-v-da578e08]:hover{background:var(--accent-dk);cursor:pointer}div.favs .fav[disabled=true][data-v-da578e08]{cursor:not-allowed}div.favs .fav[disabled=true] .icon[data-v-da578e08]{background:var(--border);cursor:not-allowed}@media screen and (max-width: 750px){div.navigator[data-v-da578e08]{position:relative;height:calc(100% - 2em);width:calc(100svw - 4em)}}.body[data-v-e2d80438]{position:relative;padding:0;display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:1em;max-height:100vh;max-width:100vw;max-height:100svh;max-width:100svw;overflow:hidden}.content[data-v-e2d80438]{overflow-x:clip;overflow-y:auto;padding:1em 1em 1em 0;width:calc(100% - 1em);height:calc(100% - 2em)}@media screen and (max-width: 750px){.body[data-v-e2d80438]{grid-template-columns:1fr}}