:root{--bg:#f4f7f3;--bg-elev:#fff;--text:#112319;--muted:#385042;--accent:#006a52;--accent-2:#b24600;--danger:#8b1d1d;--ok:#0a6b3c;--warn:#7c5200;--border:#cad7cc;--control-border:#687f70;--focus:#002a8f;--shadow:0 18px 40px #002d211f;--font-main:"Space Grotesk", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#07170f;--bg-elev:#10271c;--text:#e9fff1;--muted:#aed8bd;--accent:#4ce1b4;--accent-2:#ffad64;--danger:#ff9696;--ok:#6cf6b6;--warn:#ffd17b;--border:#2b4a3a;--control-border:#668874;--focus:#8db5ff;--shadow:0 18px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background-color:var(--bg);min-width:320px;color:var(--text);font-size:16px;font-family:var(--font-main);background-image:radial-gradient(circle at 10% 20%,#28785a33,#0000 45%),radial-gradient(circle at 90% 0,#b246002e,#0000 42%);margin:0;padding:0;line-height:1.5}body{overflow-x:hidden}.skip-link{background-color:var(--accent);color:#fff;z-index:10;padding:10px 14px;position:absolute;top:8px;left:-9999px}.skip-link:focus-visible{left:8px}.page{grid-template-columns:minmax(0,1fr);gap:14px;width:min(100%,1100px);margin:0 auto;padding:14px;display:grid}.hero,.panel,.why,.footer{background-color:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px}.hero{padding-right:4.4rem;position:relative}h1,h2,p,li,a,button,label,textarea,th,td,span{font-size:1rem}h1{margin:8px 0;font-size:clamp(1.8rem,6vw,3rem)}h2{margin-top:0;font-size:clamp(1.25rem,3vw,1.7rem)}.subtitle{color:var(--muted);max-width:65ch}.chip-row,.hero-actions,.actions,.links{flex-wrap:wrap;gap:8px;display:flex}.chip,.status-chip,.badge{border:1px solid var(--border);text-align:left;background-color:#006a5214;border-radius:18px;align-items:center;min-height:44px;padding:9px 12px;display:inline-flex}.category{background-color:#b246001a}.recommended{background-color:#006a5221}.fidelity-tag{vertical-align:middle;border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background-color:#b246001f;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.7em;font-weight:600;display:inline-block}.btn{appearance:none;background-color:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;min-width:44px;min-height:44px;padding:10px 14px;font-weight:700}.btn.alt{color:var(--text);border-color:var(--border);background-color:#0000}.theme-toggle{border:1px solid var(--border);background-color:var(--bg);width:2.6rem;min-width:2.6rem;height:2.6rem;min-height:2.6rem;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:.75rem;padding:0;font-size:1.1rem;display:inline-flex;position:absolute;top:0;right:0}.theme-toggle:hover{background-color:color-mix(in srgb, var(--accent) 12%, var(--bg-elev));border-color:var(--accent)}a{color:var(--accent);text-decoration-thickness:2px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.table-wrap:focus-visible,#lattice-viz:focus-visible,.key-size-table:focus-visible{outline:3px solid var(--focus);outline-offset:0}.form{gap:8px;display:grid}textarea{border:1px solid var(--control-border);background-color:var(--bg);width:100%;color:var(--text);min-height:130px;font-family:var(--font-main);border-radius:10px;padding:10px}.output{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text) 4%, transparent);overflow-wrap:anywhere;border-radius:10px;margin-top:10px;padding:10px}.mono{font-family:var(--font-mono);white-space:pre-wrap;font-size:.9rem}.output:empty{display:none}.ok{border-color:var(--ok)}.warn{border-color:var(--warn)}.bad{border-color:var(--danger)}.warning{border-left:5px solid var(--accent-2);padding-left:10px}.small-note{color:var(--muted)}.table-wrap{margin-top:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px}caption{text-align:left;margin-bottom:8px;font-weight:700}.bars{gap:8px;margin-top:12px;display:grid}.bar-row{gap:6px;display:grid}.bar-title{font-weight:700}.bar-wrap{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:14px}.viz{overflow-x:auto}.lattice{border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px}.lattice-bg{fill:color-mix(in srgb, var(--text) 3%, transparent)}.basis-line{stroke:var(--accent);stroke-width:3px}.basis-line.private{stroke:var(--accent);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 60%, transparent))}.sig-vector{stroke:var(--accent-2);stroke-width:3px;stroke-dasharray:4 4}.sig-point{fill:var(--accent-2);stroke:var(--bg-elev);stroke-width:2px}.lattice-point{fill:color-mix(in srgb, var(--muted) 70%, transparent)}.lattice-point.short{fill:var(--accent-2)}.origin{fill:var(--accent)}.target{fill:var(--danger)}.svg-label{fill:var(--text);font-size:14px}.footer{text-align:center;font-weight:600}h3{margin:14px 0 6px;font-size:clamp(1.05rem,2.2vw,1.3rem)}.key-size-table{margin:10px 0;overflow-x:auto}.key-size-table table{min-width:400px}@media (width>=760px){.page{gap:16px;padding:20px}.panel{padding:18px}.bars{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){.panel,.hero,.why,.footer{animation:.32s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.paramset,.sampler-mode{border:1px solid var(--border);border-radius:12px;gap:6px;margin:10px 0;padding:10px 14px;display:grid}.paramset legend,.sampler-mode legend{color:var(--muted);padding:0 6px;font-weight:700}.paramset-opt{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.paramset-opt small{color:var(--muted);font-weight:400}.attempts-block{margin-top:8px}.attempts-header{color:var(--muted);margin-bottom:6px;font-weight:700}.attempts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.attempt-row{background-color:color-mix(in srgb, var(--text) 4%, transparent);border-left:4px solid var(--border);border-radius:8px;grid-template-columns:64px 1fr 180px 90px;align-items:center;gap:10px;padding:6px 8px;display:grid}@media (width<=640px){.attempt-row{grid-template-rows:auto auto;grid-template-columns:56px 1fr}.attempt-norm,.attempt-verdict{grid-column:2}}.attempt-row.ok{border-left-color:var(--ok)}.attempt-row.bad{border-left-color:var(--danger)}.attempt-n{font-weight:700}.attempt-bar{background-color:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;height:12px;position:relative;overflow:hidden}.attempt-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%}.attempt-bound{background-color:var(--danger);width:2px;position:absolute;top:-3px;bottom:-3px;left:71.4%}.attempt-norm{font-size:.85rem}.attempt-verdict{font-weight:700}@media (prefers-reduced-motion:no-preference){.attempt-row{opacity:0;animation:.28s ease-out forwards attempt-in;transform:translateY(4px)}@keyframes attempt-in{to{opacity:1;transform:translateY(0)}}}.hash-challenge{gap:8px;display:grid}.hash-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hash-challenge .label{color:var(--muted);font-weight:700}.c-strip{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text) 5%, transparent);border-radius:6px;height:22px;display:flex;overflow:hidden}.c-cell{border-right:1px solid color-mix(in srgb, var(--text) 4%, transparent);background-color:#0000;flex:auto;min-width:1px}.c-cell:last-child{border-right:0}.c-cell.pos{background-color:color-mix(in srgb, var(--ok) 80%, transparent)}.c-cell.neg{background-color:color-mix(in srgb, var(--accent-2) 80%, transparent)}.c-cell.mixed{background:linear-gradient(180deg, color-mix(in srgb, var(--ok) 80%, transparent) 50%, color-mix(in srgb, var(--accent-2) 80%, transparent) 50%)}.c-cell.zero{background-color:#0000}.c-legend{color:var(--muted);align-items:center;gap:14px;font-size:.85rem;display:flex}.swatch{vertical-align:middle;border-radius:3px;width:14px;height:14px;margin-right:4px;display:inline-block}.swatch.pos{background-color:var(--ok)}.swatch.neg{background-color:var(--accent-2)}.swatch.zero{border:1px solid var(--border);background-color:#0000}.verify-block{gap:6px;display:grid}.verify-row{align-items:center;gap:10px;display:flex}.ok-badge,.bad-badge{font-weight:700}.ok-badge{background-color:color-mix(in srgb, var(--ok) 18%, transparent);border-color:var(--ok);color:var(--ok)}.bad-badge{background-color:color-mix(in srgb, var(--danger) 18%, transparent);border-color:var(--danger);color:var(--danger)}.vsize-block{gap:8px;margin:10px 0 14px;display:grid}.vsize-row{gap:4px;display:grid}.vsize-title{font-weight:700}.vsize-ratio{color:var(--muted);margin-left:6px;font-weight:400}.vsize-strip{background-color:color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--border);border-radius:999px;height:22px;display:flex;position:relative;overflow:hidden}.vsize-msg{background-color:var(--accent);min-width:2px}.vsize-sig{background:linear-gradient(90deg, var(--accent-2), color-mix(in srgb, var(--accent-2) 60%, var(--danger)))}.vsize-label{color:var(--text);text-shadow:0 1px 0 var(--bg-elev), 0 -1px 0 var(--bg-elev), 1px 0 0 var(--bg-elev), -1px 0 0 var(--bg-elev);pointer-events:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex;position:absolute;inset:0}.timing-viz{margin-top:10px}.histo{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text) 3%, transparent);border-radius:10px;align-items:flex-end;gap:2px;height:140px;padding:8px;display:flex}.histo-col{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:3px 3px 0 0;flex:auto;min-height:1px}.quiz{border:1px solid var(--border);background-color:color-mix(in srgb, var(--accent) 5%, transparent);border-radius:12px;gap:8px;margin-top:14px;padding:12px;display:grid}.quiz-prompt{line-height:1.45}.quiz-options{gap:6px;display:grid}.quiz-option{appearance:none;text-align:left;border:1px solid var(--border);background-color:var(--bg);color:var(--text);cursor:pointer;min-height:44px;font-family:var(--font-main);border-radius:10px;padding:10px 12px;line-height:1.4}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option.quiz-correct{background-color:color-mix(in srgb, var(--ok) 20%, var(--bg));border-color:var(--ok)}.quiz-option.quiz-wrong{background-color:color-mix(in srgb, var(--danger) 20%, var(--bg));border-color:var(--danger)}.quiz-option:disabled{cursor:default}.quiz-feedback{border-radius:8px;padding:8px 10px;line-height:1.45}.quiz-feedback:empty{display:none}.quiz-feedback.ok{background-color:color-mix(in srgb, var(--ok) 12%, transparent);border:1px solid var(--ok)}.quiz-feedback.bad{background-color:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid var(--danger)}.lattice.interactive{cursor:crosshair;touch-action:manipulation}.basis-line.public{stroke:var(--danger);stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 4}.target-x{stroke:var(--danger);stroke-width:3px;stroke-linecap:round;fill:none}.true-closest{fill:none;stroke:var(--muted);stroke-width:2px;stroke-dasharray:3 3}.babai-error{stroke-width:2px;stroke-dasharray:4 3}.babai-error.hit{stroke:var(--ok)}.babai-error.miss{stroke:var(--danger)}.babai-snap.hit{fill:var(--ok);stroke:var(--bg-elev);stroke-width:2px}.babai-snap.miss{fill:var(--danger);stroke:var(--bg-elev);stroke-width:2px}.attack-block{gap:10px;display:grid}.attack-meter-row{grid-template-columns:auto 1fr 56px;align-items:center;gap:10px;display:grid}.attack-meter-label{color:var(--muted);font-weight:700}.attack-meter{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text) 5%, transparent);border-radius:999px;height:18px;overflow:hidden}.attack-meter-fill{border-radius:999px;min-width:2px;height:100%}.attack-meter-fill.miss{background:linear-gradient(90deg, var(--warn), var(--danger))}.attack-meter-fill.hit{background-color:var(--ok)}.attack-meter-pct{text-align:right;font-weight:700}.attack-spark{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text) 3%, transparent);border-radius:8px;align-items:flex-end;gap:2px;height:56px;padding:4px;display:flex}.attack-spark-col{background:linear-gradient(180deg, var(--danger), var(--accent-2));border-radius:2px 2px 0 0;flex:auto;min-height:2px}@media (prefers-reduced-motion:no-preference){.attack-meter-fill{transition:width .2s ease-out}}.paste-details{border:1px solid var(--border);border-radius:12px;margin:10px 0;padding:10px 14px}.paste-details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.paste-details textarea{font-family:var(--font-mono);min-height:110px;margin-top:8px;font-size:.85rem}#quiz-score:empty{display:none}.quiz-link{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.tour-card{z-index:2000;background-color:var(--bg-elev);width:min(94vw,560px);color:var(--text);border:2px solid var(--accent);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tour-progress{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.tour-title{margin:4px 0 6px}.tour-title:focus:not(:focus-visible){outline:none}.tour-title:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tour-body{margin:0 0 10px;line-height:1.45}.tour-actions{flex-wrap:wrap;gap:8px;display:flex}.tour-highlight{outline:3px solid var(--accent-2);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.tour-card{animation:.22s ease-out both tour-in}@keyframes tour-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}}[data-theme=dark] .skip-link,[data-theme=dark] .btn{background-color:#23705a}.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(--text);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(--muted);margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--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;color:var(--accent-2);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{color:var(--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}}