:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e14;--surface:#141a24;--surface-2:#1b2330;--border:#2c3644;--control-border:#6a7583;--text:#e6ecf5;--text-dim:#b6c0cf;--accent:#a58cff;--accent-ink:#150a2e;--ok:#46c98a;--ok-text:#74e0ab;--bad:#ff6b63;--bad-text:#ff9a94;--alarm:#f0a63c;--alarm-text:#f6c274;--info:#5cc8ff;--radius:10px;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.55}#app{max-width:1000px;margin:0 auto;padding:0 clamp(.9rem,3vw,2rem) 3rem}#app a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}#app code,#app .mono{font-family:var(--mono)}#app :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app p{margin:0 0 .75rem}#app :is(p,li,dd,dt,td,th,code,summary){overflow-wrap:anywhere}#app h2{margin:0 0 .5rem;font-size:clamp(1.15rem,2.4vw,1.45rem)}#app h3{margin:1.25rem 0 .4rem;font-size:1.02rem}#app h4{letter-spacing:.02em;margin:0 0 .35rem;font-size:.9rem}.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:color-mix(in oklab,var(--accent) 8%,var(--bg));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);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-why{box-sizing:border-box}@media (width<=640px){.cl-hero-main{flex-basis:auto;min-width:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:1rem 1.1rem}.card-tight{padding:.75rem .9rem}.intro{margin:0 0 1.25rem}.intro p:last-child{margin-bottom:0}.intro strong{color:var(--text)}.callout{border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.7rem .95rem;font-size:.94rem}.callout p:last-child{margin-bottom:0}.callout-scope{border-color:color-mix(in oklab, var(--alarm) 42%, var(--border));border-left-color:var(--alarm);background:color-mix(in oklab, var(--alarm) 8%, var(--bg))}.callout-neg{border-color:color-mix(in oklab, var(--info) 42%, var(--border));border-left-color:var(--info);background:color-mix(in oklab, var(--info) 8%, var(--bg))}.callout-label{letter-spacing:.14em;margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.callout-scope .callout-label{color:var(--alarm-text)}.callout-neg .callout-label{color:var(--info)}.tabs-nav{margin:0 0 1rem}.tablist{flex-wrap:wrap;gap:.4rem;display:flex}.tab-btn{font:inherit;border-radius:var(--radius);border:1px solid var(--control-border);background:var(--surface);color:var(--text);cursor:pointer;padding:.5rem .8rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tab-btn .tab-num{font-family:var(--mono);color:var(--text-dim);margin-right:.35rem}.tab-btn:hover{background:var(--surface-2);border-color:var(--accent)}.tab-btn[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tab-btn[aria-selected=true] .tab-num{color:var(--accent-ink)}.controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem .9rem;margin:0 0 .9rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label,.field .field-label{letter-spacing:.04em;color:var(--text-dim);font-size:.78rem;font-weight:600}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--control-border);background:var(--surface-2);color:var(--text);cursor:pointer;padding:.5rem .9rem;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn:disabled{color:var(--text-dim);border-color:var(--border);cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--control-border)}.btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 86%, white);border-color:var(--text);color:var(--accent-ink)}.btn-danger{background:color-mix(in oklab, var(--bad) 18%, var(--surface));border-color:var(--bad);color:var(--bad-text)}.btn-danger:hover:not(:disabled){background:color-mix(in oklab, var(--bad) 28%, var(--surface));border-color:var(--bad-text);color:var(--text)}input[type=number],input[type=text],select,textarea{font:inherit;border:1px solid var(--control-border);background:var(--bg);color:var(--text);border-radius:8px;padding:.4rem .55rem;font-size:.88rem}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% - 1.05rem) 55%,calc(100% - .7rem) 55%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:1.9rem}input[type=range]{accent-color:var(--accent);width:11rem}.slider-value{font-family:var(--mono);color:var(--text);font-size:.85rem}.verdict{border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:.55rem;margin:.6rem 0;padding:.55rem .8rem;font-size:.93rem;display:flex}.verdict-icon{font-family:var(--mono);flex:none;font-weight:700}.verdict-pass{border-color:color-mix(in oklab, var(--ok) 45%, var(--border));background:color-mix(in oklab, var(--ok) 10%, var(--bg));color:var(--ok-text)}.verdict-fail{border-color:color-mix(in oklab, var(--bad) 45%, var(--border));background:color-mix(in oklab, var(--bad) 10%, var(--bg));color:var(--bad-text)}.verdict-alarm{border-color:color-mix(in oklab, var(--alarm) 50%, var(--border));background:color-mix(in oklab, var(--alarm) 10%, var(--bg));color:var(--alarm-text)}.verdict-info{border-color:color-mix(in oklab, var(--info) 45%, var(--border));background:color-mix(in oklab, var(--info) 10%, var(--bg));color:var(--info)}.verdict strong{color:inherit}.pill{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--control-border);background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.pill-ok{border-color:color-mix(in oklab, var(--ok) 55%, var(--border));background:color-mix(in oklab, var(--ok) 14%, var(--bg));color:var(--ok-text)}.pill-bad{border-color:color-mix(in oklab, var(--bad) 55%, var(--border));background:color-mix(in oklab, var(--bad) 14%, var(--bg));color:var(--bad-text)}.hexblock{font-family:var(--mono);overflow-wrap:anywhere;word-break:break-all;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:.25rem 0 0;padding:.5rem .6rem;font-size:.74rem;line-height:1.55}.hexblock .hx-diff{color:var(--accent)}.hexblock .hx-same{color:var(--bad-text);text-underline-offset:2px;text-decoration:underline}.kv{grid-template-columns:max-content 1fr;gap:.2rem .8rem;margin:.3rem 0 0;display:grid}.kv dt{color:var(--text-dim);font-size:.78rem}.kv dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:.8rem}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.8rem;display:grid}.histo{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:flex-end;gap:2px;height:74px;padding:.4rem;display:flex}.histo-bar{background:var(--accent);border-radius:2px 2px 0 0;flex:1 1 0;min-height:2px}.meter{border:1px solid var(--control-border);background:var(--bg);border-radius:999px;height:16px;overflow:hidden}.meter-fill{background:var(--accent);height:100%}.meter-fill-zero{background:var(--bad)}.hoprow{flex-wrap:wrap;align-items:stretch;gap:.45rem;margin:.5rem 0 .8rem;display:flex}.hopnode{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface-2);flex:8rem;padding:.5rem .6rem;font-size:.82rem}.hopnode-title{font-weight:700;display:block}.hopnode-meta{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}.hopnode-active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, var(--surface))}.hopnode-dead{border-color:var(--bad);background:color-mix(in oklab, var(--bad) 14%, var(--surface))}.hopnode-done{border-color:var(--ok);background:color-mix(in oklab, var(--ok) 12%, var(--surface))}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.83rem}caption{text-align:left;color:var(--text-dim);padding:.45rem .6rem;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .6rem}th{color:var(--text);font-weight:700}tbody tr:last-child td{border-bottom:none}td.num,th.num{font-family:var(--mono);text-align:right}details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin:.6rem 0;padding:.4rem .7rem}summary{cursor:pointer;padding:.15rem 0;font-size:.9rem;font-weight:600}details[open]>summary{margin-bottom:.45rem}details .detail-body{font-size:.92rem}details .detail-body p:last-child{margin-bottom:0}.check-opts{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;display:flex}.check-opt{font:inherit;text-align:left;border:1px solid var(--control-border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.check-opt:hover{border-color:var(--accent);background:var(--surface-2)}.scripture-footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;margin:2.5rem 0 0;padding:1rem 0 0;font-size:.86rem}.status-line{color:var(--text-dim);margin:.3rem 0 0;font-size:.85rem}.tab-panel[hidden]{display:none}.stack-note{color:var(--text-dim);font-size:.85rem}.legend{color:var(--text-dim);flex-wrap:wrap;gap:.5rem 1rem;margin:.4rem 0 0;font-size:.78rem;display:flex}.legend-item{align-items:center;gap:.3rem;display:inline-flex}.legend-swatch{border:1px solid var(--control-border);border-radius:3px;width:.8rem;height:.8rem}.reveal{animation:.22s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#app *,.cl-topbar *{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
