:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1012;--surface:#12191c;--surface-2:#192327;--surface-3:#202d31;--border:#344249;--control-border:#728087;--text:#f1f5f3;--text-dim:#b7c4bf;--accent:#9f88ff;--accent-text:#cbbfff;--accent-ink:#0b0818;--ok:#4fc98b;--ok-bg:#10291f;--alarm:#ffba61;--alarm-bg:#302213;--bad:#ff7b86;--bad-bg:#31191d;--display:"Avenir Next", "Gill Sans", sans-serif;--sans:"Avenir Next", "Gill Sans", sans-serif;--mono:"SFMono-Regular", Menlo, Consolas, monospace}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.55}#app{width:min(1120px,100% - clamp(1.8rem,6vw,4rem));margin:0 auto;padding-bottom:3rem}#app *{box-sizing:border-box}#app a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}#app :is(button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}#app code,#app input{font-family:var(--mono)}[hidden]{display:none!important}.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{font-family:var(--display);letter-spacing:0;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{font-family:var(--mono);color:var(--accent-text);letter-spacing:0;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-dim);max-width:62ch;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) 7%, var(--surface));border-radius:8px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.9rem 1.05rem}.cl-hero-why-label,.eyebrow,.result-kicker{font-family:var(--mono);color:var(--accent-text);letter-spacing:0;margin:0;font-size:.7rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}.plain-intro{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(11rem,.45fr) minmax(16rem,1.55fr);align-items:start;gap:.35rem 2rem;padding:1.3rem 0;display:grid}.plain-intro .eyebrow{grid-row:1/span 2;padding-top:.35rem}.plain-intro h2{margin:0;font-size:1.35rem;line-height:1.25}.plain-intro p:last-child{color:var(--text-dim);max-width:72ch;margin:.35rem 0 0}.tabs{margin:1.4rem 0 1.5rem}.tab-list{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.5rem;padding-bottom:.6rem;display:grid}.tab-btn{border:1px solid var(--control-border);background:var(--surface);min-height:44px;color:var(--text-dim);font:700 .9rem var(--sans);cursor:pointer;letter-spacing:0;border-radius:6px;padding:.55rem .8rem}.tab-btn:hover{color:var(--text);border-color:var(--accent-text)}.tab-btn.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-text)}.panel{min-height:28rem;scroll-margin-top:6rem}.panel-intro{margin-bottom:1.25rem}.panel-intro h2{margin:.3rem 0 .45rem;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.2}.panel-intro>p:last-child{color:var(--text-dim);max-width:75ch;margin:0}.lab-controls{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1rem 0 1.35rem;padding:1rem 0 1.2rem}.segment-field{border:0;margin:0 0 1rem;padding:0}.segment-field legend,.control-field>span{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.segment-control{border:1px solid var(--control-border);border-radius:6px;grid-template-columns:repeat(2,1fr);display:inline-grid;overflow:hidden}.segment-control label{cursor:pointer;position:relative}.segment-control input{opacity:.01;width:1px;height:1px;position:absolute}.segment-control span{text-align:center;min-width:7rem;color:var(--text-dim);background:var(--surface);padding:.45rem .8rem;display:block}.segment-control input:checked+span{background:var(--accent);color:var(--accent-ink);font-weight:700}.segment-control input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:-3px}.input-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.control-field{align-content:start;display:grid}.control-field small{color:var(--text-dim);margin-top:.3rem}.mono-input{border:1px solid var(--control-border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:6px;padding:.6rem .7rem;font-size:.9rem}.mono-input[aria-invalid=true]{border-color:var(--bad);background:var(--bad-bg)}.control-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.action-btn{border:1px solid var(--control-border);background:var(--surface-2);min-height:44px;color:var(--text);font:700 .88rem var(--sans);cursor:pointer;border-radius:6px;padding:.55rem .9rem}.action-btn:hover{border-color:var(--accent-text)}.action-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-text)}.input-error{min-height:1.4em;color:var(--bad);margin:.65rem 0 0;font-weight:700}.cipher-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cipher-result{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:1rem;position:relative;overflow:hidden}.cipher-result:before{content:"";background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.misty-result:before{background:var(--ok)}.result-heading{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.result-heading h3{margin:.2rem 0 0;font-size:1.25rem}.status-chip{font:700 .75rem var(--mono);border:1px solid;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.25rem .55rem;display:inline-flex}.status-pass{color:#8ce9b8;border-color:var(--ok);background:var(--ok-bg)}.status-fail{color:#ffacb3;border-color:var(--bad);background:var(--bad-bg)}.status-mark{border:1px solid;border-radius:50%;place-items:center;width:1rem;height:1rem;display:grid}.result-data{gap:.75rem;margin:1rem 0 .8rem;display:grid}.result-data div{min-width:0}.result-data dt{color:var(--text-dim);margin-bottom:.25rem;font-size:.78rem;font-weight:700}.result-data dd{border:1px solid var(--border);background:var(--bg);min-height:2.15rem;font:.82rem/1.5 var(--mono);overflow-wrap:anywhere;border-radius:5px;margin:0;padding:.42rem .55rem}.inline-verdict,.comparison-verdict{border:1px solid;border-radius:6px;padding:.55rem .7rem;font-size:.86rem;font-weight:700}.verdict-pass{color:#a0ecc4;border-color:var(--ok);background:var(--ok-bg)}.verdict-fail{color:#ffb5bb;border-color:var(--bad);background:var(--bad-bg)}.verdict-note{color:var(--accent-text);border-color:var(--accent);background:var(--surface-2)}.comparison-verdict{margin:1rem 0 1.5rem}.real-world{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:.6fr 1.4fr;align-items:start;gap:1.2rem;margin:2rem 0 1rem;padding:1.2rem 0;display:grid}.real-world h3{margin:.25rem 0 0}.real-world ul{grid-template-columns:repeat(4,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.real-world li{border-left:2px solid var(--accent);gap:.15rem;padding:.25rem 0 .25rem .7rem;display:grid}.real-world li strong{font-family:var(--mono)}.real-world li span{color:var(--text-dim);font-size:.8rem}.source-note{border-top:1px solid var(--border);color:var(--text-dim);margin:1rem 0;padding-top:.8rem}.source-note summary{width:fit-content;color:var(--accent-text);cursor:pointer;font-weight:700}.source-note p{max-width:75ch}.round-overview{color:var(--text-dim);font:.78rem var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem 0;display:grid}.round-cells{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.round-cells i{border:1px solid var(--border);background:var(--surface);min-height:1.6rem;color:var(--text-dim);place-items:center;font-style:normal;display:grid}.design-overlay{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.design-lane{border-top:3px solid var(--ok);min-width:0;padding-top:.9rem}.kasumi-lane{border-top-color:var(--accent)}.lane-heading{justify-content:space-between;align-items:start;gap:.8rem;margin-bottom:.8rem;display:flex}.lane-heading h3{margin:.15rem 0 0;font-size:1.3rem}.proof-chip,.change-chip{border:1px solid var(--ok);background:var(--ok-bg);color:#a0ecc4;font:700 .72rem var(--mono);border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .5rem;display:inline-flex}.change-chip{border-color:var(--alarm);background:var(--alarm-bg);color:#ffd29a}.round-order{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.35rem;margin-bottom:.8rem;display:grid}.round-order span{border:1px solid var(--border);background:var(--surface);min-height:2.2rem;font:700 .75rem var(--mono);border-radius:4px;place-items:center;display:grid}.round-order b{color:var(--text-dim);text-align:center}.round-order .flip{color:var(--accent-text)}.component-stack{gap:.65rem;display:grid}.component-block{border:1px solid var(--control-border);background:var(--surface);width:100%;min-height:5rem;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;grid-template-columns:1fr auto;gap:.25rem .6rem;padding:.75rem;display:grid;position:relative}.component-block:hover{border-color:var(--accent-text)}.component-block.selected{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)}.component-block.changed.selected{border-color:var(--accent-text);box-shadow:inset 3px 0 0 var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--surface))}.component-name{font-weight:700}.component-block code{color:var(--text-dim);overflow-wrap:anywhere;grid-column:1/-1;font-size:.78rem}.changed-label,.reference-label{color:#ffd29a;font:700 .66rem var(--mono);align-self:start}.reference-label{color:#8ce9b8}.diff-inspector{border-top:1px solid var(--control-border);border-bottom:1px solid var(--control-border);grid-template-columns:4rem 1fr 1fr;align-items:start;gap:1.1rem;margin-top:1.2rem;padding:1.2rem 0;display:grid}.inspector-index{font:700 2.5rem/1 var(--mono);color:var(--accent-text)}.diff-inspector h3{margin:.25rem 0 .35rem;font-size:1.15rem}.diff-inspector p{color:var(--text-dim);margin:0}.cost-column{border-left:1px solid var(--border);padding-left:1rem}.cost-column .cost-label{color:#ffd29a;font:700 .7rem var(--mono);margin-bottom:.35rem}.diff-caveat{border-left:3px solid var(--alarm);background:var(--alarm-bg);color:#f5dcc0;margin:1rem 0;padding:.7rem .85rem}.attack-controls{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(15rem,1fr) minmax(18rem,1.2fr);gap:.9rem 1rem;margin:1rem 0;padding:1rem 0;display:grid}.select-field{gap:.4rem;font-size:.9rem;font-weight:700;display:grid}.select-wrap{display:block;position:relative}.select-wrap:after{content:"";border-right:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);pointer-events:none;width:.42rem;height:.42rem;position:absolute;top:50%;right:.85rem;translate:0 -65%;rotate:45deg}.select-wrap select{appearance:none;border:1px solid var(--control-border);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:.82rem var(--mono);border-radius:6px;padding:.55rem 2rem .55rem .7rem}.relation-field{margin:0}.relation-control{width:100%}.relation-control span{min-width:0}.attack-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.stage-count{color:var(--text-dim);font:.78rem var(--mono)}.relation-error{min-height:1.5em;color:var(--bad);grid-column:1/-1;margin:0;font-weight:700}.action-btn:disabled{cursor:not-allowed;color:#7f8985;background:var(--surface);border-color:var(--border)}.related-keys{margin:1rem 0}.section-heading-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.7rem;display:flex}.section-heading-row h3{margin:.2rem 0 0}.section-heading-row>code{color:var(--accent-text);font-size:.78rem}.related-keys dl{grid-template-columns:repeat(4,1fr);gap:.55rem;margin:0;display:grid}.related-keys dl div{border-top:2px solid var(--accent);background:var(--surface);min-width:0;padding:.65rem}.related-keys dt{color:var(--text-dim);margin-bottom:.3rem;font-size:.72rem;font-weight:700}.related-keys dd{font:.72rem/1.45 var(--mono);overflow-wrap:anywhere;margin:0}.quartet-flow{grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.quartet-flow li{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-content:start;gap:.35rem;min-width:0;min-height:10.5rem;padding:.7rem;display:grid;position:relative}.quartet-flow li.active{border-color:var(--accent-text);box-shadow:inset 0 3px 0 var(--accent);background:color-mix(in oklab, var(--accent) 7%, var(--surface))}.quartet-flow li.complete{border-color:var(--ok)}.step-number{color:var(--accent-text);font:700 .7rem var(--mono)}.quartet-flow code{color:var(--text-dim);overflow-wrap:anywhere;font-size:.67rem}.quartet-flow small{color:var(--text-dim);margin-top:auto;font-size:.72rem}.attack-conclusion{grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;margin-top:1.2rem;display:grid}.attack-results,.honesty-panel{border-top:3px solid var(--alarm);background:var(--surface);padding:1rem}.attack-results h3,.honesty-panel h3{margin:.25rem 0 .7rem;font-size:1.15rem}.attack-result{border:1px solid;border-radius:6px;grid-template-columns:1fr;gap:.4rem;padding:.65rem;display:grid}.attack-result+.attack-result{margin-top:.6rem}.attack-result>div{justify-content:space-between;gap:.7rem;display:flex}.attack-result span{color:var(--text-dim);font-size:.72rem}.attack-result code{color:var(--text);overflow-wrap:anywhere;font-size:.75rem}.attack-result p{margin:0;font-weight:700}.alarm-result{border-color:var(--alarm);background:var(--alarm-bg);color:#ffd29a}.safe-result{border-color:var(--ok);background:var(--ok-bg);color:#a0ecc4}.honesty-panel{border-top-color:var(--bad);background:var(--bad-bg)}.honesty-panel>p:not(.eyebrow,.honesty-verdict){color:#f1c7ca}.honesty-verdict{border:1px solid var(--bad);color:#ffc0c5;border-radius:6px;gap:.55rem;margin:1rem 0 0;padding:.7rem;font-weight:800;display:flex}.honesty-verdict span{flex:none}.attack-stats{border-top:1px solid var(--control-border);border-bottom:1px solid var(--control-border);grid-template-columns:repeat(4,1fr);gap:0;margin:1.3rem 0 .5rem;display:grid}.attack-stats div{border-right:1px solid var(--border);padding:.8rem}.attack-stats div:last-child{border-right:0}.attack-stats dt{color:var(--text-dim);font-size:.74rem;font-weight:700}.attack-stats dd{font:700 1.15rem var(--mono);margin:.2rem 0 0}.complexity-note{color:var(--text-dim);margin:0;font-size:.82rem}.later-result{border-left:3px solid var(--accent);grid-template-columns:.55fr 1.45fr;gap:.3rem 1rem;margin:1.5rem 0;padding:.8rem 0 .8rem 1rem;display:grid}.later-result .eyebrow{grid-row:1/span 2}.later-result h3{margin:0}.later-result p:last-child{color:var(--text-dim);margin:.35rem 0 0}.attack-sources ul{padding-left:1.2rem}.attack-sources li+li{margin-top:.4rem}.scripture-footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;margin-top:3rem;padding:1.25rem 0 0;font-size:.85rem}.scripture-footer p{margin:.4rem 0}@media (width<=760px){.plain-intro,.real-world{grid-template-columns:1fr}.plain-intro .eyebrow{grid-row:auto}.input-grid,.cipher-grid{grid-template-columns:1fr}.real-world ul{grid-template-columns:repeat(2,1fr)}.diff-inspector{grid-template-columns:3rem 1fr}.cost-column{border-left:0;border-top:1px solid var(--border);grid-column:2;padding:.8rem 0 0}.related-keys dl,.quartet-flow{grid-template-columns:repeat(2,1fr)}.attack-conclusion{grid-template-columns:1fr}.attack-stats{grid-template-columns:repeat(2,1fr)}.attack-stats div:nth-child(2){border-right:0}.attack-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.later-result{grid-template-columns:1fr}.later-result .eyebrow{grid-row:auto}}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-main{flex-basis:auto;min-width:0}.cl-hero-why{flex-basis:auto;width:100%;min-width:0}.tab-list{grid-template-columns:1fr}.tab-btn{text-align:left}.design-overlay{grid-template-columns:1fr;gap:1.5rem}.round-overview{grid-template-columns:1fr;gap:.5rem}.round-overview>span{text-align:center}.attack-controls{grid-template-columns:1fr}.attack-actions,.relation-error{grid-column:auto}.section-heading-row{flex-direction:column;align-items:start}}@media (width<=420px){#app{width:min(100% - 1.4rem,1120px)}.real-world ul{grid-template-columns:1fr}.segment-control{width:100%}.segment-control span{min-width:0}.related-keys dl,.quartet-flow,.attack-stats{grid-template-columns:1fr}.attack-stats div{border-right:0;border-bottom:1px solid var(--border)}.attack-stats div:last-child{border-bottom:0}}