:root{color-scheme:dark;--bg: #0d1017;--panel: #161b24;--panel-2: #1d2431;--text: #f0f3f8;--text-dim: #cbd2de;--text-muted: #98a2b3;--border: #2c3444;--accent: #be123c;--accent-text: #fb7185;--accent-ink: #ffffff;--safe-text: #34d399;--safe-fill: #065f46;--safe-ink: #ffffff;--held-text: #60a5fa;--held-fill: #1e40af;--alarm-text: #f87171;--alarm-fill: #b91c1c;--alarm-ink: #ffffff;--warn-text: #fbbf24;--warn-fill: #92400e;--warn-ink: #ffffff;--code-bg: #0b0e14;--focus: #fb7185}:root[data-theme=light]{color-scheme:light;--bg: #f7f8fb;--panel: #ffffff;--panel-2: #eef1f6;--text: #12151c;--text-dim: #3d4757;--text-muted: #5a6474;--border: #d3d9e3;--accent: #be123c;--accent-text: #a10e32;--accent-ink: #ffffff;--safe-text: #047040;--safe-fill: #065f46;--safe-ink: #ffffff;--held-text: #1d4ed8;--held-fill: #1e40af;--alarm-text: #b91c1c;--alarm-fill: #b91c1c;--alarm-ink: #ffffff;--warn-text: #92400e;--warn-fill: #92400e;--warn-ink: #ffffff;--code-bg: #eef1f6;--focus: #a10e32}html{background-color:var(--bg)}body{margin:0;background-color:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}*:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}#app{max-width:68rem;margin:0 auto;padding:0 clamp(.9rem,4vw,2rem) 3rem}#app p{color:var(--text)}#app section{margin:2.2rem 0}#app h2{font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0 0 .35rem;line-height:1.25}#app h3{font-size:1.05rem;margin:1.1rem 0 .4rem}.section-kicker{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.3rem}.lead{color:var(--text-dim);max-width:68ch}#app a{color:var(--accent-text);text-decoration:underline}#app a:hover{text-decoration:none}.cl-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(1rem,4vw,3rem);flex-wrap:wrap;margin:clamp(1rem,3vw,2rem) 0 1.5rem}.cl-hero-main{flex:1 1 22rem;min-width:min(100%,20rem)}.cl-hero-title{margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1;letter-spacing:.01em}.cl-hero-sub{margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem);letter-spacing:.01em;color:var(--text-dim)}.cl-hero-desc{margin:.55rem 0 0;font-size:1rem;line-height:1.5;color:var(--text-dim);max-width:60ch}.cl-hero-why{flex:0 1 min(40%,26rem);min-width:min(100%,15rem);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.05rem;background:color-mix(in oklab,var(--accent) 8%,var(--panel))}.cl-hero-why-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--accent-text)}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5;color:var(--text)}@media (max-width: 640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}}.card{background-color:var(--panel);border:1px solid var(--border);border-radius:12px;padding:clamp(1rem,2.5vw,1.5rem)}.card+.card{margin-top:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}#app button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background-color:var(--panel-2);color:var(--text);padding:.5rem .9rem}#app button:hover:not(:disabled){border-color:var(--accent-text)}#app button:disabled{cursor:not-allowed;opacity:1;color:var(--text-muted);background-color:var(--panel)}#app button.primary{background-color:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}#app button.primary:hover:not(:disabled){filter:brightness(1.08)}#app button.danger{background-color:var(--alarm-fill);color:var(--alarm-ink);border-color:var(--alarm-fill);font-weight:600}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.steps{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.step{border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;background-color:var(--panel-2)}.step[data-done=false]{border-style:dashed;background-color:var(--panel)}.step[data-done=true]{border-color:color-mix(in oklab,var(--accent) 45%,var(--border))}.step-role{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.step-title{font-weight:600}.subst{border:1px dashed var(--accent-text);border-radius:8px;padding:.5rem .75rem;margin-top:.5rem;background:color-mix(in oklab,var(--accent) 6%,var(--panel))}.field-toggles{display:grid;gap:.5rem}.field-toggle{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;background-color:var(--panel-2)}.field-toggle input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--accent)}.field-toggle .ft-name{font-weight:600}.field-toggle .ft-note{color:var(--text-muted);font-size:.85rem}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background-color:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;overflow-x:auto;color:var(--text)}.verdict-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.verdict-row{grid-template-columns:1fr}}.indicator{border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;background-color:var(--panel-2)}.indicator-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.indicator-value{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:1.15rem;font-weight:700}.indicator-note{margin:.35rem 0 0;font-size:.9rem;color:var(--text-dim)}.badge-icon{font-size:1.2rem;line-height:1}.is-holds{color:var(--safe-text)}.is-fails{color:var(--text-dim)}.is-sound{color:var(--safe-text)}.is-held{color:var(--held-text)}.is-alarm{color:var(--alarm-text)}.indicator.alarm{border-color:var(--alarm-fill);background:color-mix(in oklab,var(--alarm-fill) 14%,var(--panel))}.indicator.good{border-color:var(--safe-fill);background:color-mix(in oklab,var(--safe-fill) 14%,var(--panel))}.indicator.held{border-color:color-mix(in oklab,var(--held-fill) 70%,var(--border));background:color-mix(in oklab,var(--held-fill) 12%,var(--panel))}@media (prefers-reduced-motion: no-preference){.indicator.flash{animation:verdict-flash .9s ease-out 1}@keyframes verdict-flash{0%{box-shadow:0 0 color-mix(in oklab,var(--alarm-fill) 60%,transparent)}to{box-shadow:0 0 0 12px transparent}}}.compare{display:grid;gap:.4rem;margin-top:.8rem}.compare-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;background-color:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;word-break:break-all}.compare-key{color:var(--accent-text);font-weight:700}.ladder{display:grid;gap:.6rem}.rung{border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;background-color:var(--panel-2);display:grid;gap:.35rem}.rung-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.rung-formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--text)}.sev{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;border:1px solid transparent}.sev.fatal{background-color:var(--alarm-fill);color:var(--alarm-ink)}.sev.unbound,.sev.context-loss{background-color:var(--warn-fill);color:var(--warn-ink)}.sev.sound{background-color:var(--safe-fill);color:var(--safe-ink)}.rung-consequence{color:var(--text-dim);font-size:.92rem}.note{border-left:3px solid var(--accent);padding:.4rem 0 .4rem .8rem;margin:.8rem 0;color:var(--text-dim)}.what-isnt{font-size:.9rem;color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;padding:.55rem .8rem;margin-top:.8rem}.what-isnt strong{color:var(--text-dim)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background-color:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;font-size:.88em}.links{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:0;margin:.6rem 0 0}.links li{list-style:none}details{border:1px solid var(--border);border-radius:8px;padding:.5rem .8rem;background-color:var(--panel-2);margin-top:.8rem}summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:.5rem}.flow{border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem .8rem;background-color:var(--panel);margin-bottom:1rem}.flow-lanes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:.4rem;border-bottom:1px dashed var(--border);margin-bottom:.6rem}.flow-lane{display:flex;flex-direction:column}.flow-lane.right{text-align:right}.flow-actor{font-weight:700;letter-spacing:.02em}.flow.ni .flow-lane.right .flow-actor{color:var(--accent-text)}.flow-actor-sub{font-size:.78rem;color:var(--text-muted)}.flow-msgs{display:grid;gap:.35rem}.flow-msg{display:grid;grid-template-columns:9px 1fr 9px;align-items:center;gap:.4rem}.flow-node{width:9px;height:9px;border-radius:50%;background-color:var(--accent)}.flow-line{position:relative;display:flex;flex-direction:column;align-items:center;padding:.35rem 0}.flow-line:before{content:"";position:absolute;top:.9rem;left:0;right:0;height:2px;background-color:var(--border)}.flow-chip{position:relative;z-index:1;background-color:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.15rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.flow-chip.hl{border-color:var(--accent-text)}.flow-chip.accent{border-color:var(--accent-text);color:var(--accent-text);background-color:color-mix(in oklab,var(--accent) 10%,var(--panel-2))}.flow-cap{position:relative;z-index:1;margin-top:.15rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background-color:var(--panel);padding:0 .3rem}.flow-arrow{position:absolute;top:.5rem;z-index:1;color:var(--accent-text);font-size:.8rem}.to-right .flow-arrow{right:-3px}.to-left .flow-arrow{left:-3px}.flow-self{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem 0;border:1px dashed var(--accent-text);border-radius:8px;background:color-mix(in oklab,var(--accent) 5%,var(--panel))}.flow-self-note{font-size:.72rem;color:var(--text-muted)}.flow-caption{margin:.6rem 0 .2rem;font-size:.86rem;color:var(--text-dim);text-align:center}@media (max-width: 640px){.flow-lane.right{text-align:left}}.flow-msg.pending .flow-chip,.flow-self.pending{border-style:dashed}.flow-msg.pending .flow-chip{color:var(--text-dim)}.flow-msg.active .flow-chip,.flow-self.active{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 28%,transparent)}.flow-msg.active .flow-node{background-color:var(--accent-text)}.flow-val{position:relative;z-index:1;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--safe-text);background-color:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:.05rem .4rem}.step-explainer{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:.7rem .95rem;background-color:var(--panel-2)}.step-explainer-title{font-weight:700;font-size:.92rem;margin-bottom:.2rem}.step-explainer-body{margin:0;color:var(--text-dim);font-size:.95rem}.eqcompare{display:grid;gap:.4rem;border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem;background-color:var(--code-bg);margin-top:.9rem}.eq-side{display:grid;grid-template-columns:6.5rem 1fr;gap:.6rem;align-items:baseline}.eq-key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:.82rem;color:var(--accent-text)}.eq-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;word-break:break-all;color:var(--text)}.eq-verdict{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem;margin-top:.2rem;padding-top:.45rem;border-top:1px solid var(--border)}.eq-verdict.match{color:var(--safe-text)}.eq-verdict.nomatch{color:var(--text-dim)}@media (max-width: 640px){.eq-side{grid-template-columns:1fr;gap:.15rem}}.ordering{border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin-top:.9rem}.ordering.good{border-color:color-mix(in oklab,var(--safe-fill) 55%,var(--border));background:color-mix(in oklab,var(--safe-fill) 8%,var(--panel))}.ordering.alarm{border-color:var(--alarm-fill);background:color-mix(in oklab,var(--alarm-fill) 10%,var(--panel))}.ordering-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ordering-label{font-weight:700;font-size:.9rem}.ordering-tag{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem}.ordering-tag.good{background-color:var(--safe-fill);color:var(--safe-ink)}.ordering-tag.alarm{background-color:var(--alarm-fill);color:var(--alarm-ink)}.ordering-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.55rem 0 .1rem}.ord-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem .25rem .3rem;background-color:var(--panel);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.ord-pill.danger{border-color:var(--alarm-fill);color:var(--alarm-text);font-weight:600}.ord-num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--accent);color:var(--accent-ink);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700}.ord-pill.danger .ord-num{background-color:var(--alarm-fill)}.ord-sep{color:var(--text-muted)}.ordering-caption{margin:.35rem 0 0;font-size:.9rem;color:var(--text-dim)}.algebra{margin-top:.9rem;border:1px solid var(--border);border-radius:10px;background-color:var(--code-bg);padding:.8rem 1rem}.algebra-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.4rem}.algebra-line{display:grid;grid-template-columns:1.1rem minmax(8rem,max-content) 1fr auto;gap:.5rem .7rem;align-items:baseline;padding:.35rem 0;border-top:1px solid var(--border)}.algebra-num{color:var(--accent-text);font-weight:700}.algebra-expr{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;color:var(--text)}.algebra-note{font-size:.8rem;color:var(--text-muted)}.algebra-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--safe-text);text-align:right}.algebra-foot{margin:.6rem 0 0;font-size:.88rem;color:var(--text-dim)}@media (max-width: 640px){.algebra-line{grid-template-columns:1.1rem 1fr}.algebra-note,.algebra-val{grid-column:2;text-align:left}}.cl-hero-cta{margin-top:1.1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}.cta{font-size:1rem;padding:.6rem 1.15rem}.cl-hero-cta-note{font-size:.82rem;color:var(--text-muted)}.jump{position:sticky;top:0;z-index:20;background-color:var(--bg);border-bottom:1px solid var(--border);margin:0 0 .5rem}.jump ul{display:flex;flex-wrap:wrap;gap:.1rem 1.1rem;list-style:none;margin:0;padding:.5rem 0}.jump li{list-style:none}#app .jump a{font-size:.85rem;text-decoration:none;color:var(--text-dim);padding:.2rem 0;border-bottom:2px solid transparent}#app .jump a:hover{color:var(--text);border-bottom-color:var(--accent)}.presets{display:flex;flex-wrap:wrap;gap:.5rem}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .75rem;background-color:var(--panel-2);border-left-width:3px}.preset.tone-alarm{border-left-color:var(--alarm-fill)}.preset.tone-warn{border-left-color:var(--warn-fill)}.preset.tone-good{border-left-color:var(--safe-fill)}.preset.active{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 25%,transparent)}.preset-label{font-weight:700;font-size:.9rem}.preset-hint{font-size:.72rem;color:var(--text-muted)}.custom-transcript{margin-top:.9rem}.field-label{font-size:.8rem;font-weight:600;display:block;margin-bottom:.3rem}.text-input{width:100%;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--border);background-color:var(--code-bg);color:var(--text);font:inherit}#app button.ghost{background-color:transparent}.guide-banner{border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem;margin-bottom:.9rem;font-weight:600;color:var(--text)}.guide-banner.tone-good{border-color:var(--safe-fill);background:color-mix(in oklab,var(--safe-fill) 12%,var(--panel))}.guide-banner.tone-info{border-color:color-mix(in oklab,var(--held-fill) 70%,var(--border));background:color-mix(in oklab,var(--held-fill) 12%,var(--panel))}.guide-banner.tone-alarm{border-color:var(--alarm-fill);background:color-mix(in oklab,var(--alarm-fill) 12%,var(--panel))}.formula .tok{display:inline-block}.formula .tok.dropping{text-decoration:line-through;color:var(--alarm-text)}@media (prefers-reduced-motion: no-preference){.formula .tok.dropping{animation:tok-drop .55s ease forwards}@keyframes tok-drop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7px)}}.formula .tok.adding{animation:tok-add .45s ease}@keyframes tok-add{0%{opacity:.2}to{opacity:1}}}.cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:stretch}.cmp-col{border:1px solid var(--border);border-radius:10px;padding:.8rem .9rem}.cmp-col.good{border-color:color-mix(in oklab,var(--safe-fill) 55%,var(--border));background:color-mix(in oklab,var(--safe-fill) 7%,var(--panel))}.cmp-col.alarm{border-color:var(--alarm-fill);background:color-mix(in oklab,var(--alarm-fill) 8%,var(--panel))}.cmp-head{font-weight:700;margin-bottom:.4rem}.cmp-row{display:grid;grid-template-columns:4rem 1fr;gap:.5rem;font-size:.85rem;padding:.2rem 0;align-items:baseline}.cmp-k{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.cmp-delta{align-self:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--alarm-text)}@media (max-width: 640px){.cmp{grid-template-columns:1fr}.cmp-delta{text-align:center}}.codeblock{border:1px solid var(--border);border-radius:8px;overflow:hidden}.codeblock.bad{border-color:color-mix(in oklab,var(--alarm-fill) 45%,var(--border))}.codeblock.good{border-color:color-mix(in oklab,var(--safe-fill) 50%,var(--border))}.codeblock-title{font-weight:700;font-size:.82rem;padding:.5rem .7rem;border-bottom:1px solid var(--border)}.codeblock.bad .codeblock-title{color:var(--alarm-text)}.codeblock.good .codeblock-title{color:var(--safe-text)}.codeblock pre{margin:0;padding:.7rem .8rem;overflow-x:auto;background-color:var(--code-bg)}.codeblock pre code{background:none;border:none;padding:0;font-size:.82rem;line-height:1.55;white-space:pre;color:var(--text)}.checklist{padding-left:1.1rem}.checklist li{margin:.35rem 0}.scripture-footer{max-width:68rem;margin:2rem auto 0;padding:1.4rem clamp(.9rem,4vw,2rem) 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem;font-style:italic;text-align:center}.scripture-footer p{margin:0}