:root{--accent:#9f88ff;--accent-soft:#2a2450;--accent-ink:#0a0a12;--bg:#0d0e16;--surface:#171a28;--surface-2:#1f2338;--border:#363c5e;--border-strong:#6b73a0;--text:#eceefb;--text-dim:#b9bddb;--text-muted:#9aa0c4;--ok:#6ee7a8;--ok-fill:#12301f;--ok-border:#3f8f63;--bad:#ff9ba6;--bad-fill:#3a1119;--bad-border:#b95563;--warn:#ffcf7a;--warn-fill:#33260c;--sel:#c3b2ff;--sel-fill:#2b2352;--img-fill:#0f2f3a;--img-border:#4f9db3;--img:#8fd8ea;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background-color:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}#app{max-width:1180px;margin:0 auto;padding:0 clamp(.9rem,3vw,2rem) 3rem}#app p{color:var(--text)}#app a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}#app a:hover{color:var(--sel)}#app :focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app h2{margin:0 0 .5rem;font-size:clamp(1.15rem,2.2vw,1.45rem)}#app h3{margin:0 0 .4rem;font-size:1.02rem}#app h4{letter-spacing:.02em;margin:0 0 .3rem;font-size:.92rem}.cl-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;color:var(--text-dim);margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-dim);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:var(--accent-soft);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;color:var(--sel);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}.cl-hero-main{flex:0 auto;width:100%;min-width:0}}.panes{margin:1.2rem 0 0}.pane-list{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;padding-bottom:.6rem;display:flex}.pane-btn{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:9px;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .85rem;font-size:.86rem;font-weight:600;display:inline-flex}.pane-btn:hover{border-color:var(--accent);color:var(--text)}.pane-btn[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pane-num{font-family:var(--mono);font-size:.78rem}.pane-lock{font-size:.78rem;font-family:var(--mono)}.pane{padding-top:1.2rem}.pane:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 1rem;padding:1rem 1.1rem}.card-intro{border-left:3px solid var(--accent)}.card h2{margin-top:0}.lede{color:var(--text-dim);max-width:70ch}.note{color:var(--text-muted);max-width:74ch;font-size:.88rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack-gap{flex-direction:column;gap:.75rem;display:flex}button.act{font:inherit;border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--accent-ink);cursor:pointer;border-radius:9px;padding:.55rem .95rem;font-size:.88rem;font-weight:600}button.act:hover{background:var(--sel);border-color:var(--sel)}button.act.ghost{color:var(--text);border-color:var(--border-strong);background:0 0}button.act.ghost:hover{border-color:var(--accent);background:var(--surface-2)}button.act:disabled{opacity:1;background:var(--surface-2);color:var(--text-muted);border-color:var(--border);cursor:not-allowed}label{color:var(--text-dim);flex-direction:column;gap:.25rem;font-size:.85rem;display:inline-flex}select,input[type=text]{font:inherit;font-family:var(--mono);background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;min-height:44px;padding:.45rem 2rem .45rem .6rem;font-size:.86rem}input[type=text]{padding-right:.6rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}input[type=range]{accent-color:var(--accent);width:min(100%,30rem);height:44px}input[aria-invalid=true]{border-color:var(--bad-border)}.verdict{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;font-size:.92rem;display:flex}.verdict-mark{font-family:var(--mono);flex:none;font-weight:700}.verdict.is-pass{background:var(--ok-fill);border-color:var(--ok-border);color:var(--ok)}.verdict.is-fail{background:var(--bad-fill);border-color:var(--bad-border);color:var(--bad)}.verdict.is-idle{color:var(--text-dim)}.verdict strong{color:inherit}.block-grid{font-family:var(--mono);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;max-width:15rem;display:grid}.block-cell{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:5px;padding:.35rem 0;font-size:.85rem}.block-cell.changed{background:var(--accent-soft);border-color:var(--accent);color:var(--sel);font-weight:700}.block-cell .chg{font-size:.7rem;line-height:1;display:block}.stage-flow{flex-wrap:wrap;gap:1rem;display:flex}.stage{min-width:15rem}.stage-label{font-family:var(--mono);color:var(--text-dim);margin:0 0 .3rem;font-size:.8rem}.stage.is-current .stage-label{color:var(--sel);font-weight:700}.grid-wrap{flex-wrap:wrap;gap:1rem;display:flex}.grid-col{flex:24rem;min-width:min(100%,20rem)}.scroll-x{overflow-x:auto}.scroll-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}table.sbox{border-collapse:collapse;font-family:var(--mono);width:100%;min-width:19rem;font-size:.66rem}table.sbox th{color:var(--text-muted);padding:1px 2px;font-size:.62rem;font-weight:600}table.sbox td{border:1px solid var(--border);text-align:center;background:var(--surface-2);color:var(--text);padding:2px 1px;position:relative}table.sbox td.blank{color:var(--text-muted);background:var(--surface)}table.sbox td.match{background:var(--ok-fill);color:var(--ok);border-color:var(--ok-border)}table.sbox td.miss{background:var(--bad-fill);color:var(--bad);border-color:var(--bad-border);outline:2px solid var(--bad-border);outline-offset:-2px;font-weight:700}table.sbox td.sel{background:var(--sel-fill);color:var(--sel);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px;font-weight:700}table.sbox td.img{background:var(--img-fill);color:var(--img);border-color:var(--img-border);outline:2px dashed var(--img-border);outline-offset:-2px;font-weight:700}table.sbox td .mk{font-size:.6rem}caption{caption-side:top;text-align:left;color:var(--text-dim);padding-bottom:.3rem;font-size:.82rem}.legend{color:var(--text-dim);flex-wrap:wrap;gap:.5rem 1rem;margin:.6rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:.35rem;display:flex}.swatch{border:1px solid var(--border-strong);border-radius:3px;width:.85rem;height:.85rem;display:inline-block}.swatch.match{background:var(--ok-fill);border-color:var(--ok-border)}.swatch.miss{background:var(--bad-fill);border-color:var(--bad-border)}.swatch.sel{background:var(--sel-fill);border-color:var(--accent)}.swatch.img{background:var(--img-fill);border-color:var(--img-border)}.chips{font-family:var(--mono);flex-wrap:wrap;gap:3px;margin:.4rem 0 0;padding:0;font-size:.74rem;list-style:none;display:flex}.chips li{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:1px 4px}.chips.is-space li{background:var(--img-fill);border-color:var(--img-border);color:var(--img)}.chips.is-sel li{background:var(--sel-fill);border-color:var(--accent);color:var(--sel)}.const-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem;display:grid}.field-msg{color:var(--warn);margin:.25rem 0 0;font-size:.8rem}.field-msg:empty{display:none}.record{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.record li{border-left:2px solid var(--border-strong);padding-left:.8rem}.record .when{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;font-size:.76rem;display:block}.scale-readout{font-family:var(--mono);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.35rem;margin:.6rem 0 0;font-size:.84rem;display:grid}.scale-readout div{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem}.scale-readout .k{color:var(--text-muted);letter-spacing:.03em;font-family:system-ui,sans-serif;font-size:.72rem;display:block}.shape-figure{margin:0}.shape-figure svg{width:100%;max-width:560px;height:auto}.shape-wide{display:block}.shape-narrow{display:none}@media (width<=640px){.shape-wide{display:none}.shape-narrow{max-width:300px;display:block}}.shape-figure figcaption{color:var(--text-dim);max-width:70ch;margin-top:.5rem;font-size:.82rem}details{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:.6rem .85rem}details+details{margin-top:.6rem}summary{cursor:pointer;min-height:24px;font-size:.9rem;font-weight:600}summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}details p,details ul{color:var(--text-dim);font-size:.9rem}code,.mono{font-family:var(--mono)}#app code{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:0 .25rem;font-size:.86em}.src{color:var(--text-muted);font-size:.86em;display:inline}.record .src{margin-top:.3rem;display:block}.refs{color:var(--text-dim);flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.scripture-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:2.5rem;padding-top:1.2rem;font-size:.85rem}.scripture-footer p{color:var(--text-muted)}.footer-links a{color:var(--text-dim)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.grid-col{flex-basis:auto}.stage{min-width:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}