:root{color-scheme:light dark;--paper: #edefec;--paper-sunk: #e5e8e3;--ink: #15181a;--rule: #c7cdc5;--rule-soft: #d9ded7;--muted: #6f7a6f;--verd: #1d6b5b;--verd-lit: #2f9d83;--verd-wash: rgba(29, 107, 91, .09);--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--tech: "Martian Mono", "DM Mono", ui-monospace, monospace;--rail: 21rem;--gutter: clamp(1.25rem, 3.2vw, 3rem)}@media(prefers-color-scheme:dark){:root{--paper: #101312;--paper-sunk: #171b19;--ink: #e7eae6;--rule: #2c332f;--rule-soft: #232926;--muted: #808c83;--verd: #4fbfa3;--verd-lit: #7fd9c2;--verd-wash: rgba(79, 191, 163, .11)}}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono.woff2) format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:.875rem;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}a{color:var(--verd);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--verd);outline-offset:2px}.skip{position:absolute;left:-9999px;top:0;z-index:10;background:var(--paper);padding:.6rem 1rem}.skip:focus{left:0}.bar{display:flex;align-items:baseline;gap:.85rem 1.4rem;flex-wrap:wrap;padding:1.05rem var(--gutter);border-bottom:1px solid var(--rule)}.bar__name{margin:0;font-family:var(--tech);font-size:.9rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.bar__what{margin:0;color:var(--muted)}.bar__where{margin:0 0 0 auto;color:var(--muted);font-size:.78rem}.sheet{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);grid-template-areas:"hero console" "proof console"}.hero{grid-area:hero;min-width:0}.console{grid-area:console}.sheet__proof{grid-area:proof;min-width:0;padding:0 0 6rem}.eyebrow{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin:0;padding:0 var(--gutter) .7rem;font-family:var(--tech);font-size:.63rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.eyebrow__hint{font-family:var(--mono);font-size:.72rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.hero{padding:clamp(1.5rem,4vw,3rem) 0 clamp(1rem,2.5vw,2rem)}.hero__stage{position:relative;cursor:text}.hero__canvas{display:block;width:100%;height:clamp(190px,27vw,320px);user-select:none;-webkit-user-select:none}.hero__capture{position:absolute;left:0;top:50%;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.block{padding:clamp(1.6rem,3.5vw,2.75rem) 0 0;border-top:1px solid var(--rule-soft);margin-top:clamp(1.6rem,3.5vw,2.75rem)}.block__canvas{display:block;width:100%}.colophon{padding:clamp(1.6rem,3.5vw,2.75rem) 0 0;border-top:1px solid var(--rule-soft);margin-top:clamp(1.6rem,3.5vw,2.75rem)}.colophon__body{max-width:46rem;padding:0 var(--gutter);color:var(--muted);line-height:1.65}.colophon__body p{margin:0 0 1em}.colophon__note{color:var(--ink)}.console{border-left:1px solid var(--rule);min-height:calc(100dvh - 3.6rem);user-select:none;-webkit-user-select:none}.console input{user-select:text;-webkit-user-select:text}.console__inner{position:sticky;top:0;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.panel{padding:1.35rem 1.25rem 1.5rem;border-bottom:1px solid var(--rule-soft)}.panel .eyebrow{padding:0 0 .9rem}.panel__note--lead{margin:0 0 .8rem!important}.panel__note{margin:.85rem 0 0;font-size:.74rem;line-height:1.5;color:var(--muted)}.families{display:grid;gap:.3rem}.family{display:grid;grid-template-columns:4.4rem 1fr;align-items:baseline;gap:0 .6rem;border:1px solid var(--rule);border-radius:2px;background:transparent;padding:.5rem .6rem;text-align:left;cursor:pointer;transition:border-color .12s ease}.family:hover{border-color:var(--verd)}.family[aria-checked=true]{border-color:var(--verd);background:var(--verd-wash)}.family__name{font-family:var(--tech);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.family[aria-checked=true] .family__name{color:var(--verd)}.family__tag{font-size:.7rem;line-height:1.4;color:var(--muted)}.lesson__body{max-width:46rem;padding:0 var(--gutter)}.lesson__body p{margin:0;color:var(--muted);line-height:1.65}.lesson__good{margin-top:.85em!important;color:var(--ink)!important}.lesson__good span{font-family:var(--tech);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--verd);margin-right:.5em}.lesson__good em{font-style:normal}.axes{display:flex;flex-direction:column;gap:.05rem}.axis[hidden]{display:none}.axis{display:grid;grid-template-columns:1fr auto;gap:0 .6rem;padding:.4rem 0 .5rem;border-radius:3px}.axis:hover,.axis--live{background:var(--verd-wash);box-shadow:0 0 0 .45rem var(--verd-wash)}.axis__name{font-size:.78rem;letter-spacing:.02em}.axis__value{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:500;color:var(--verd)}.axis__slider{grid-column:1 / -1;-webkit-appearance:none;appearance:none;width:100%;margin:.15rem 0 0;background:transparent;cursor:ew-resize}.axis__slider::-webkit-slider-runnable-track{height:1px;background:var(--rule)}.axis__slider::-moz-range-track{height:1px;background:var(--rule)}.axis__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:15px;margin-top:-7px;border:0;border-radius:1px;background:var(--ink)}.axis__slider::-moz-range-thumb{width:9px;height:15px;border:0;border-radius:1px;background:var(--ink)}.axis__note{grid-column:1 / -1;margin:.3rem 0 0;font-size:.7rem;line-height:1.45;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .18s ease,opacity .18s ease}.axis:hover .axis__note,.axis--live .axis__note,.axis:focus-within .axis__note{max-height:4rem;opacity:1}.axes__foot{display:flex;gap:.5rem;margin-top:1.1rem}.ghost,.solid{border-radius:2px;padding:.55rem .8rem;font-size:.76rem;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.ghost{border:1px solid var(--rule);background:transparent;color:var(--ink);flex:1}.ghost:hover{border-color:var(--verd);color:var(--verd)}.ghost--wide{width:100%;margin-top:.45rem}.solid{display:block;width:100%;border:1px solid var(--verd);background:var(--verd);color:var(--paper);font-weight:500}.solid:hover{background:var(--verd-lit);border-color:var(--verd-lit)}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.preset{border:1px solid var(--rule);border-radius:2px;background:transparent;padding:.45rem .55rem .5rem;text-align:left;cursor:pointer;transition:border-color .12s ease}.preset:hover{border-color:var(--verd)}.preset[aria-pressed=true]{border-color:var(--verd);background:var(--verd-wash)}.preset__name{display:block;font-size:.76rem;font-weight:500}.preset__blurb{display:block;margin-top:.15rem;font-size:.66rem;line-height:1.35;color:var(--muted)}.alts{display:grid;gap:.3rem}.alt{display:block;border:1px solid var(--rule);border-radius:2px;background:transparent;padding:.42rem .55rem .48rem;text-align:left;cursor:pointer;transition:border-color .12s ease}.alt:hover{border-color:var(--verd)}.alt[aria-pressed=true]{border-color:var(--verd);background:var(--verd-wash)}.alt__label{display:block;font-size:.75rem;font-weight:500}.alt[aria-pressed=true] .alt__label{color:var(--verd)}.alt__label:before{content:"○";margin-right:.45em;color:var(--muted)}.alt[aria-pressed=true] .alt__label:before{content:"●";color:var(--verd)}.alt__note{display:block;margin-top:.12rem;font-size:.66rem;line-height:1.4;color:var(--muted)}.field{display:block;margin-bottom:.7rem}.field__label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.3rem}.field__input{width:100%;border:1px solid var(--rule);border-radius:2px;background:var(--paper-sunk);padding:.5rem .6rem;font-size:.8rem}.field__input:focus{border-color:var(--verd)}@media(max-width:60rem){.sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "console" "proof"}.console{border-left:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:0}.console__inner{position:static;max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}.panel{border-bottom:1px solid var(--rule-soft)}.bar__where{margin-left:0;flex-basis:100%}}@media(max-width:30rem){.presets{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}