:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1216;--bg-soft:#112027;--surface:#172e38;--surface-2:#1d3a46;--text:#e9f2f7;--muted:#9eb4c0;--accent:#ff9f1c;--accent-2:#2ec4b6;--danger:#ff6b6b;--border:#2a4b58;--border-strong:#4c89a0;--shadow:#00000047;--focus-ring:var(--accent);--font-head:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--tap-min:44px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fbff;--bg-soft:#e6f0fa;--surface:#fff;--surface-2:#f0f6fd;--text:#10222d;--muted:#4e6370;--accent:#ef6f00;--accent-2:#0f9b8e;--danger:#b13030;--border:#c6d8e7;--border-strong:#5e90bb;--shadow:#141e281f;--focus-ring:var(--accent-2)}*,:before,:after{box-sizing:border-box}.skip-link{z-index:1000;background-color:var(--accent);color:#000;border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:-100%;left:.5rem}.skip-link:focus{top:.5rem}.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}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}html{background-color:var(--bg)}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 15% -10%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 38%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 40%), linear-gradient(180deg, var(--bg-soft), var(--bg));-webkit-text-size-adjust:100%;min-height:100vh;margin:0}.shell{width:min(1120px,94vw);max-width:100%;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);margin:2.5rem auto 3rem}.shell-foot{margin-top:1rem}.hero{background:linear-gradient(145deg, var(--surface), var(--surface-2));border:1px solid var(--border);box-shadow:0 18px 48px var(--shadow);border-radius:20px;padding:1.5rem;animation:.6s ease-out rise;position:relative}h1,h2,h3{font-family:var(--font-head);letter-spacing:.01em}h1{margin:.65rem 0 .35rem;font-size:clamp(1.75rem,4vw,3rem)}.subtitle{color:var(--muted);margin-top:.25rem;line-height:1.5}.chip-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.chip{border:1px solid var(--border);background-color:color-mix(in srgb, var(--surface-2) 70%, transparent);border-radius:999px;align-items:center;padding:.34rem .8rem;font-size:.8rem;line-height:1.4;display:inline-flex}.chip.category{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.chip.action{color:var(--text);background-color:color-mix(in srgb, var(--accent-2) 30%, transparent);cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min);justify-content:center}.theme-toggle{border:1px solid var(--border);background-color:color-mix(in srgb, var(--surface-2) 70%, transparent);width:2.6rem;height:2.6rem;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:0;right:0}.theme-toggle:hover{background-color:color-mix(in srgb, var(--accent) 25%, transparent)}.why,.refs,.links,footer{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:1rem 1.2rem}.warning{color:var(--danger);font-weight:600}.scope{background-color:var(--surface);border:1px solid var(--danger);border-left:4px solid var(--danger);border-radius:var(--radius);margin-top:1rem;padding:1rem 1.2rem}.scope h2{font-family:var(--font-head);color:var(--danger);margin:0 0 .6rem;font-size:1.15rem}.scope-lede{margin:0 0 .9rem;line-height:1.5}.scope-timeline{gap:.7rem;margin:0;padding-left:1.1rem;display:grid}.scope-timeline li{line-height:1.5}.scope-when{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.76rem;display:block}.scope-timeline .scope-now{background-color:var(--surface-2);border-radius:var(--radius);padding:.6rem .7rem}.scope-why{gap:.55rem;margin:.5rem 0 0;padding-left:1.1rem;line-height:1.5;display:grid}.scope q{font-style:italic}.hint{color:var(--muted);font-size:.82rem}.grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow);padding:1rem;animation:.5s ease-out both rise}.panel:nth-child(2){animation-delay:60ms}.panel:nth-child(3){animation-delay:.12s}.panel:nth-child(4){animation-delay:.18s}.callout{color:var(--muted);margin-top:-.4rem;line-height:1.45}.field{margin-top:.6rem}.field label{color:var(--muted);margin-bottom:.2rem;font-size:.88rem;font-weight:500;display:block}input,select{background-color:color-mix(in srgb, var(--surface-2) 82%, transparent);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);min-height:var(--tap-min);appearance:none;margin-top:0;padding:.6rem .65rem;font-family:inherit;font-size:1rem}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239eb4c0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2rem}input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button{background-color:color-mix(in srgb, var(--accent-2) 22%, var(--surface-2));border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;min-height:var(--tap-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin-top:.5rem;padding:.65rem .85rem;font-family:inherit;font-size:1rem;font-weight:600}button:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}button:active{transform:scale(.98)}.inline{grid-template-columns:1fr auto;align-items:end;gap:.45rem;display:grid}.inline button{white-space:nowrap;width:auto;margin-top:0}.results{margin-top:.65rem}.results p{word-break:break-all;margin:.25rem 0}output{font-family:Cascadia Code,Fira Code,Courier New,monospace}.status{color:var(--accent-2);margin-top:.5rem;font-weight:600}.timing{color:var(--muted);font-size:.84rem}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);margin-top:.7rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:380px;font-size:.84rem}th,td{border:1px solid var(--border);text-align:left;padding:.5rem .6rem}th{background-color:var(--surface-2);font-weight:600}.links{flex-wrap:wrap;gap:.5rem;display:flex}.links a{border:1px solid var(--border);color:var(--text);min-height:var(--tap-min);border-radius:999px;align-items:center;padding:.45rem .85rem;text-decoration:none;display:inline-flex}.links a:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background-color:color-mix(in srgb, var(--accent) 8%, transparent)}footer{color:var(--muted);text-align:center;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}footer p{margin:0}.glossary{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 50%, transparent);margin-top:.75rem;padding:.4rem .75rem}.glossary>summary{cursor:pointer;color:var(--accent-2);padding:.35rem 0;font-weight:600}.glossary dl{grid-template-columns:max-content 1fr;gap:.35rem .85rem;margin:.3rem 0 .2rem;display:grid}.glossary dt{color:var(--accent);font-weight:600}.glossary dd{color:var(--muted);margin:0;line-height:1.4}@media (width<=520px){.glossary dl{grid-template-columns:1fr;gap:.1rem 0}.glossary dd{margin-bottom:.4rem}}.walkthrough,.fail-lab{grid-column:1/-1;margin-top:1rem}.rounds-table{min-width:640px;font-size:.78rem}.rounds-table code{font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.84em}.rounds-table tbody tr:nth-child(odd){background-color:color-mix(in srgb, var(--surface-2) 50%, transparent)}.rounds-table td{vertical-align:top;word-break:break-all}.sub-h{font-family:var(--font-head);color:var(--accent);margin-top:1.1rem;font-size:1rem}textarea{background-color:color-mix(in srgb, var(--surface-2) 82%, transparent);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);resize:vertical;min-height:6em;padding:.6rem .65rem;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.92rem;line-height:1.4}.inline-fields{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=380px){.inline-fields{grid-template-columns:1fr}}.leak-row{background-color:color-mix(in srgb, var(--danger) 18%, transparent)!important}.leak-tag{background-color:var(--danger);color:#fff;letter-spacing:.02em;vertical-align:middle;border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.diff{background-color:color-mix(in srgb, var(--danger) 35%, transparent);color:var(--text);border-radius:3px;padding:0 1px;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=767px){.shell{width:100%;margin-top:1rem;margin-bottom:2rem;padding:0 .75rem}.shell-foot{padding:1rem 1.2rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.hero{border-radius:var(--radius);padding:1rem}.panel{padding:.85rem}h3{font-size:1.05rem}.chip-row{gap:.4rem}.chip{padding:.3rem .6rem;font-size:.72rem}}@media (width<=380px){.inline{grid-template-columns:1fr}.inline button{width:100%}}.cl-hero{--text-dim:var(--muted);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;opacity:.85;color:var(--text);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) 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(--text-dim);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}}.start-here{border:1px solid color-mix(in srgb, var(--accent-2) 45%, var(--border));margin-top:1rem}.toggle-field .toggle-label{cursor:pointer;color:var(--text);align-items:flex-start;gap:.55rem;font-size:.92rem;font-weight:500;display:flex}.toggle-field input[type=checkbox]{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--accent-2);flex:none;margin-top:.1rem}.fpe-compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.6rem;margin-top:.9rem;display:grid}.fpe-col{background-color:color-mix(in srgb, var(--surface-2) 60%, transparent);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.3rem;min-width:0;padding:.7rem .8rem;display:flex}.fpe-col-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.fpe-value{letter-spacing:.06em;color:var(--text);word-break:break-all;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:1.05rem}.fpe-annot{color:var(--muted);font-size:.78rem}.fpe-arrow{color:var(--accent-2);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;display:flex}.fpe-arrow-glyph{font-size:1.4rem;line-height:1}.fpe-arrow-label{letter-spacing:.08em;color:var(--muted);font-size:.66rem;font-weight:700}@media (width<=560px){.fpe-compare{grid-template-columns:1fr}.fpe-arrow{flex-direction:row;gap:.4rem}.fpe-arrow-glyph{transform:rotate(90deg)}}.fpe-verdict{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.shape-badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.shape-badge:before{font-weight:700}.shape-idle{color:var(--muted);background-color:color-mix(in srgb, var(--surface-2) 60%, transparent)}.shape-idle:before{content:"•"}.shape-ok{color:var(--text);background-color:color-mix(in srgb, var(--accent-2) 26%, transparent);border-color:color-mix(in srgb, var(--accent-2) 55%, var(--border))}.shape-ok:before{content:"✓"}.shape-bad{color:var(--text);background-color:color-mix(in srgb, var(--danger) 22%, transparent);border-color:color-mix(in srgb, var(--danger) 55%, var(--border))}.shape-bad:before{content:"✕"}.advanced-details{border:1px dashed var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 40%, transparent);margin-top:.9rem;padding:.4rem .75rem}.advanced-details>summary{cursor:pointer;color:var(--accent-2);padding:.3rem 0;font-weight:600}.advanced-details .callout{margin-top:.3rem}.param-gloss{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.4rem .9rem;margin:.6rem 0 .2rem;display:grid}.param-gloss>div{align-items:baseline;gap:.45rem;display:flex}.param-gloss dt{color:var(--accent);min-width:1.1rem;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-weight:700}.param-gloss dd{color:var(--muted);margin:0;font-size:.84rem;line-height:1.35}.feistel-stage{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 40%, transparent);margin-top:1rem;padding:.8rem .9rem}.feistel-boxes{align-items:stretch;gap:.5rem;margin-top:.6rem;display:flex}.feistel-half{border:1px solid color-mix(in srgb, var(--accent-2) 45%, var(--border));border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 70%, transparent);flex-direction:column;flex:1 1 0;gap:.25rem;min-width:0;padding:.7rem .8rem;display:flex}.feistel-half-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.feistel-half-val{letter-spacing:.08em;color:var(--text);word-break:break-all;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:1.1rem}.feistel-op{color:var(--muted);align-self:center;font-size:1.3rem}.digit-pulse{color:var(--accent);font-weight:700;animation:.6s ease-out pulse-in;display:inline-block}@keyframes pulse-in{0%{opacity:.2;transform:scale(1.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.feistel-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.mini-btn{width:auto;min-height:var(--tap-min);min-width:var(--tap-min);margin-top:0;padding:.45rem .8rem;font-size:.85rem}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.feistel-step-label{color:var(--muted);font-size:.84rem;font-weight:600}.round-zoom{margin-top:1rem}.round-zoom-picker{max-width:22rem}.pipeline{flex-direction:column;gap:.55rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.pipe-step{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 45%, transparent);align-items:flex-start;gap:.65rem;padding:.6rem .75rem;display:flex}.pipe-aes{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background-color:color-mix(in srgb, var(--accent) 10%, transparent)}.pipe-num{background-color:color-mix(in srgb, var(--accent-2) 30%, var(--surface-2));width:1.6rem;height:1.6rem;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.pipe-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.pipe-title{color:var(--text);font-size:.9rem;font-weight:600}.pipe-val{color:var(--text);word-break:break-all;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.82rem}.col-add{margin-top:.3rem}.col-add-grid{border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 75%, transparent);border:1px solid var(--border);color:var(--text);margin:0;padding:.55rem .7rem;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.wrap-drop{color:var(--danger);background-color:color-mix(in srgb, var(--danger) 22%, transparent);border-radius:3px;padding:0 1px;text-decoration:line-through}.col-add-note{margin-top:.4rem}.rounds-table-details{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface-2) 40%, transparent);margin-top:1rem;padding:.4rem .75rem}.rounds-table-details>summary{cursor:pointer;color:var(--accent-2);padding:.3rem 0;font-weight:600}[data-theme=dark] .leak-tag{background-color:#c15151}[data-theme=light] .status,[data-theme=light] .glossary>summary,[data-theme=light] .advanced-details>summary,[data-theme=light] .rounds-table-details>summary,[data-theme=light] .fpe-arrow{color:#0c7c72}[data-theme=light] .glossary dt,[data-theme=light] .sub-h,[data-theme=light] .param-gloss dt,[data-theme=light] .digit-pulse{color:#b15200}.attack-lab .field{margin:.6rem 0}.attack-output[hidden]{display:none}.attack-output{margin-top:.8rem}.attack-rows{gap:.35rem;margin:.4rem 0 .8rem;display:grid}.attack-rows>div{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding-bottom:.3rem;display:flex}.attack-rows dt{color:var(--muted);margin:0}.attack-rows dd{margin:0}.attack-rows .mono{overflow-wrap:anywhere;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.9rem}.attack-verdict{border:1px solid var(--border-strong);border-radius:10px;padding:.6rem .8rem;font-weight:700;line-height:1.5}.attack-verdict.leaked{color:var(--danger);border-color:var(--danger)}