:root{--accent:#7e57c2;--accent-soft:#9575cd;--accent-ink:#d1c4e9;--alarm:#ff6b6b;--alarm-soft:#3a1d1d;--caution:#ffd166;--caution-soft:#3a3320;--ok:#7bd88f;--bg:#15121c;--surface:#1e1a28;--surface-2:#271f38;--ink:#ece9f3;--ink-soft:#a8a2bd;--border:#352d49;--border-strong:#7a7099;--radius:12px;--mono:ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=light]{--accent:#7e57c2;--accent-soft:#b39ddb;--accent-ink:#4527a0;--alarm:#c62828;--alarm-soft:#ffebee;--caution:#8d6e00;--caution-soft:#fff8e1;--ok:#1b6e21;--bg:#faf9fc;--surface:#fff;--surface-2:#f2eefb;--ink:#1c1726;--ink-soft:#5a5470;--border:#e0dbec;--border-strong:#877c98}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.5}#app{flex-direction:column;gap:1.25rem;max-width:920px;margin:0 auto;padding:1.25rem 1rem 4rem;display:flex}.intro h1{color:var(--accent-ink);margin:0 0 .25rem;font-size:clamp(1.5rem,4vw,2.1rem)}.intro p{color:var(--ink-soft);max-width:64ch;margin:.35rem 0}.intro a{color:var(--accent-ink)}.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;color:var(--accent-ink);margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--ink-soft);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab,var(--accent) 6%,transparent);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(--accent-ink);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{color:var(--ink);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-basis:auto;min-width:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem}.card-head h2{margin:0;font-size:1.2rem}.card-head .subtitle{color:var(--ink-soft);margin:.25rem 0 .75rem;font-size:.92rem}label{margin-bottom:.3rem;font-size:.9rem;font-weight:600;display:block}.hint{color:var(--ink-soft);margin:.25rem 0 0;font-size:.82rem}textarea,input[type=text],input[type=number],select{width:100%;font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;padding:.6rem .7rem;font-size:.95rem}textarea{resize:vertical;min-height:4.5rem}button{font-family:var(--sans);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink);border-radius:8px;min-height:44px;padding:.5rem .9rem;font-size:.9rem;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:hover{filter:brightness(1.05)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row>*{flex:12rem}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toggle-group{border-radius:8px;display:inline-flex}.toggle-group button{background:var(--surface);border-radius:0;margin-left:-1px}.toggle-group button:first-child{border-radius:8px 0 0 8px;margin-left:0}.toggle-group button:last-child{border-radius:0 8px 8px 0}.toggle-group button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;z-index:1;position:relative}.strip-wrap{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;overflow-x:auto}.strip{font-family:var(--mono);white-space:nowrap;grid-auto-columns:1.5rem;grid-auto-flow:column;min-width:min-content;padding:.5rem;display:grid}.strip .cell{flex-direction:column;align-items:center;gap:1px;font-size:.85rem;display:flex}.strip .cell .k{color:var(--accent-ink);font-weight:700}.strip .cell .s{color:var(--ink-soft);font-size:.7rem}.strip .rowlabel{position:sticky;left:0}.strip .cell.spotlit{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:4px}.strip .cell.muted,.strip .cell.muted .k,.strip .cell.muted .s{color:var(--ink-soft)}.mono-out{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin:.5rem 0 0;padding:.7rem}.status{border:1px solid;border-radius:8px;align-items:flex-start;gap:.55rem;padding:.6rem .8rem;font-size:.92rem;display:flex}.status .ico{font-size:1.1rem;line-height:1.3}.status.alarm{background:var(--alarm-soft);border-color:var(--alarm);color:var(--alarm)}.status.caution{background:var(--caution-soft);border-color:var(--caution);color:var(--caution)}.status.ok{background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:var(--ok);color:var(--ok)}.status.info{background:var(--surface-2);border-color:var(--border);color:var(--ink-soft)}.steps{flex-direction:column;gap:1rem;display:flex}.step{border-left:3px solid var(--accent-soft);padding-left:.9rem}.step h3{margin:0 0 .2rem;font-size:1.05rem}.step .step-num{color:var(--accent-ink);font-weight:700}.step .what-isnt{color:var(--ink-soft);font-size:.8rem;font-style:italic}.tableau-wrap{border:1px solid var(--border);border-radius:8px;max-height:60vh;overflow:auto}table.tableau{border-collapse:collapse;font-family:var(--mono);font-size:.72rem}table.tableau th,table.tableau td{text-align:center;width:1.25rem;height:1.25rem;padding:0}table.tableau th{background:var(--surface-2);color:var(--accent-ink);z-index:1;font-weight:700;position:sticky}table.tableau thead th{top:0}table.tableau tbody th{left:0}table.tableau td.lit-row,table.tableau td.lit-col{background:color-mix(in srgb, var(--accent) 14%, transparent)}table.tableau td.lit-cell{background:var(--accent);color:#fff;font-weight:700}.bars{gap:3px;margin:.5rem 0;display:grid}.bar-row{grid-template-columns:2.5rem 1fr 3.5rem;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.bar-track{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;height:1rem;overflow:hidden}.bar-fill{background:var(--accent-soft);height:100%}.bar-row.peak .bar-fill{background:var(--alarm)}.bar-row.peak .bar-label{color:var(--alarm);font-weight:700}.bar-row.chosen{outline:2px solid var(--accent);border-radius:4px}.columns-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin-top:.6rem;display:grid}.col-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.5rem}.col-card.ambiguous{border-color:var(--caution)}.col-card h4{color:var(--ink-soft);margin:0 0 .3rem;font-size:.82rem}.col-card .keyletter{font-family:var(--mono);color:var(--accent-ink);text-align:center;font-size:1.6rem;font-weight:700}.col-card .keyletter.overridden{color:var(--alarm)}.col-card select{margin-top:.3rem;padding:.3rem;font-size:.8rem}.col-card .chip{background:var(--caution-soft);color:var(--caution);border:1px solid var(--caution);border-radius:4px;margin-top:.25rem;padding:.05rem .3rem;font-size:.68rem;display:inline-block}.keyout{font-family:var(--mono);letter-spacing:.15em;color:var(--accent-ink);font-size:1.3rem;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}details.aria-table{margin-top:.4rem}details.aria-table summary{cursor:pointer;color:var(--ink-soft);font-size:.82rem}details.aria-table table{border-collapse:collapse;margin-top:.4rem;font-size:.8rem}details.aria-table th,details.aria-table td{border:1px solid var(--border);text-align:right;padding:.2rem .45rem}details.aria-table th:first-child,details.aria-table td:first-child{text-align:left}.repeat-hl{background:color-mix(in srgb, var(--accent) 42%, var(--surface-2));color:var(--ink);border-radius:3px}.rail{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;padding:0;list-style:none;display:flex}.rail-step{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.82rem;display:flex}.rail-step .rail-num{font-weight:700}.rail-step.done{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, transparent)}.rail-step.active{border-color:var(--accent);color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 12%, transparent)}.rail-step.fail{border-color:var(--caution);color:var(--caution);background:var(--caution-soft)}.rail-step .rail-ico{font-weight:700}#transcript{margin:.5rem 0}#transcript .mono-out div{padding:1px 0}.reasons{color:var(--ink-soft);margin:.4rem 0;padding-left:1.1rem;font-size:.85rem}.reasons li{margin:.15rem 0}.conf-badge{font-family:var(--mono);white-space:nowrap;font-size:.85rem}.heatmap{border:1px solid var(--border);border-radius:4px;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;height:1.1rem;margin:.3rem 0;display:grid;overflow:hidden}.heat-cell{cursor:pointer;height:100%}.heat-cell.best{outline:1px solid var(--alarm);outline-offset:-1px}.heat-cell.current{outline:2px solid var(--accent);outline-offset:-2px}.heat-cell:hover{filter:brightness(1.3)}@media (width<=640px){#app{padding:1rem .7rem 3rem}.row>*{flex-basis:100%}table.tableau{font-size:.64rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.scripture-footer{text-align:center;border-top:1px solid var(--border);color:var(--ink-soft);margin-top:2rem;padding:2rem 1rem;font-size:.85rem}.scripture-footer a{color:var(--accent-ink);text-decoration:underline}