:root{--sight-bg: #121214;--sight-panel: #1a1a1e;--sight-border: #2e2e34;--sight-muted: #a1a1aa;--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{margin:0;background:var(--sight-bg);color:#e4e4e7;font-family:var(--sight-font-ui)}.sight-app{min-height:100dvh;display:flex;flex-direction:column}.sight-main{display:contents}.sight-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--sight-border);background:var(--sight-panel)}.sight-header h1{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:.02em}.sight-level-nav{display:flex;align-items:center;gap:.125rem;min-width:0}.sight-practice-label{font-family:var(--sight-font-mono);font-size:.8125rem;color:var(--sight-muted);white-space:nowrap}.sight-level-nav__arrow{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--sight-muted);cursor:pointer;flex-shrink:0}.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;display:grid;grid-template-columns:1fr minmax(280px,360px);min-height:0}@media(max-width:720px){.sight-workspace{grid-template-columns:1fr;grid-template-rows:1fr auto}}.sight-workspace--single{grid-template-columns:1fr}.sight-workspace--single .sight-canvas-zone{border-right:none}.sight-canvas-zone{display:flex;align-items:center;justify-content:center;padding:1.5rem;border-right:1px solid var(--sight-border);min-height:280px}.sight-control-zone{padding:1.25rem;background:var(--sight-panel);display:flex;flex-direction:column;gap:1rem}.sight-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1.25rem;border-top:1px solid var(--sight-border);background:var(--sight-panel);min-height:3.25rem;box-sizing:border-box}.sight-footer-actions{display:grid;flex-shrink:0;align-items:center;justify-items:end}.sight-footer-action{grid-area:1 / 1}.sight-footer-action--hidden{opacity:0;pointer-events:none}.sight-practice-body{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;text-align:inherit;font:inherit;color:inherit}.sight-practice-body--advance{cursor:pointer;margin:0;padding:0;border:none;background:transparent}.sight-practice-body--advance .sight-workspace{pointer-events:none}.sight-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.sight-stats{font-family:var(--sight-font-mono);font-size:.875rem;color:var(--sight-muted);text-align:center;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);font-size:.8125rem;color:var(--sight-muted)}.sight-metrics strong{color:#fafafa}.sight-contextual-stage{width:min(100%,420px);aspect-ratio:4/3;position:relative;border-radius:4px;overflow:hidden}.sight-contextual-bg{position:absolute;inset:0}.sight-contextual-frame{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15)}.sight-contextual-target{width:56%;aspect-ratio:1;border-radius:2px}.sight-contextual-stage--adjacent{aspect-ratio:auto;min-height:11rem;display:flex;align-items:center;justify-content:center}.sight-adjacent-pair{position:relative;z-index:1;display:flex;gap:1.25rem;align-items:flex-end;justify-content:center;padding:1.25rem}.sight-adjacent-pair__col{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sight-adjacent-swatch{width:6.5rem;height:6.5rem;border:2px solid rgba(0,0,0,.2);border-radius:4px;box-sizing:border-box;flex-shrink:0}.sight-flush-pair{position:relative;z-index:1;display:flex;gap:0;align-items:flex-end;justify-content:center;padding:1.25rem}.sight-flush-pair__col{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sight-flush-swatch{width:6.5rem;height:6.5rem;border:none;border-radius:0;box-sizing:border-box;flex-shrink:0}.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 ease,border-color .45s ease,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 rgba(0,0,0,.2);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:transparent}@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);padding:1rem;border-radius:4px}.sight-swatch-row{display:flex;gap:.5rem;flex-wrap:wrap}.sight-swatch{width:2.5rem;height:2.5rem;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sight-bridge-slots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.sight-bridge-slot{width:3.5rem;height:3.5rem;border-radius:4px;border:2px dashed var(--sight-border);cursor:pointer}.sight-bridge-slot.filled{border-style:solid;cursor:default}.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{width:100%;height:auto;display:block;border-radius:4px}.sight-wheel-wrap{position:relative;width:100%;max-width:280px;margin:0 auto}.sight-wheel-canvas{width:100%;aspect-ratio:1;display:block}.sight-sandbox-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--sight-border);font-family:var(--sight-font-mono);font-size:.75rem}.sight-telemetry{font-family:var(--sight-font-mono);font-size:.75rem;line-height:1.5;color:var(--sight-muted);overflow:auto;max-height:100%}.sight-telemetry dt{color:#d4d4d8;margin-top:.5rem}.sight-telemetry dd{margin:.15rem 0 0}.sight-canvas-zone--full{grid-column:1 / -1;border-right:none}.sight-workspace--dimmed{opacity:.55;pointer-events:none}.sight-compare-stage{width:min(100%,420px);min-height:16rem;padding:1.25rem 1.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.sight-compare-prompt{margin:0 0 1.25rem;flex-shrink:0}.sight-compare-swatches{display:flex;gap:2rem;justify-content:center;align-items:center;flex-shrink:0}.sight-compare-swatch{width:7rem;height:7rem;flex-shrink:0;border-radius:4px;border:2px solid rgba(0,0,0,.25);outline:3px solid transparent;outline-offset:3px;cursor:pointer;padding:0;box-sizing:border-box;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sight-compare-swatch:disabled{cursor:default}.sight-compare-swatch--static{cursor:default}.sight-compare-swatch--correct{outline-color:#34d399}.sight-compare-swatch--wrong{outline-color:#f87171}.sight-compare-feedback{width:100%;min-height:7rem;margin-top:.75rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem}.sight-compare-verdict{width:100%;min-height:1.75rem;flex-shrink:0}.sight-match-reveal .sight-verdict-row{min-height:2rem}.sight-compare-verdict__content{opacity:0;transition:opacity .15s ease}.sight-compare-verdict--visible .sight-compare-verdict__content{opacity:1}@media(prefers-reduced-motion:reduce){.sight-compare-verdict__content{transition:none}}.sight-verdict-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .5rem;width:100%;min-height:1.75rem;font-weight:600}.sight-verdict-row__icon{font-size:1.25rem;flex-shrink:0}.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-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;color:#18181b}.sight-match-reveal--pass .sight-verdict-row__score,.sight-match-reveal--fail .sight-verdict-row__score{color:#fafafa}.sight-verdict-row__score-suffix{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:#52525b}.sight-match-reveal--pass .sight-verdict-row__score-suffix,.sight-match-reveal--fail .sight-verdict-row__score-suffix{color:var(--sight-muted)}.sight-verdict-row__detail{font-family:var(--sight-font-mono);font-size:.75rem;font-weight:600;color:#52525b}.sight-match-reveal--pass .sight-verdict-row__detail,.sight-match-reveal--fail .sight-verdict-row__detail{color:var(--sight-muted)}.sight-axis-readout{width:100%;min-height:1.75rem;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .15s ease}.sight-axis-readout--visible{opacity:1;visibility:visible}.sight-axis-readout__row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.sight-axis-readout__badge{font-family:var(--sight-font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:#3f3f46;min-width:1.25rem;text-align:right}.sight-axis-readout__value{font-family:var(--sight-font-mono);font-size:.9375rem;font-weight:700;line-height:1.2;color:#18181b;font-variant-numeric:tabular-nums;padding:.1rem .35rem;border-radius:3px}.sight-axis-readout__value--correct{background:#34d39926;box-shadow:inset 0 0 0 1px #34d399}.sight-axis-readout__value--wrong{background:#f871711f;box-shadow:inset 0 0 0 1px #f87171}.sight-axis-readout__arrow{font-family:var(--sight-font-mono);font-size:.75rem;color:#71717a}.sight-axis-readout--match{display:flex;flex-direction:column;align-items:center;gap:.2rem}.sight-albers-stage{width:min(100%,480px);padding:1.25rem 1.5rem 1rem;text-align:center}.sight-albers-fields{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.sight-albers-field{border-radius:4px;outline:3px solid transparent;outline-offset:3px}.sight-albers-field--correct{outline-color:#34d399}.sight-albers-field--wrong{outline-color:#f87171}.sight-albers-field__bg{width:8.5rem;height:8.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.sight-albers-field__target{width:3.25rem;height:3.25rem;border-radius:4px;border:2px solid rgba(0,0,0,.2)}.sight-albers-actions{display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.sight-proof-strip{width:100%;min-height:2.75rem;opacity:0;visibility:hidden;transition:opacity .15s ease}.sight-proof-strip--visible{opacity:1;visibility:visible}.sight-proof-strip__pair .sight-flush-swatch{width:2.75rem;height:2.75rem}.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{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;width:100%;min-height:3.25rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(0,0,0,.08);box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .15s ease}.sight-oklch-pair--visible{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.sight-oklch-pair{transition:none}}.sight-match-reveal{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem .75rem;max-height:min(70dvh,100%);overflow:hidden}.sight-match-reveal__flush{width:100%;padding:.65rem .85rem .75rem}.sight-match-reveal__label{font-family:var(--sight-font-mono);font-size:.625rem;color:#27272a;text-transform:uppercase;letter-spacing:.06em}.sight-match-reveal__flush .sight-flush-swatch{width:4rem;height:4rem}.sight-match-reveal .sight-oklch-pair{opacity:1;visibility:visible}.sight-oklch-readout{flex:1 1 11rem;max-width:100%;padding:.4rem .55rem;border-radius:4px;background:#0000000d;font-family:var(--sight-font-mono);font-size:.6875rem;line-height:1.35;text-align:left}.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{display:inline-block;min-width:2.75rem;margin-right:.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sight-muted);vertical-align:top}.sight-oklch-readout__channels{display:inline;color:#18181b}.sight-oklch-readout__chip+.sight-oklch-readout__chip:before{content:" · ";color:var(--sight-muted)}.sight-oklch-readout__axis{font-weight:600;color:var(--sight-muted)}.sight-oklch-readout__css{display:block;margin-top:.2rem;font-size:.625rem;color:#3f3f46;word-break:break-all}.sight-bridge-reveal__rows{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.sight-bridge-reveal__pair{display:flex;gap:.25rem;align-items:center}.sight-bridge-reveal__swatch{width:2.5rem;height:2.5rem;border-radius:4px;border:2px solid rgba(0,0,0,.2);flex-shrink:0}.sight-skill-matrix{margin:.75rem 0;padding:.75rem 1rem;background:var(--sight-panel);border:1px solid var(--sight-border);border-radius:6px}.sight-skill-matrix__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.sight-skill-matrix__row{display:grid;grid-template-columns:5.5rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.75rem}.sight-skill-matrix__track{height:.35rem;background:#27272a;border-radius:2px;overflow:hidden}.sight-skill-matrix__fill{display:block;height:100%;background:var(--sight-accent);border-radius:2px}.sight-skill-matrix__value{text-align:right;font-family:var(--sight-font-mono);color:var(--sight-muted)}.sight-home-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.sight-home-focus{margin:.5rem 0;color:var(--sight-accent)}.sight-purpose-chip{margin-left:.25rem}.sight-daily-summary{padding:1.5rem;max-width:28rem}.sight-munsell-grid{display:grid;grid-template-columns:repeat(5,minmax(3rem,1fr));gap:.5rem;max-width:24rem;margin:1rem auto}.sight-munsell-cell{aspect-ratio:1;border:2px solid transparent;border-radius:4px;cursor:pointer;padding:0}.sight-munsell-cell:disabled{cursor:default}.sight-yot-options{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.sight-yot-option{padding:0;border:2px solid var(--sight-border);border-radius:6px;background:transparent;cursor:pointer}.sight-yot-option:disabled{cursor:default}.sight-yot-svg{width:7.5rem;height:5rem;display:block}.sight-albers-field__inner{width:3.25rem;height:3.25rem;border-radius:4px;border:2px solid rgba(0,0,0,.2)}.sight-wheel-canvas--interactive{cursor:crosshair;touch-action:none}.sight-landing{isolation:isolate}.sight-landing--home:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,560px);height:min(36vh,320px);background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(167,139,250,.07),transparent 70%);pointer-events:none;z-index:0}.sight-landing>*{position:relative;z-index:1}.sight-landing .MuiPaper-root{background-image:none}.sight-landing-hero .MuiButton-root:focus-visible{outline:2px solid var(--sight-accent);outline-offset:3px}