:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#9f88ff;--accent-2:#35d6bb;--on-accent:#0d0a1f;--bg:#0d1218;--panel:#141b22;--panel-2:#1b2531;--border:#25303d;--border-strong:#587290;--text:#e8edf2;--text-muted:#8a97a6;--grid:#1f2a36;--axis:#3a4a5c;--curve:#aeb9c6;--success:#4ade80;--warn:#ffb84d;--radius:12px;--maxw:980px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#5f43e0;--accent-2:#0a6f60;--on-accent:#fff;--bg:#f6f1e7;--panel:#fffdf8;--panel-2:#f0ead9;--border:#ddd3bf;--border-strong:#998151;--text:#1c2530;--text-muted:#5d6b78;--grid:#e6ddca;--axis:#b3a888;--curve:#5a6675;--success:#166534;--warn:#8a5c00}*{box-sizing:border-box}[hidden]{display:none!important}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.25rem 4rem}.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;opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-muted);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;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-basis:auto;min-width:0}}.panel{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin:1.25rem 0;padding:1.25rem 1.25rem 1.5rem}.panel h2{margin:0 0 .5rem;font-size:1.2rem}.lede{color:var(--text-muted);max-width:70ch;margin:0 0 1rem}.lede code,p code{color:var(--accent)}code,.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.panel-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width<=760px){.panel-body{grid-template-columns:1fr}}.canvas-wrap{min-width:0}.curve-canvas{background-color:var(--panel-2);border:1px solid var(--border);touch-action:none;cursor:grab;border-radius:10px;width:100%;height:420px;display:block}.curve-canvas:active{cursor:grabbing}.curve-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grid-canvas{background-color:var(--panel-2);border:1px solid var(--border);cursor:crosshair;border-radius:10px;width:100%;max-width:460px;display:block}.hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.82rem}.aside{min-width:0}.note{color:var(--text-muted);font-size:.9rem}.whatisnt{color:var(--text-muted);border-top:1px dashed var(--border);margin:1rem 0 0;padding-top:.75rem;font-size:.85rem}a{color:var(--accent)}.seg{border:1px solid var(--border-strong);background-color:var(--panel-2);border-radius:999px;gap:3px;margin-bottom:1rem;padding:3px;display:inline-flex}.seg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;padding:.4rem .9rem;font-size:.9rem;font-weight:600}.seg-btn.on{background-color:var(--accent);color:var(--on-accent)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-row{flex-wrap:wrap;align-items:end;gap:.5rem;margin-bottom:.75rem;display:flex}.btn{border:1px solid var(--border-strong);background-color:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;min-height:44px;padding:.45rem .8rem;font-size:.88rem}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.field.small{max-width:9rem}select,input[type=text]{background-color:var(--panel-2);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;min-height:44px;padding:.4rem .55rem;font-size:.9rem}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238b949e' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}.check{cursor:pointer;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.88rem;display:flex}.pill{align-items:center;gap:.3rem;margin-left:.5rem;display:inline-flex}.fp-pick{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.readout{margin-top:.75rem}.readout-inner{background-color:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem}.dl{grid-template-columns:5.5rem 1fr;gap:.5rem;padding:.2rem 0;font-size:.85rem;display:grid}.dl .dt{color:var(--text-muted)}.dl .dd{word-break:break-word}.result{border-top:1px solid var(--border);gap:.6rem;margin-top:.6rem;padding-top:.6rem;display:flex}.res-icon{color:var(--success);font-weight:700}.res-main{font-weight:600}.res-note{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.muted,.dim{color:var(--text-muted)}.counts{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.count-card{background-color:var(--panel-2);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.4rem .7rem;font-size:.82rem}.count-card b{color:var(--text);font-size:1.05rem}.count-card.accent{border-color:var(--accent)}.trace{border:1px solid var(--border);background-color:var(--panel-2);border-radius:10px;max-height:280px;padding:.4rem;overflow:auto}.trace-row{border-radius:6px;justify-content:space-between;gap:1rem;padding:.22rem .4rem;font-size:.82rem;display:flex}.trace-row.cur{background-color:color-mix(in srgb, var(--accent) 22%, transparent)}.warn{background-color:color-mix(in srgb, var(--warn) 16%, transparent);border:1px solid var(--warn);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:.5rem;min-width:0;margin-bottom:.6rem;padding:.6rem .7rem;font-size:.85rem;display:flex}.warn-icon{color:var(--warn);font-weight:800}.result-card{border:1px solid var(--border);background-color:var(--panel-2);overflow-wrap:anywhere;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.5rem;min-width:0;margin:.75rem 0;padding:.6rem .8rem;font-size:.92rem;display:flex}.result-card.ready{color:var(--text-muted)}.result-card.progress{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.result-card.done{border-color:var(--success)}.rc-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.78rem}.result-card.done .rc-label{color:var(--text)}.bit-tape{flex-wrap:wrap;align-items:center;gap:.3rem;margin:0 0 .75rem;font-size:.85rem;display:flex}.bt-label{color:var(--text-muted);margin-right:.2rem}.bt-bit{border:1px solid var(--border);width:1.5rem;height:1.5rem;color:var(--text-muted);border-radius:6px;place-items:center;font-family:ui-monospace,monospace;display:inline-grid}.bt-bit.done{color:var(--text);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.bt-bit.cur{color:var(--on-accent);background-color:var(--accent);border-color:var(--accent);font-weight:700}.compare{grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0;display:grid}.cmp-card{border:1px solid var(--border);background-color:var(--panel-2);border-radius:8px;padding:.5rem .65rem}.cmp-card.sel{border-color:var(--accent)}.cmp-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.cmp-cost{margin-top:.15rem;font-size:.9rem}.cmp-live{color:var(--accent);margin-top:.2rem;font-size:.78rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .75rem;display:flex}.chip-btn{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border-strong));color:var(--text);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:.3rem .8rem;font-size:.8rem}.chip-btn:hover{background-color:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent)}.chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chips-label,.examples-group .chips-label{color:var(--text-muted);margin:.5rem 0 .1rem;font-size:.78rem}.fp-presets{flex-direction:column;gap:.4rem;margin:.25rem 0 .75rem;display:flex}.preset-label{color:var(--text-muted);min-width:3.2rem;font-size:.78rem}.small-btn{padding:.25rem .55rem;font-size:.82rem}.coord-group{border:1px solid var(--border);background-color:var(--panel-2);border-radius:8px;margin-bottom:.5rem;padding:.5rem .6rem}.coord-group.result-coord{border-color:var(--success)}.coord-group-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem;display:block}.coord{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.coord-name{color:var(--text-muted);flex:0 0 1rem;font-family:ui-monospace,monospace;font-size:.8rem}.coord-val{white-space:nowrap;background-color:var(--bg);border:1px solid var(--border);border-radius:6px;flex:auto;min-width:0;padding:.25rem .4rem;font-size:.8rem;overflow-x:auto}.coord-val:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.copy-btn{border:1px solid var(--border-strong);background-color:var(--panel-2);color:var(--text);cursor:pointer;border-radius:6px;flex:none;min-width:44px;min-height:44px;padding:.25rem .45rem;font-size:.85rem}.copy-btn:hover{border-color:var(--accent)}.copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ecdlp-status .found{color:var(--success);font-weight:600}.tag-g{color:var(--accent-2)}.tag-q{color:var(--success)}.cmp{border-collapse:collapse;width:100%;margin:.5rem 0 .75rem;font-size:.85rem}.cmp th,.cmp td{border:1px solid var(--border);text-align:left;padding:.4rem .55rem}.cmp th{color:var(--text-muted);font-weight:600}.scripture-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);max-width:var(--maxw);margin-top:2rem;margin-left:auto;margin-right:auto;padding:2rem 1rem;font-size:.85rem}.scripture-footer p{margin:0}@media (width<=560px){.seg{flex-wrap:wrap;width:100%}.seg-btn{flex:auto;padding:.4rem .5rem;font-size:.82rem}.curve-canvas{height:320px}#app{padding:1rem .85rem 3rem}.panel{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}