:root{--font-family:"Computer Modern Sans", serif;--color-navy:#1b2a49;--color-white:#fff;--color-black:#000;--color-teal:#4ecdc4;--color-amber:#f5a623;--color-slate:#6b7fa8;--color-focus:var(--color-teal);--navbar-bg:var(--color-navy);--navbar-border:rgb(from var(--color-white) r g b / .18);--navbar-border-strong:rgb(from var(--color-white) r g b / .35);--navbar-surface:rgb(from var(--color-white) r g b / .08);--navbar-surface-hover:rgb(from var(--color-white) r g b / .14);--navbar-text:var(--color-white);--navbar-text-muted:rgb(from var(--color-white) r g b / .55);--navbar-focus:var(--color-focus);--navbar-search-bg:var(--navbar-surface);--navbar-search-bg-focus:var(--navbar-surface-hover);--navbar-search-border:var(--navbar-border);--navbar-search-border-focus:var(--navbar-focus);--navbar-search-text:var(--navbar-text);--navbar-search-placeholder:var(--navbar-text-muted);--navbar-search-icon:var(--navbar-text-muted);--navbar-toggle-bg:var(--navbar-surface);--navbar-toggle-bg-hover:var(--navbar-surface-hover);--navbar-toggle-border:var(--navbar-border);--navbar-toggle-border-hover:var(--navbar-border-strong);--navbar-toggle-icon:var(--navbar-text-muted);--brand-icon:var(--navbar-text);--brand-text:var(--navbar-text);--toolbox-border:var(--navbar-border);--toolbox-text:var(--navbar-text);--toolbox-text-muted:var(--navbar-text-muted);--toolbox-surface:var(--navbar-surface);--toolbox-surface-hover:var(--navbar-surface-hover);--toolbox-scrollbar:var(--toolbox-text-muted);--toolbox-focus:var(--navbar-focus);--toolbox-group-border:var(--toolbox-border);--toolbox-group-text:var(--toolbox-text);--toolbox-group-icon:var(--toolbox-text);--toolbox-group-chevron:var(--toolbox-text-muted);--toolbox-group-focus:var(--toolbox-focus);--toolbox-item-bg:var(--toolbox-surface);--toolbox-item-border:var(--toolbox-border);--toolbox-item-text:var(--toolbox-text);--toolbox-item-hover-bg:rgb(from var(--color-slate) r g b / .28);--toolbox-item-hover-border:rgb(from var(--color-slate) r g b / .55);--toolbox-item-focus:var(--toolbox-focus);--toolbox-item-number-bg:rgb(from var(--color-teal) r g b / .16);--toolbox-item-number-border:rgb(from var(--color-teal) r g b / .4);--toolbox-item-number-hover-bg:rgb(from var(--color-teal) r g b / .28);--toolbox-item-number-hover-border:rgb(from var(--color-teal) r g b / .55);--toolbox-item-operator-bg:rgb(from var(--color-amber) r g b / .16);--toolbox-item-operator-border:rgb(from var(--color-amber) r g b / .4);--toolbox-item-operator-hover-bg:rgb(from var(--color-amber) r g b / .28);--toolbox-item-operator-hover-border:rgb(from var(--color-amber) r g b / .55);--toolbox-picker-bg:var(--toolbox-item-bg);--toolbox-picker-border:var(--toolbox-item-border);--toolbox-picker-text:var(--toolbox-item-text);--toolbox-picker-hover-bg:var(--toolbox-item-hover-bg);--toolbox-picker-hover-border:var(--toolbox-item-hover-border);--toolbox-picker-toggle:var(--toolbox-text-muted);--toolbox-picker-toggle-hover:var(--toolbox-text);--toolbox-picker-menu-bg:var(--navbar-bg);--toolbox-picker-menu-border:var(--toolbox-border);--toolbox-picker-menu-shadow:0 4px 12px rgb(from var(--color-black) r g b / .25);--toolbox-picker-option-hover:var(--toolbox-surface-hover);--toolbox-picker-focus:var(--toolbox-focus);--toolbox-picker-number-bg:var(--toolbox-item-number-bg);--toolbox-picker-number-border:var(--toolbox-item-number-border);--toolbox-picker-number-hover-bg:var(--toolbox-item-number-hover-bg);--toolbox-picker-number-hover-border:var(--toolbox-item-number-hover-border);--toolbox-picker-operator-bg:var(--toolbox-item-operator-bg);--toolbox-picker-operator-border:var(--toolbox-item-operator-border);--toolbox-picker-operator-hover-bg:var(--toolbox-item-operator-hover-bg);--toolbox-picker-operator-hover-border:var(--toolbox-item-operator-hover-border);--footer-border:var(--navbar-border);--footer-text:rgb(from var(--color-white) r g b / .82);--footer-text-hover:var(--navbar-text);--footer-icon:var(--navbar-text-muted);--footer-hover-bg:var(--navbar-surface);--footer-focus:var(--navbar-focus);--footer-support-icon:#ff2c2c;--canvas-bg:var(--color-white);--color-bg-canvas:var(--canvas-bg);--color-canvas-text:var(--color-navy);--color-canvas-muted:rgb(from var(--color-navy) r g b / .55);--color-canvas-surface:var(--canvas-bg);--color-canvas-border:rgb(from var(--color-navy) r g b / .12);--color-canvas-border-strong:rgb(from var(--color-navy) r g b / .2);--canvas-cell-size:48px;--canvas-selection-width:3px;--canvas-grid-width:1px;--canvas-overlay-width:2px;--color-canvas-controls-bg:#eef1f6;--color-canvas-controls-text:var(--color-navy);--color-canvas-controls-muted:rgb(from var(--color-navy) r g b / .55);--color-canvas-controls-border:rgb(from var(--color-navy) r g b / .18);--color-canvas-controls-hover:rgb(from var(--color-navy) r g b / .07);--color-canvas-controls-active:rgb(from var(--color-navy) r g b / .12);--color-canvas-controls-zoom-bg:rgb(from var(--color-navy) r g b / .06);--color-canvas-controls-focus:var(--color-focus);--shadow-canvas-float:0 1px 3px rgb(from var(--color-navy) r g b / .12)}*{box-sizing:border-box}html,body{height:100dvh;font-family:var(--font-family);margin:0;overflow:hidden}button{cursor:pointer;font-family:inherit}.app-container{height:100%;display:flex}.navbar-container{background-color:var(--navbar-bg);flex-direction:column;flex-shrink:0;width:15rem;transition:width .1s;display:flex}.navbar-container.is-collapsed{--collapsed-size:2.5rem;--collapsed-track:calc(var(--collapsed-size) + 1.75rem);width:var(--collapsed-track)}.navbar-divider{border:none;border-top:1px solid var(--navbar-border);margin:.5rem 0}.navbar-container.is-collapsed .navbar-divider{width:var(--collapsed-size);margin-inline:auto}.brand-container{flex-shrink:0;align-items:flex-end;gap:.625rem;padding:.75rem .5rem;display:flex}.navbar-container.is-collapsed .brand-container{justify-content:center;width:100%;padding-inline:.375rem;display:flex}.brand-icon{width:32px;height:32px;color:var(--brand-icon)}.brand-name{height:32px;color:var(--brand-text);letter-spacing:.1em;align-items:flex-end;font-size:2rem;line-height:.7;display:flex}.navbar-container.is-collapsed .brand-name{display:none}.search-container{flex-shrink:0;align-items:stretch;gap:.375rem;padding:.75rem .5rem;display:flex}.navbar-container.is-collapsed .search-container{justify-content:center;width:100%;padding-inline:.375rem}.search-field{background:var(--navbar-search-bg);border:1px solid var(--navbar-search-border);border-radius:.5rem;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0 .625rem;display:flex}.search-field:focus-within{background:var(--navbar-search-bg-focus);border-color:var(--navbar-search-border-focus)}.navbar-container.is-collapsed .search-field{display:none}.search-icon{width:.875rem;height:.875rem;color:var(--navbar-search-icon)}.search-input{min-width:0;color:var(--navbar-search-text);background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-size:.75rem}.search-input::placeholder{color:var(--navbar-search-placeholder)}.search-input:focus-visible{outline:none}.navbar-toggle{border:1px solid var(--navbar-toggle-border);background:var(--navbar-toggle-bg);cursor:pointer;border-radius:.5rem;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;min-width:2.5rem;padding-inline:.5rem;display:flex}.navbar-toggle:hover{background:var(--navbar-toggle-bg-hover);border-color:var(--navbar-toggle-border-hover)}.navbar-toggle:focus-visible{outline:2px solid var(--navbar-focus);outline-offset:1px}.navbar-container.is-collapsed .navbar-toggle{aspect-ratio:auto;width:100%;padding:.5rem .625rem}.navbar-toggle-icon{width:.875rem;height:.875rem;color:var(--navbar-toggle-icon);transition:transform .1s}.navbar-toggle:hover .navbar-toggle-icon{opacity:1}.navbar-container.is-collapsed .navbar-toggle-icon{transform:rotate(180deg)}.toolbox-container{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--toolbox-scrollbar) transparent;direction:rtl;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.toolbox-group{direction:ltr}.navbar-container.is-collapsed .toolbox-container{scrollbar-gutter:stable;padding-inline-end:.25rem}.toolbox-group{border-bottom:1px solid var(--toolbox-group-border)}.navbar-container.is-collapsed .toolbox-group{flex-direction:column;align-items:center;display:flex}.toolbox-group.is-search-hidden,.toolbox-group:not(.is-open) .toolbox-items{display:none}.toolbox-group-title{width:100%;color:var(--toolbox-group-text);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-family:inherit;font-size:1.25rem;display:flex}.toolbox-group-title:focus-visible{outline:2px solid var(--toolbox-group-focus);outline-offset:1px}.navbar-container.is-collapsed .toolbox-group-title{width:var(--collapsed-size);justify-content:center;padding:.375rem 0}.toolbox-group-title:after{content:"";border-right:1.5px solid var(--toolbox-group-chevron);border-bottom:1.5px solid var(--toolbox-group-chevron);width:.4rem;height:.4rem;transition:transform 75ms;transform:rotate(-45deg)}.toolbox-group.is-open .toolbox-group-title:after{transform:rotate(45deg)}.navbar-container.is-collapsed .toolbox-group-title:after{display:none}.toolbox-group-label{align-items:center;gap:.5rem;display:flex}.navbar-container.is-collapsed .toolbox-group-label{justify-content:center;width:100%}.toolbox-group-icon{width:2rem;height:2rem;color:var(--toolbox-group-icon);flex-shrink:0}.navbar-container.is-collapsed .toolbox-group-icon{width:2.5rem;height:2.5rem}.navbar-container.is-collapsed .toolbox-group-text{display:none}.toolbox-items{grid-template-columns:repeat(4,minmax(2rem,1fr));gap:.375rem;padding:0 .75rem .75rem;display:grid}.navbar-container.is-collapsed .toolbox-items{width:var(--collapsed-size);grid-template-columns:1fr;max-width:100%;margin-inline:auto;padding:0 0 .5rem}.navbar-container.is-collapsed .toolbox-items>.toolbox-item,.navbar-container.is-collapsed .toolbox-items>.toolbox-item-nested{order:var(--collapsed-order,0)}.toolbox-item{box-sizing:border-box;border:1px solid var(--toolbox-item-border);background:var(--toolbox-item-bg);min-height:2.5rem;color:var(--toolbox-item-text);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.125rem;font-family:inherit;font-size:.875rem;line-height:1.1;display:flex}.toolbox-item:hover{background:var(--toolbox-item-hover-bg);border-color:var(--toolbox-item-hover-border)}.toolbox-item:focus-visible{outline:2px solid var(--toolbox-item-focus);outline-offset:1px}.toolbox-item.is-search-hidden{display:none}.navbar-container.is-collapsed .toolbox-item{width:100%;max-width:var(--collapsed-size);min-height:var(--collapsed-size);margin-inline:auto;padding:0}.toolbox-item-wide{grid-column:span 2}.navbar-container.is-collapsed .toolbox-item-wide{grid-column:span 1}.toolbox-item-number{background:var(--toolbox-item-number-bg);border-color:var(--toolbox-item-number-border)}.toolbox-item-number:hover{background:var(--toolbox-item-number-hover-bg);border-color:var(--toolbox-item-number-hover-border)}.toolbox-item-operator{background:var(--toolbox-item-operator-bg);border-color:var(--toolbox-item-operator-border)}.toolbox-item-operator:hover{background:var(--toolbox-item-operator-hover-bg);border-color:var(--toolbox-item-operator-hover-border)}.toolbox-item-icon{width:1.25rem;height:1.25rem;color:var(--toolbox-item-text);flex-shrink:0}.toolbox-item-nested{box-sizing:border-box;border:1px solid var(--toolbox-picker-border);background:var(--toolbox-picker-bg);min-height:2.5rem;color:var(--toolbox-picker-text);border-radius:.375rem;font-family:inherit;font-size:.875rem;display:flex;position:relative}.toolbox-item-nested:hover{background:var(--toolbox-picker-hover-bg);border-color:var(--toolbox-picker-hover-border)}.toolbox-item-nested.is-search-hidden{display:none}.navbar-container.is-collapsed .toolbox-item-nested{width:100%;max-width:var(--collapsed-size);min-height:var(--collapsed-size);margin-inline:auto}.toolbox-item-nested.toolbox-item-number{background:var(--toolbox-picker-number-bg);border-color:var(--toolbox-picker-number-border)}.toolbox-item-nested.toolbox-item-number:hover{background:var(--toolbox-picker-number-hover-bg);border-color:var(--toolbox-picker-number-hover-border)}.toolbox-item-nested.toolbox-item-operator{background:var(--toolbox-picker-operator-bg);border-color:var(--toolbox-picker-operator-border)}.toolbox-item-nested.toolbox-item-operator:hover{background:var(--toolbox-picker-operator-hover-bg);border-color:var(--toolbox-picker-operator-hover-border)}.toolbox-item-nested-main,.toolbox-item-nested-toggle,.toolbox-item-nested-menu button{color:inherit;cursor:pointer;font-family:inherit}.toolbox-item-nested-main{width:100%;height:100%;font-size:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.toolbox-item-nested-main:focus-visible{outline:2px solid var(--toolbox-picker-focus);outline-offset:1px}.navbar-container.is-collapsed .toolbox-item-nested-main{padding:0}.toolbox-item-nested-toggle{width:1rem;height:1rem;color:var(--toolbox-picker-toggle);background:0 0;border:none;padding:0;font-size:.625rem;line-height:1;position:absolute;bottom:0;right:0}.toolbox-item-nested-toggle:hover{color:var(--toolbox-picker-toggle-hover)}.toolbox-item-nested-toggle:focus-visible{outline:2px solid var(--toolbox-picker-focus);outline-offset:1px}.navbar-container.is-collapsed .toolbox-item-nested-toggle{width:.75rem;height:.75rem;font-size:.5rem}.toolbox-item-nested-menu{z-index:10;border:1px solid var(--toolbox-picker-menu-border);background:var(--toolbox-picker-menu-bg);min-width:100%;box-shadow:var(--toolbox-picker-menu-shadow);border-radius:.375rem;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;left:0}.navbar-container.is-collapsed .toolbox-item-nested-menu{min-width:100%;margin-top:.25rem;margin-left:0;margin-right:0;top:100%;left:0;right:auto}.toolbox-item-nested-menu button{text-align:center;background:0 0;border:none;border-radius:.25rem;width:100%;padding:.375rem .5rem;font-size:.875rem;display:block}.toolbox-item-nested-menu button:hover,.toolbox-item-nested-menu button[aria-selected=true]{background:var(--toolbox-picker-option-hover)}.toolbox-item-nested-menu button:focus-visible{outline:2px solid var(--toolbox-picker-focus);outline-offset:1px}.navbar-footer{border-top:1px solid var(--footer-border);flex-direction:column;flex-shrink:0;gap:.125rem;padding:.375rem .5rem .625rem;display:flex}.navbar-container.is-collapsed .navbar-footer{padding-inline:.375rem}.navbar-footer-btn{width:100%;color:var(--footer-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-family:inherit;font-size:.825rem;display:flex}.navbar-footer-btn:hover{background:var(--footer-hover-bg);color:var(--footer-text-hover)}.navbar-footer-btn:focus-visible{outline:2px solid var(--footer-focus);outline-offset:1px}.navbar-container.is-collapsed .navbar-footer-btn{justify-content:center;padding:.5rem}.navbar-footer-icon{width:1.5rem;height:1.5rem;color:var(--footer-icon);flex-shrink:0}#support-icon{color:var(--footer-support-icon);opacity:.8}.navbar-container.is-collapsed .navbar-footer-label{display:none}.mathgrid-canvas{background-color:var(--color-bg-canvas);flex:1;min-width:0;position:relative}#mathgrid{width:100%;height:100%;display:block}.canvas-controls{border:1px solid var(--color-canvas-controls-border);background:var(--color-canvas-controls-bg);min-height:2.5rem;box-shadow:var(--shadow-canvas-float);border-radius:.625rem;align-items:stretch;display:flex;position:absolute;right:1rem;overflow:hidden}.canvas-controls--top{top:1rem}.canvas-controls--bottom{bottom:1rem}.canvas-control-btn{width:2.5rem;color:var(--color-canvas-controls-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.125rem;font-weight:500;line-height:1;display:flex}.canvas-control-btn:hover{background:var(--color-canvas-controls-hover)}.canvas-control-btn:active{background:var(--color-canvas-controls-active)}.canvas-control-btn:focus-visible{outline:2px solid var(--color-canvas-controls-focus);outline-offset:-2px;z-index:1}.canvas-control-icon{width:1.25rem;height:1.25rem}.canvas-control-divider{background:var(--color-canvas-controls-border);flex-shrink:0;width:1px}.zoom-btn{width:2.25rem}.zoom-level{border-inline:1px solid var(--color-canvas-controls-border);background:var(--color-canvas-controls-zoom-bg);min-width:3.25rem;color:var(--color-canvas-controls-text);font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:center;align-items:center;padding:0 .375rem;font-family:inherit;font-size:.75rem;font-weight:600;display:flex}.zoom-level:focus-visible{outline:2px solid var(--color-canvas-controls-focus);outline-offset:-2px;z-index:1}@font-face{font-family:Computer Modern Sans;src:url(/assets/cmunss-BjaB-Km9.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Computer Modern Sans;src:url(/assets/cmunsx--Tq4Sim3.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Computer Modern Sans;src:url(/assets/cmunsi-gISGVATM.woff)format("woff");font-weight:400;font-style:italic}@font-face{font-family:Computer Modern Sans;src:url(/assets/cmunso-BZmbNgwp.woff)format("woff");font-weight:700;font-style:italic}