.math-stage{cursor:crosshair}.math-stage:focus-visible{outline-offset:-4px}.math-canvas,.math-ghost{width:100%;height:100%;display:block;position:absolute;inset:0}.math-canvas[data-shown=false]{visibility:hidden}.math-ghost{opacity:0;pointer-events:none}.math-tabs{top:var(--demo-bar);left:var(--demo-gutter);z-index:4;gap:18px;display:flex;position:absolute}.math-tabs button{min-height:44px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;transition:color var(--dur-quick) ease}.math-tabs button:hover{color:var(--demo-white)}.math-tabs button[aria-selected=true]{color:var(--demo-white);text-underline-offset:6px;text-decoration:underline}.math-overlay{inset:0 0 var(--demo-sheet) 0;z-index:2;pointer-events:none;animation:math-arrive .24s var(--ease);position:absolute}@keyframes math-arrive{0%{opacity:0}}.math-inset{border:1px solid var(--demo-line);position:absolute}.math-inset p{color:var(--demo-text);white-space:nowrap;background:var(--demo-veil);border-radius:var(--radius-control);margin:0 0 6px;padding:2px 8px;font-size:12px;position:absolute;bottom:100%;left:0}.math-panel{color:var(--demo-dim);border:1px solid var(--demo-line);border-radius:var(--radius-control);padding:8px 10px;font-size:11px;line-height:16px;position:absolute}.math-panel p{-moz-column-gap:12px;flex-wrap:wrap;column-gap:12px;margin:0;display:flex}.math-panel strong{color:var(--demo-white);font-weight:500}.math-panel[data-state=Finished] strong{color:var(--demo-dim)}.math-mute{top:var(--demo-bar);min-height:44px;color:var(--demo-white);font:inherit;text-underline-offset:4px;white-space:nowrap;cursor:pointer;pointer-events:auto;padding:0 14px;text-decoration:underline;position:absolute;left:50%;transform:translate(-50%)}.math-diagram{background:var(--demo-veil);-webkit-backdrop-filter:blur(12px);border:1px solid var(--demo-line);border-radius:var(--radius-control);pointer-events:auto;position:absolute}.math-diagram svg{width:100%;height:100%;display:block}.math-diagram line{stroke:var(--demo-bone);stroke-opacity:.45}.math-diagram g{fill:var(--demo-bone);cursor:pointer;outline:none}.math-diagram g[data-lit=true],.math-diagram g:focus-visible{fill:var(--demo-white);stroke:var(--demo-white);stroke-width:3px}.math-diagram-target{fill:#0000;stroke:none}.math-corner{left:var(--demo-gutter);bottom:calc(var(--demo-sheet) + 24px);z-index:4;width:min(420px, calc(100% - 320px - 3 * var(--demo-gutter)));flex-direction:column;gap:8px;font-size:12px;display:flex;position:absolute}.math-card,.math-spectrum{background:var(--demo-veil);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-control);padding:12px 14px}.math-placard{border-bottom:1px solid var(--demo-line);margin-bottom:10px;padding-bottom:10px}.math-placard summary{-moz-column-gap:12px;cursor:pointer;grid-template-columns:1fr auto;column-gap:12px;list-style:none;display:grid}.math-placard summary::-webkit-details-marker{display:none}.math-placard h2{color:var(--demo-white);margin:0;font-size:13px;font-weight:500}.math-placard-formula{color:var(--demo-bone);grid-column:1;font-size:13px}.math-placard-fold{text-underline-offset:4px;grid-area:1/2/span 2;align-self:center;text-decoration:underline}.math-placard p{margin:4px 0 0}.math-placard .math-placard-note{color:var(--demo-white)}.math-spectrum svg{cursor:crosshair;width:100%;height:44px;display:block}.math-spectrum rect{fill:var(--demo-dim);fill-opacity:.35}.math-spectrum rect[data-used=true]{fill:var(--demo-bone);fill-opacity:1}.math-spectrum rect[data-lit=true]{fill:var(--demo-white);stroke:var(--demo-white);stroke-width:1.5px}.math-spectrum p{margin:6px 0 0}.math-group>div{-moz-column-gap:12px;grid-template-columns:1fr 1fr;column-gap:12px;display:grid}.math-group legend{padding:10px 0 0}.math-loss{padding-top:10px;font-size:12px}.math-loss p{margin:0}.math-loss svg{border-bottom:1px solid var(--demo-line);width:100%;height:72px;margin:8px 0 4px;display:block}.math-loss polyline{fill:none;stroke:var(--demo-white);stroke-width:1.5px}.math-loss .math-loss-range{justify-content:space-between;display:flex}.math-results{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:13px}.math-results caption{color:var(--demo-dim);text-align:left;padding-bottom:8px}.math-results th,.math-results td{text-align:left;border-bottom:1px solid var(--demo-line);padding:6px 12px 6px 0;font-weight:400}.math-results thead th{color:var(--demo-dim)}.math-results tbody th{color:var(--demo-white)}@media (max-width:767px){.math-tabs{gap:14px}.math-corner{width:calc(100% - 2 * var(--demo-gutter));bottom:calc(var(--demo-sheet) + 12px)}.math-card,.math-spectrum{padding:10px 12px}.math-spectrum svg{height:32px}.math-mute{left:auto;right:4px;transform:none}.math-mute span{display:none}}@media (prefers-reduced-motion:reduce){.math-overlay{animation:none}}