:root{--accent:#c62828;--accent-bg:#c628281a;--grid-stroke:var(--rule);--grid-transformed:var(--accent);--eigenvector:#d84315;--eigenvector-bg:#d8431526;--basis-i:#1565c0;--basis-j:#c62828;--det-positive:#2e7d32;--det-negative:#c62828;--det-zero:var(--rule);--interactive:#c62828;--interactive-hover:#a01e1e;--gate-bg:var(--bg-subtle);--gate-border:var(--rule);--sum-color:#6b4c9a}blockquote.formula{border-left-color:var(--accent)}.basis-i-color{color:var(--basis-i)}.basis-j-color{color:var(--basis-j)}.eigen-color{color:var(--eigenvector)}.det-positive{color:var(--det-positive)}.det-negative{color:var(--det-negative)}.viz-label{fill:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif;font-size:12px}.viz-label-mono{fill:var(--ink);font-family:Source Code Pro,Menlo,monospace;font-size:11px}.drag-handle{cursor:grab}.vector-plane{max-width:500px;margin:0 auto}.vector-plane svg{aspect-ratio:1;width:100%;height:auto;display:block}.vector-readout{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);justify-content:center;display:flex}.vector-readout .readout-value{font-variant-numeric:tabular-nums;color:var(--basis-i);font-family:Source Code Pro,Menlo,monospace;font-size:1.125rem}.scale-add-plane{max-width:600px;margin:0 auto}.scale-add-plane svg{aspect-ratio:1;width:100%;height:auto;display:block}.scale-add-controls{gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.slider-group{align-items:center;gap:var(--space-sm);display:flex}.slider-group input[type=range]{max-width:160px}.slider-val{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;color:var(--ink);font-family:Source Code Pro,Menlo,monospace;font-size:.875rem}.basis-transform-grid{max-width:500px;margin:var(--space-md) auto 0}.basis-transform-grid svg{aspect-ratio:1;width:100%;height:auto;display:block}.grid-transform-container{max-width:700px;margin:0 auto}.grid-transform-container svg{aspect-ratio:1;width:100%;height:auto;display:block}.matrix-editor{justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--space-md) auto;display:flex}.matrix-bracket{color:var(--ink-light);font-family:"Source Serif 4",Georgia,serif;font-size:2.5rem;font-weight:300;line-height:1}.matrix-entries{gap:var(--space-xs);flex-direction:column;display:flex}.matrix-row{gap:var(--space-sm);display:flex}.matrix-input{font-variant-numeric:tabular-nums;text-align:center;border:1px solid var(--rule);width:5.5ch;padding:var(--space-xs);background:var(--bg);min-height:44px;color:var(--ink);border-radius:4px;font-family:Source Code Pro,Menlo,monospace;font-size:1.125rem}.matrix-input:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.matrix-presets .pill{align-items:center;min-height:44px;display:inline-flex}.matrix-presets{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.det-readout{justify-content:center;align-items:baseline;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.det-value{font-variant-numeric:tabular-nums;font-family:Source Code Pro,Menlo,monospace;font-size:1.5rem;font-weight:600;transition:color .2s ease-out}.det-value.positive{color:var(--det-positive)}.det-value.negative{color:var(--det-negative)}.det-value.zero{color:var(--det-zero)}.det-meaning{color:var(--ink-light);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.875rem;font-style:italic}.eigen-hunt-container{max-width:600px;margin:var(--space-md) auto 0}.eigen-hunt-container svg{aspect-ratio:1;cursor:crosshair;width:100%;height:auto;display:block}.eigen-hunt-status{margin-top:var(--space-sm);color:var(--ink-light);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.9375rem}.eigen-touch-hint{text-align:center;color:var(--ink-light);margin-top:var(--space-xs);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;display:none}@media (width<=768px){.eigen-touch-hint{display:block}}.eigen-hunt-feedback{text-align:center;color:var(--det-negative);min-height:1.5em;margin-top:var(--space-xs);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;transition:opacity .3s ease-out}.eigen-hunt-feedback.fading{opacity:0}.eigen-hunt-results{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;min-height:48px;display:flex}.eigen-result{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--eigenvector-bg);color:var(--eigenvector);border-radius:4px;font-family:Source Code Pro,Menlo,monospace;font-size:.875rem;animation:.3s ease-out fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eigen-result .eigen-dir{font-weight:600}.eigen-result .eigen-val{color:var(--ink-light)}.decompose-container{max-width:600px;margin:0 auto}.decompose-container svg{aspect-ratio:1;width:100%;height:auto;display:block}.decompose-narration{color:var(--ink);text-align:center;max-width:520px;margin:var(--space-md) auto var(--space-xs);opacity:0;min-height:3.2em;font-family:"Source Serif 4",Georgia,serif;font-size:.9375rem;line-height:1.6;transition:opacity .3s ease-out}.decompose-narration.visible{opacity:1}.decompose-steps{gap:var(--space-xs);margin:var(--space-md) auto;flex-wrap:wrap;justify-content:center;display:flex}button.decompose-step{font:inherit;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--rule);color:var(--ink-light);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out;display:flex}.decompose-step:hover{border-color:var(--ink-light)}.decompose-step.active{background:var(--accent-bg);border-color:var(--accent);color:var(--ink)}.step-number{background:var(--rule);width:20px;height:20px;color:var(--ink-light);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:inline-flex}.decompose-step.active .step-number{background:var(--accent);color:#fff}.step-label{white-space:nowrap}.decompose-controls{gap:var(--space-md);margin-top:var(--space-sm);justify-content:center;align-items:center;display:flex}@media (width<=768px){.scale-add-controls{flex-direction:column;align-items:stretch}.slider-group{justify-content:center}.slider-group input[type=range]{flex:1;max-width:100%}.matrix-presets,.decompose-steps{flex-direction:column;align-items:center}.decompose-controls{flex-direction:column}}@media (prefers-reduced-motion:reduce){.vector-plane *,.scale-add-plane *,.grid-transform-container *,.eigen-hunt-container *,.decompose-container *{transition-duration:0s!important;animation-duration:0s!important}.eigen-result{animation:none}}