.math-pg{--pgc-bg:#fafafa;--pgc-border:#e4e4e7;--pgc-border-soft:#f1f1f3;--pgc-text:#18181b;--pgc-text-2:#3f3f46;--pgc-muted:#71717a;--pgc-accent:#ea580c;--pgc-mono:"JetBrains Mono", monospace}.dark .math-pg{--pgc-bg:#09090b;--pgc-border:#27272a;--pgc-border-soft:#1f1f23;--pgc-text:#f4f4f5;--pgc-text-2:#d4d4d8;--pgc-muted:#a1a1aa;--pgc-accent:#fb923c}.math-pg .pg-caption{text-align:center;color:var(--pgc-muted);max-width:52ch;margin:6px auto 14px;font-size:12px}.math-pg .pg-svgtext{font-family:var(--pgc-mono);fill:var(--pgc-muted)}.math-pg .pg-axis{stroke:var(--pgc-border);stroke-width:1px}.math-pg .pg-grid{stroke:var(--pgc-border-soft);stroke-width:.7px;stroke-dasharray:2 4}.math-pg .pg-dash{stroke:var(--pgc-muted);stroke-width:1px;stroke-dasharray:4 3;opacity:.55}.math-pg .pg-controls{justify-items:center;gap:8px;max-width:460px;margin:14px auto 0;display:grid}.math-pg .pg-controls>*{width:100%}.math-pg .pg-btnrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.math-pg .pg-slider{grid-template-columns:118px 1fr 58px;align-items:center;gap:10px;display:grid}.math-pg .pg-slider-label{font-family:var(--pgc-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--pgc-muted);overflow-wrap:anywhere;font-size:10px}.math-pg .pg-slider-val{font-family:var(--pgc-mono);text-align:right;font-variant-numeric:tabular-nums;color:var(--pgc-text);font-size:12px}.math-pg input[type=range]{accent-color:#3b82f6;width:100%;margin:0}.math-pg .pg-btn{font-family:var(--pgc-mono);border:1px solid var(--pgc-border);height:30px;color:var(--pgc-text-2);cursor:pointer;background:0 0;border-radius:8px;justify-self:center;width:auto;padding:0 12px;font-size:11.5px;font-weight:500;transition:background-color .15s,color .15s}.math-pg .pg-btn:hover{background:var(--pgc-bg);color:var(--pgc-text)}.math-pg .pg-btn:focus-visible,.math-pg .pg-seg-btn:focus-visible{outline:2px solid var(--pgc-accent);outline-offset:2px}.math-pg .pg-btn-primary{background:var(--pgc-text);color:var(--pgc-bg);border-color:var(--pgc-text)}.math-pg .pg-btn-primary:hover{background:var(--pgc-text-2);color:var(--pgc-bg)}.math-pg .pg-seg{border:1px solid var(--pgc-border);border-radius:8px;justify-self:center;width:max-content;display:inline-flex;overflow:hidden}.math-pg .pg-seg-btn{font-family:var(--pgc-mono);color:var(--pgc-muted);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:11px;transition:background-color .15s,color .15s}.math-pg .pg-seg-btn:hover{color:var(--pgc-text)}.math-pg .pg-seg-btn.active{background:var(--pgc-border-soft);color:var(--pgc-text)}.math-pg .pg-readout{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:14px;display:flex}.math-pg .pg-readout-item{align-items:baseline;gap:7px;display:inline-flex}.math-pg .pg-readout-label{font-family:var(--pgc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pgc-muted);font-size:10px}.math-pg .pg-readout-item b{font-family:var(--pgc-mono);font-variant-numeric:tabular-nums;color:var(--pgc-text);font-size:13px;font-weight:500}.math-pg .pg-matrix{gap:6px;width:max-content;margin:10px auto;display:grid}.math-pg .pg-matrix input{width:60px;font-family:var(--pgc-mono);text-align:center;background:var(--pgc-bg);border:1px solid var(--pgc-border);color:var(--pgc-text);border-radius:6px;padding:4px 6px;font-size:12px}.math-pg .pg-matrix input:focus-visible{outline:2px solid var(--pgc-accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.math-pg *{transition:none!important}}