:root{--sight-bg:#121214;--sight-panel:#1a1a1e;--sight-border:#2e2e34;--sight-muted:#a1a1aa;--sight-text:#e4e4e7;--sight-text-muted:var(--sight-muted);--sight-text-on-panel:#0f0f11;--sight-text-muted-on-panel:#2a2a2e;--sight-accent:#a78bfa;--sight-neutral-workspace:#7f7f7f;--sight-font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sight-font-ui:"Roboto", system-ui, sans-serif}body{background:var(--sight-bg);color:var(--sight-text);font-family:var(--sight-font-ui);margin:0}.sight-app{height:calc(100vh - var(--labs-debug-dock-height,0px));height:calc(100dvh - var(--labs-debug-dock-height,0px));box-sizing:border-box;flex-direction:column;width:100%;display:flex;overflow:hidden}.sight-main,.sight-practice-shell{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.sight-header{border-bottom:1px solid var(--sight-border);background:var(--sight-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.sight-header h1{letter-spacing:.02em;margin:0;font-size:1.125rem;font-weight:600}.sight-level-nav{align-items:center;gap:.125rem;min-width:0;display:flex}.sight-practice-label{font-family:var(--sight-font-mono);color:var(--sight-muted);white-space:nowrap;font-size:.8125rem}.sight-level-nav__arrow{width:1.75rem;height:1.75rem;color:var(--sight-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.sight-level-nav__arrow .material-symbols-outlined{font-size:1.25rem}.sight-level-nav__arrow:hover:not(:disabled){color:#e4e4e7;background:#ffffff0f}.sight-level-nav__arrow:disabled{opacity:.35;cursor:default}.sight-level-nav__arrow--placeholder{visibility:hidden;pointer-events:none}.sight-workspace{flex:1;grid-template-columns:1fr minmax(280px,360px);min-height:0;display:grid}@media (max-width:720px){.sight-workspace{grid-template-rows:1fr auto;grid-template-columns:1fr}}.sight-workspace--single{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;width:100%}.sight-workspace--single .sight-canvas-zone{border-right:none;justify-content:center;align-items:center;height:100%;min-height:0;padding:clamp(.75rem,2dvh,1.5rem)}.sight-workspace--single .sight-compare-stage,.sight-workspace--single .sight-albers-stage{flex:0 auto;justify-content:center;width:min(100%,480px);min-height:0;max-height:100%;overflow:hidden}.sight-canvas-zone{border-right:1px solid var(--sight-border);justify-content:center;align-items:center;min-height:280px;padding:1.5rem;display:flex}.sight-control-zone{background:var(--sight-panel);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.sight-footer{border-top:1px solid var(--sight-border);background:var(--sight-panel);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:.75rem;min-height:3.25rem;padding:.75rem 1.25rem;display:flex}.sight-footer-actions{flex-shrink:0;place-items:center end;display:grid}.sight-footer-action{grid-area:1/1}.sight-footer-action--hidden{opacity:0;pointer-events:none}.sight-practice-body{width:100%;min-height:0;text-align:inherit;font:inherit;color:inherit;flex-direction:column;flex:1;display:flex}.sight-practice-body>.sight-workspace{flex:1;width:100%;min-height:0}.sight-practice-body--advance{cursor:pointer;background:0 0;border:none;margin:0;padding:0}.sight-practice-body--advance .sight-workspace{pointer-events:none}.sight-home{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex}.sight-stats{font-family:var(--sight-font-mono);color:var(--sight-muted);text-align:center;font-size:.875rem;line-height:1.6}.sight-home-level-picker{width:100%;max-width:20rem}.sight-home-review-hint{text-align:center;max-width:22rem;line-height:1.5}.sight-metrics{font-family:var(--sight-font-mono);color:var(--sight-muted);font-size:.8125rem}.sight-metrics strong{color:#fafafa}.sight-contextual-stage{aspect-ratio:4/3;border-radius:4px;width:min(100%,420px);position:relative;overflow:hidden}.sight-contextual-bg{position:absolute;top:0;bottom:0;left:0;right:0}.sight-contextual-frame{border:2px solid #ffffff26;justify-content:center;align-items:center;display:flex;position:absolute;top:18%;bottom:18%;left:18%;right:18%}.sight-contextual-target{aspect-ratio:1;border-radius:2px;width:56%}.sight-contextual-stage--adjacent{aspect-ratio:auto;justify-content:center;align-items:center;min-height:11rem;display:flex}.sight-adjacent-pair{z-index:1;justify-content:center;align-items:flex-end;gap:1.25rem;padding:1.25rem;display:flex;position:relative}.sight-adjacent-pair__col{flex-direction:column;align-items:center;gap:.5rem;display:flex}.sight-adjacent-swatch{box-sizing:border-box;border:2px solid #0003;border-radius:4px;flex-shrink:0;width:6.5rem;height:6.5rem}.sight-flush-pair{z-index:1;justify-content:center;align-items:flex-end;gap:0;padding:1.25rem;display:flex;position:relative}.sight-flush-pair__col{flex-direction:column;align-items:center;gap:.5rem;display:flex}.sight-flush-swatch{box-sizing:border-box;border:none;border-radius:0;flex-shrink:0;width:6.5rem;height:6.5rem}.sight-flush-pair__col:first-child .sight-flush-swatch{border-radius:4px 0 0 4px}.sight-flush-pair__col:last-child .sight-flush-swatch{border-radius:0 4px 4px 0}.sight-flush-pair--merge-reveal{transition:gap .55s cubic-bezier(.22,1,.36,1)}.sight-flush-pair--merge-reveal .sight-flush-swatch{transition:border-width .45s,border-color .45s,border-radius .55s cubic-bezier(.22,1,.36,1)}.sight-flush-pair--merge-reveal.sight-flush-pair--separated{gap:1.25rem}.sight-flush-pair--merge-reveal.sight-flush-pair--separated .sight-flush-swatch{border:2px solid #0003;border-radius:4px}.sight-flush-pair--merge-reveal.sight-flush-pair--merged{gap:0}.sight-flush-pair--merge-reveal.sight-flush-pair--merged .sight-flush-swatch{border-width:0;border-color:#0000}@media (prefers-reduced-motion:reduce){.sight-flush-pair--merge-reveal,.sight-flush-pair--merge-reveal .sight-flush-swatch{transition:none}}.sight-neutral-panel{background:var(--sight-neutral-workspace);color:var(--sight-text-on-panel);border-radius:4px;padding:1rem}.sight-neutral-panel .MuiTypography-root,.sight-neutral-panel .sight-term{color:inherit}.sight-neutral-panel .sight-prompt-help{color:var(--sight-text-muted-on-panel)}.sight-neutral-panel .sight-prompt-help:hover{color:var(--sight-text-on-panel)}.sight-neutral-panel .sight-prompt-help:focus-visible{color:var(--sight-text-on-panel)}.sight-neutral-panel .sight-verdict-row__text,.sight-neutral-panel .sight-verdict-row__score{color:var(--sight-text-on-panel)}.sight-neutral-panel .sight-verdict-row__score-suffix,.sight-neutral-panel .sight-verdict-row__detail{color:var(--sight-text-muted-on-panel)}.sight-neutral-panel .sight-verdict-row__icon--pass{color:#065f46}.sight-neutral-panel .sight-verdict-row__icon--fail{color:#450a0a}.sight-neutral-panel .sight-axis-readout__badge,.sight-neutral-panel .sight-axis-readout__arrow,.sight-neutral-panel .sight-axis-readout__value{color:var(--sight-text-on-panel)}.sight-neutral-panel .sight-axis-readout__value--correct{color:var(--sight-text-on-panel);background:#00000014;box-shadow:inset 0 0 0 1px #047857}.sight-neutral-panel .sight-axis-readout__value--wrong{color:var(--sight-text-on-panel);background:#00000014;box-shadow:inset 0 0 0 1px #b91c1c}.sight-swatch-row{flex-wrap:wrap;gap:.5rem;display:flex}.sight-swatch{border:1px solid #0003;border-radius:2px;width:2.5rem;height:2.5rem}.sight-bridge-slots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.sight-bridge-slot{border:2px dashed var(--sight-border);cursor:pointer;border-radius:4px;width:3.5rem;height:3.5rem}.sight-bridge-slot.filled{cursor:default;border-style:solid}.sight-bridge-slot[aria-pressed=true]{outline:2px solid var(--sight-accent);outline-offset:2px}.sight-landscape-wrap{width:min(100%,400px)}.sight-landscape-canvas{border-radius:4px;width:100%;height:auto;display:block}.sight-wheel-wrap{width:100%;max-width:280px;margin:0 auto;position:relative}.sight-wheel-canvas{aspect-ratio:1;width:100%;display:block}.sight-sandbox{flex-direction:column;flex:1;min-height:0;display:flex}.sight-sandbox-toolbar{border-bottom:1px solid var(--sight-border);font-family:var(--sight-font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.sight-telemetry{font-family:var(--sight-font-mono);color:var(--sight-muted);max-height:100%;font-size:.75rem;line-height:1.5;overflow:auto}.sight-telemetry dt{color:#d4d4d8;margin-top:.5rem}.sight-telemetry dd{margin:.15rem 0 0}.sight-canvas-zone--full{border-right:none;grid-column:1/-1}.sight-workspace--dimmed{opacity:.55;pointer-events:none}.sight-compare-stage{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:min(100%,420px);min-height:0;padding:clamp(.85rem,2dvh,1.25rem) clamp(1rem,2.5dvh,1.5rem) clamp(.65rem,1.5dvh,1rem);display:flex}.sight-compare-prompt{flex-shrink:0;margin:0}.sight-prompt{text-align:center;flex-shrink:0;justify-content:center;align-items:flex-start;gap:.35rem;max-width:min(36rem,100%);margin:0 0 clamp(.75rem,2dvh,1.25rem);display:flex}.sight-term{font:inherit;color:inherit;cursor:help;-webkit-text-decoration:underline dotted var(--sight-accent);-webkit-text-decoration:underline dotted var(--sight-accent);text-decoration:underline dotted var(--sight-accent);text-underline-offset:.15em;background:0 0;border:0;border-radius:2px;margin:0;padding:0;display:inline}.sight-term:focus-visible{outline:2px solid var(--sight-accent);outline-offset:2px}.sight-prompt-help{color:var(--sight-muted);cursor:help;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:.125rem;line-height:1;display:inline-flex}.sight-prompt-help .material-symbols-outlined{font-size:1.125rem}.sight-prompt-help:hover{color:var(--sight-accent)}.sight-prompt-help:focus-visible{color:var(--sight-accent)}.sight-prompt-help:focus-visible{outline:2px solid var(--sight-accent);outline-offset:2px}.sight-compare-swatches{flex-shrink:0;justify-content:center;align-items:center;gap:2rem;display:flex}.sight-compare-swatch{outline-offset:3px;cursor:pointer;box-sizing:border-box;width:clamp(5rem,14dvh,7rem);height:clamp(5rem,14dvh,7rem);font:inherit;-webkit-appearance:none;appearance:none;border:2px solid #00000040;border-radius:4px;outline:3px solid #0000;flex-shrink:0;padding:0}.sight-compare-swatch:disabled,.sight-compare-swatch--static{cursor:default}.sight-compare-swatch--correct{outline-color:#34d399}.sight-compare-swatch--wrong{outline-color:#f87171}.sight-compare-feedback{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;min-height:0;margin-top:clamp(.5rem,1.5dvh,.75rem);display:flex}.sight-compare-verdict:not(.sight-compare-verdict--visible),.sight-proof-strip:not(.sight-proof-strip--visible),.sight-albers-reveal:not(.sight-albers-reveal--visible),.sight-axis-readout:not(.sight-axis-readout--visible),.sight-oklch-pair:not(.sight-oklch-pair--visible){display:none}.sight-compare-verdict{flex-shrink:0;width:100%;min-height:1.75rem}.sight-match-reveal .sight-verdict-row{min-height:2rem}.sight-compare-verdict__content{opacity:0;transition:opacity .15s}.sight-compare-verdict--visible .sight-compare-verdict__content{opacity:1}@media (prefers-reduced-motion:reduce){.sight-compare-verdict__content{transition:none}}.sight-verdict-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;width:100%;min-height:1.75rem;font-weight:600;display:flex}.sight-verdict-row__icon{flex-shrink:0;font-size:1.25rem}.sight-verdict-row__icon--pass{color:#34d399}.sight-verdict-row__icon--fail{color:#f87171}.sight-verdict-row__text{font-size:.9375rem}.sight-verdict-row__score{font-family:var(--sight-font-mono);font-variant-numeric:tabular-nums;color:var(--sight-text);font-size:1.125rem;font-weight:700}.sight-match-reveal--pass .sight-verdict-row__score,.sight-match-reveal--fail .sight-verdict-row__score{color:var(--sight-text)}.sight-verdict-row__score-suffix{letter-spacing:.04em;text-transform:lowercase;color:var(--sight-text-muted);font-size:.6875rem;font-weight:600}.sight-match-reveal--pass .sight-verdict-row__score-suffix,.sight-match-reveal--fail .sight-verdict-row__score-suffix{color:var(--sight-text-muted)}.sight-verdict-row__detail{font-family:var(--sight-font-mono);color:var(--sight-text-muted);font-size:.75rem;font-weight:600}.sight-match-reveal--pass .sight-verdict-row__detail,.sight-match-reveal--fail .sight-verdict-row__detail{color:var(--sight-text-muted)}.sight-axis-readout{box-sizing:border-box;opacity:0;visibility:hidden;width:100%;min-height:1.75rem;transition:opacity .15s}.sight-axis-readout--visible{opacity:1;visibility:visible}.sight-axis-readout__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.sight-axis-readout__badge{font-family:var(--sight-font-mono);letter-spacing:.06em;color:var(--sight-text-muted);text-align:right;min-width:1.25rem;font-size:.6875rem;font-weight:700}.sight-axis-readout__value{font-family:var(--sight-font-mono);color:var(--sight-text);font-variant-numeric:tabular-nums;border-radius:3px;padding:.1rem .35rem;font-size:.9375rem;font-weight:700;line-height:1.2}.sight-axis-readout__value--correct{color:var(--sight-text);background:#34d3992e;box-shadow:inset 0 0 0 1px #34d399}.sight-axis-readout__value--wrong{color:var(--sight-text);background:#f8717129;box-shadow:inset 0 0 0 1px #f87171}.sight-axis-readout__arrow{font-family:var(--sight-font-mono);color:var(--sight-text-muted);font-size:.75rem}.sight-axis-readout--match{flex-direction:column;align-items:center;gap:.2rem;display:flex}.sight-albers-stage{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:min(100%,480px);min-height:0;padding:clamp(.85rem,2dvh,1.25rem) clamp(1rem,2.5dvh,1.5rem) clamp(.65rem,1.5dvh,1rem);display:flex}.sight-albers-fields{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:clamp(.65rem,2dvh,1rem);margin-bottom:clamp(.5rem,1.5dvh,.75rem);display:flex}.sight-albers-field{outline-offset:3px;border-radius:4px;outline:3px solid #0000}.sight-albers-field--correct{outline-color:#34d399}.sight-albers-field--wrong{outline-color:#f87171}.sight-albers-field__bg{border-radius:4px;justify-content:center;align-items:center;width:clamp(6rem,22dvh,8.5rem);height:clamp(6rem,22dvh,8.5rem);display:flex}.sight-albers-field__target{border:2px solid #0003;border-radius:4px;width:clamp(2.25rem,8dvh,3.25rem);height:clamp(2.25rem,8dvh,3.25rem)}.sight-albers-actions{flex-shrink:0;justify-content:center;gap:.75rem;margin-bottom:0;display:flex}.sight-app .sight-albers-choice-btn.MuiButton-root{min-width:5.75rem}.sight-proof-strip{width:100%;min-height:0;transition:opacity .15s}.sight-proof-strip--visible{opacity:1}.sight-proof-strip__pair .sight-flush-swatch{width:2.75rem;height:2.75rem}.sight-proof-strip__pair--separated{gap:1.25rem}.sight-proof-strip__pair--separated .sight-flush-swatch{border-radius:4px}.sight-albers-reveal{flex-direction:column;align-items:center;gap:.5rem;width:100%;transition:opacity .15s;display:flex}.sight-albers-reveal:not(.sight-albers-reveal--visible){display:none}.sight-albers-reveal--visible{opacity:1}.sight-albers-reveal__note{max-width:22rem;font-family:var(--sight-font-mono);color:var(--sight-text-muted);text-align:center;margin:0;font-size:.6875rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.sight-albers-reveal{transition:none}}.sight-proof-strip .sight-match-reveal__label{font-size:.625rem}.sight-flashcard-reveal{width:100%}@media (prefers-reduced-motion:reduce){.sight-axis-readout{transition:none}}.sight-oklch-pair{border-top:1px solid var(--sight-border);box-sizing:border-box;opacity:0;visibility:hidden;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;min-height:3.25rem;margin-top:.75rem;padding-top:.65rem;transition:opacity .15s;display:flex}.sight-oklch-pair--visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.sight-oklch-pair{transition:none}}.sight-match-reveal{flex-direction:column;align-items:center;gap:.5rem;width:min(100%,420px);max-height:min(70dvh,100%);padding:.5rem .75rem;display:flex;overflow:hidden}.sight-match-reveal__flush{width:100%;padding:.65rem .85rem .75rem}.sight-match-reveal__label{font-family:var(--sight-font-mono);color:var(--sight-text-muted-on-panel);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.sight-neutral-panel .sight-match-reveal__label,.sight-match-reveal__flush .sight-match-reveal__label{color:var(--sight-text-on-panel)}.sight-match-reveal__flush .sight-flush-swatch{width:4rem;height:4rem}.sight-match-reveal .sight-oklch-pair{opacity:1;visibility:visible}.sight-oklch-readout{background:var(--sight-panel);max-width:100%;font-family:var(--sight-font-mono);text-align:left;border-radius:4px;flex:11rem;padding:.4rem .55rem;font-size:.6875rem;line-height:1.35}.sight-oklch-readout--hidden{visibility:hidden}.sight-oklch-readout--correct{box-shadow:inset 0 0 0 2px #34d399}.sight-oklch-readout--wrong{box-shadow:inset 0 0 0 2px #f87171}.sight-oklch-readout__label{text-transform:uppercase;letter-spacing:.05em;min-width:2.75rem;color:var(--sight-muted);vertical-align:top;margin-right:.35rem;font-weight:700;display:inline-block}.sight-oklch-readout__channels{color:var(--sight-text);display:inline}.sight-neutral-panel .sight-oklch-readout{background:#0000000d}.sight-neutral-panel .sight-oklch-readout__channels{color:var(--sight-text-on-panel)}.sight-oklch-readout__chip+.sight-oklch-readout__chip:before{content:" · ";color:var(--sight-text-muted)}.sight-oklch-readout__axis{color:var(--sight-text-muted);font-weight:600}.sight-oklch-readout__css{color:var(--sight-text-muted);word-break:break-all;margin-top:.2rem;font-size:.625rem;display:block}.sight-neutral-panel .sight-oklch-readout__css{color:var(--sight-text-muted-on-panel)}.sight-bridge-reveal__rows{flex-flow:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.sight-bridge-reveal__pair{align-items:center;gap:.25rem;display:flex}.sight-bridge-reveal__swatch{border:2px solid #0003;border-radius:4px;flex-shrink:0;width:2.5rem;height:2.5rem}.sight-skill-matrix{background:var(--sight-panel);border:1px solid var(--sight-border);border-radius:6px;margin:.75rem 0;padding:.75rem 1rem}.sight-skill-matrix__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.sight-skill-matrix__row{grid-template-columns:5.5rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.sight-skill-matrix__track{background:#27272a;border-radius:2px;height:.35rem;overflow:hidden}.sight-skill-matrix__fill{background:var(--sight-accent);border-radius:2px;height:100%;display:block}.sight-skill-matrix__value{text-align:right;font-family:var(--sight-font-mono);color:var(--sight-muted)}.sight-home-actions{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.sight-home-focus{color:var(--sight-accent);margin:.5rem 0}.sight-purpose-chip{margin-left:.25rem}.sight-daily-summary{max-width:28rem;padding:1.5rem}.sight-munsell-grid{grid-template-columns:repeat(5,minmax(3rem,1fr));gap:.5rem;max-width:24rem;margin:1rem auto;display:grid}.sight-munsell-cell{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:4px;padding:0}.sight-munsell-cell:disabled{cursor:default}.sight-yot-options{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.sight-yot-option{border:2px solid var(--sight-border);cursor:pointer;background:0 0;border-radius:6px;padding:0}.sight-yot-option:disabled{cursor:default}.sight-yot-svg{width:7.5rem;height:5rem;display:block}.sight-albers-field__inner{border:2px solid #0003;border-radius:4px;width:3.25rem;height:3.25rem}.sight-wheel-canvas--interactive{cursor:crosshair;touch-action:none}.sight-landing{isolation:isolate;flex:1;overflow-y:auto}.sight-landing--home:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 50% 0,#a78bfa12,#0000 70%);width:min(100%,560px);height:min(36vh,320px);position:absolute;top:0;left:50%;transform:translate(-50%)}.sight-landing>*{z-index:1;position:relative}.sight-landing .MuiPaper-root{background-image:none}.sight-landing-hero .MuiButton-root:focus-visible{outline:2px solid var(--sight-accent);outline-offset:3px}