@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#0b1218;--bg-alt:#101b25;--surface:#162534;--surface-soft:#203447;--text:#ecf5ff;--text-dim:#b7cbde;--accent:#57d4a7;--accent-2:#ffd166;--border:#2f475c;--control-border:#7d93a8;--warn:#e8b339;--shadow:0 20px 60px #00000059;--focus-ring:0 0 0 3px var(--accent)}:root[data-theme=light]{--bg:#f5f0e6;--bg-alt:#ebe2d3;--surface:#fff8ea;--surface-soft:#f6ead4;--text:#1f2430;--text-dim:#4a5362;--accent:#0a7a52;--accent-2:#8a4d00;--border:#d9cdb6;--control-border:#7a6a4e;--warn:#8a5200;--shadow:0 18px 40px #462d001f;--focus-ring:0 0 0 3px var(--accent)}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:1000;background:var(--accent);color:#000;border-radius:0 0 .5rem .5rem;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.loading-msg{text-align:center;color:var(--text-dim);padding:4rem 1rem;font-size:1.1rem}body{background:radial-gradient(1200px 600px at -10% -10%, #57d4a73d, transparent 60%), radial-gradient(800px 500px at 110% 10%, #ffd16629, transparent 65%), linear-gradient(160deg, var(--bg) 0%, var(--bg-alt) 100%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.6}:focus-visible{box-shadow:var(--focus-ring);border-radius:.4rem;outline:none}.app-shell{gap:1.2rem;width:min(1080px,92vw);margin:1.5rem auto 3rem;padding:0 .5rem;display:grid}.hero{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface) 0%, var(--surface-soft) 100%);box-shadow:var(--shadow);border-radius:1rem;padding:1.4rem;position:relative}.hero-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.category-chip{border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.walkthrough-controls button,.step-btn{border:1px solid var(--control-border);color:var(--text);background:color-mix(in oklab, var(--surface-soft) 76%, transparent);cursor:pointer;border-radius:.6rem;min-width:44px;min-height:44px;padding:.55rem .9rem;font-size:.92rem;transition:transform .2s,border-color .2s}.walkthrough-controls button:hover:not(:disabled),.step-btn:hover{border-color:var(--accent);transform:translateY(-1px)}h1{margin:.8rem 0 .3rem;font-size:clamp(1.6rem,3.8vw,2.7rem)}.subtitle{color:var(--text-dim);max-width:72ch;margin:0}.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(--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 color-mix(in oklab, var(--accent) 45%, 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(--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}}.stepper{flex-wrap:wrap;gap:.5rem;display:flex}.step-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 55%, transparent)}.panel-card{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 88%, transparent);box-shadow:var(--shadow);border-radius:1rem;padding:1.2rem;animation:.32s rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h2{margin-top:0;margin-bottom:.7rem}h3{margin:0 0 .5rem}.primitive-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;padding:0;list-style:none;display:flex}.primitive-chips li{border:1px solid var(--border);color:var(--accent-2);letter-spacing:.04em;border-radius:999px;padding:.28rem .62rem;font-size:.77rem}.kv-grid{grid-template-columns:1fr;gap:.7rem;display:grid}.kv-grid div,.dh-list article{background:color-mix(in oklab, var(--surface-soft) 70%, transparent);border:1px solid var(--border);border-radius:.7rem;padding:.68rem;overflow-x:auto}code{white-space:pre-wrap;word-break:break-all;color:color-mix(in oklab, var(--text) 90%, var(--accent));margin-top:.35rem;font-family:IBM Plex Mono,Fira Code,monospace;font-size:clamp(.72rem,1.6vw,.84rem);display:block}.dh-list{grid-template-columns:1fr;gap:.7rem;display:grid}.walkthrough-controls{gap:.8rem;display:flex}.walkthrough-controls button:disabled{cursor:not-allowed;opacity:.55}.small-note,.bridge-text{color:var(--text-dim)}.bridge-text a{color:var(--accent)}.links-row{flex-wrap:wrap;gap:.6rem;display:flex}.badge{border:1px solid var(--border);color:var(--text);background:color-mix(in oklab, var(--surface-soft) 78%, transparent);border-radius:.65rem;align-items:center;min-height:44px;padding:.55rem .85rem;text-decoration:none;display:inline-flex}.badge:hover{border-color:var(--accent)}footer{text-align:center;color:var(--text-dim);margin-top:.7rem;padding:0 .5rem}footer a{color:var(--pub-ink)}.small-note a{color:var(--accent)}.small-note--caution{border-left:3px solid var(--warn,#e8b339);background:color-mix(in oklab, var(--warn,#e8b339) 8%, transparent);color:var(--text);border-radius:0 .5rem .5rem 0;padding:.7rem .9rem}.small-note--caution strong{color:var(--warn,#e8b339)}.small-note--caution a{color:var(--pub-ink)}@media (width>=600px){.kv-grid,.dh-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width>=900px){.app-shell{margin-top:2.4rem}}@media (width<=480px){.app-shell{gap:.9rem;width:100%;margin-top:1rem;padding:0 .75rem}.hero{border-radius:.75rem;padding:1rem}.hero-topline{flex-direction:column;align-items:flex-start;gap:.6rem}.panel-card{border-radius:.75rem;padding:.9rem}.stepper{gap:.35rem}.step-btn{padding:.5rem .7rem;font-size:.85rem}.walkthrough-controls{justify-content:space-between}.walkthrough-controls button{flex:1}.links-row{flex-direction:column}.badge{text-align:center;justify-content:center;width:100%}footer{font-size:.88rem}}[data-theme=light] .skip-link{background-color:#208662}:root{--alice:#7fb2ff;--alice-ink:#cfe0ff;--bob:#ffb27f;--bob-ink:#ffd9c2;--pub:#9fe6c9;--pub-ink:#cdeee0;--ok:#57d4a7;--ok-ink:#bff0dc;--bad:#ff9a8a;--bad-ink:#ffd0c7}:root[data-theme=light]{--alice:#1552c9;--alice-ink:#123a86;--bob:#a1560b;--bob-ink:#7a4108;--pub:#0a7a52;--pub-ink:#075c3d;--ok:#0a7a52;--ok-ink:#075c3d;--bad:#b02516;--bad-ink:#8a1d11}.status-strip{flex-wrap:wrap;gap:.5rem;display:flex}.status-pill{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-pill.ok{color:var(--ok-ink);border-color:color-mix(in oklab, var(--ok) 55%, var(--border));background:color-mix(in oklab, var(--ok) 12%, transparent)}.status-pill.bad{color:var(--bad-ink);border-color:color-mix(in oklab, var(--bad) 55%, var(--border));background:color-mix(in oklab, var(--bad) 14%, transparent)}.lab-lead{color:var(--text-dim);margin-top:0}.lab-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=640px){.lab-grid{grid-template-columns:repeat(2,1fr)}}.lab-regen,.lab-toggle{text-align:left;border:1px solid var(--control-border);background:color-mix(in oklab, var(--surface-soft) 70%, transparent);color:var(--text);cursor:pointer;min-height:44px;font:inherit;border-radius:.7rem;padding:.7rem .85rem;transition:border-color .15s,background .15s}.lab-regen{font-weight:700}.lab-regen:hover,.lab-toggle:hover{border-color:var(--accent)}.lab-toggle{grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .6rem;display:grid}.lab-toggle-label{font-weight:700}.lab-toggle-state{letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;font-size:.72rem;font-weight:700}.lab-toggle-desc{color:var(--text-dim);grid-column:1/-1;font-size:.78rem}.lab-toggle.on{border-color:var(--bad);background:color-mix(in oklab, var(--bad) 14%, transparent)}.lab-toggle.on .lab-toggle-state{color:var(--bad-ink)}.holds-lead{color:var(--text-dim);margin-top:0}.holds-grid{grid-template-columns:1fr;align-items:stretch;gap:.8rem;display:grid}@media (width>=820px){.holds-grid{grid-template-columns:1fr 1fr 1fr}}.holds-box{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 55%, transparent);border-radius:.8rem;padding:.85rem}.holds-box h3{margin:0 0 .2rem}.holds-box--alice{border-left:4px solid var(--alice)}.holds-box--bob{border-left:4px solid var(--bob)}.holds-box--server{border-left:4px solid var(--pub)}.holds-tag{color:var(--text-dim);margin:0 0 .6rem;font-size:.78rem}.holds-keys{gap:.35rem;margin:0;display:grid}.holds-keys dt{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.86rem;font-weight:600;display:flex}.holds-keys dd{margin:0 0 .5rem}.keytag{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:999px;padding:.08rem .4rem;font-size:.66rem;font-weight:700}.keytag--priv{color:var(--bad-ink);border-color:color-mix(in oklab, var(--bad) 50%, var(--border))}.keytag--pub{color:var(--pub-ink);border-color:color-mix(in oklab, var(--pub) 55%, var(--border))}.holds-legend{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;display:flex}.lg{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.15rem .55rem;font-size:.74rem}.lg--alice{border-left:4px solid var(--alice)}.lg--bob{border-left:4px solid var(--bob)}.lg--pub{border-left:4px solid var(--pub)}.lg--priv{border-left:4px solid var(--bad)}.hexchip{border:1px solid var(--control-border);background:color-mix(in oklab, var(--surface-soft) 60%, transparent);cursor:pointer;font:inherit;color:var(--text);border-radius:.5rem;align-items:center;gap:.4rem;max-width:100%;margin-top:.3rem;padding:.3rem .55rem;display:inline-flex}.hexchip:hover{border-color:var(--accent)}.hexchip-dot{background:var(--pub);border-radius:50%;flex:none;width:.7rem;height:.7rem}.hexchip--alice .hexchip-dot{background:var(--alice)}.hexchip--bob .hexchip-dot{background:var(--bob)}.hexchip--pub .hexchip-dot{background:var(--pub)}.hexchip--private .hexchip-dot{box-shadow:0 0 0 2px color-mix(in oklab, var(--bad) 60%, transparent)}.hexchip-hex{word-break:break-all;text-align:left;font-family:IBM Plex Mono,monospace;font-size:.8rem}.hexchip.expanded{align-items:flex-start}.hexchip--absent{color:var(--text-dim);cursor:default;border-style:dashed;font-family:IBM Plex Mono,monospace;font-size:.8rem}.gloss{font:inherit;color:inherit;cursor:help;background:0 0;border:none;padding:0;position:relative}.gloss-term{border-bottom:1px dotted var(--accent);color:color-mix(in oklab, var(--text) 82%, var(--accent))}.gloss-pop{z-index:30;border:1px solid var(--accent);background:var(--surface);width:max(220px,22ch);max-width:78vw;color:var(--text);box-shadow:var(--shadow);text-align:left;pointer-events:none;border-radius:.6rem;padding:.6rem .7rem;font-size:.82rem;line-height:1.45;display:none;position:absolute;bottom:125%;left:0}.gloss:hover .gloss-pop,.gloss:focus-visible .gloss-pop{display:block}@media (width<=640px){.gloss-pop{width:auto;max-width:none;position:fixed;bottom:auto;left:.9rem;right:.9rem}}.timeline{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}@media (width>=760px){.timeline{grid-template-columns:repeat(3,1fr)}}.tl-beat{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 45%, transparent);opacity:.85;border-radius:.7rem;gap:.15rem;padding:.6rem .7rem;display:grid}.tl-beat.active{border-color:var(--accent);opacity:1;box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent)}.tl-t{color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:.72rem}.tl-who{font-size:.9rem;font-weight:700}.tl-who--offline{color:var(--bob-ink)}.tl-who--online{color:var(--ok-ink)}.tl-text{color:var(--text-dim);font-size:.8rem}.tl-dot{background:var(--text-dim);border-radius:50%;width:.6rem;height:.6rem}.tl-beat.active .tl-dot{background:var(--accent)}.view-toggle{gap:.4rem;margin:.6rem 0;display:flex}.view-btn{border:1px solid var(--control-border);background:color-mix(in oklab, var(--surface-soft) 60%, transparent);color:var(--text);cursor:pointer;min-height:44px;font:inherit;border-radius:.5rem;padding:.45rem .8rem}.view-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent)}.cross{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 40%, transparent);border-radius:.8rem;margin:.4rem 0 1rem;padding:.7rem .7rem .9rem}.cross-headrow{justify-content:space-between;gap:1rem;margin-bottom:.4rem;display:flex}.cross-head{font-size:.82rem;font-weight:700}.cross-head--alice{color:var(--alice-ink)}.cross-head--bob{color:var(--bob-ink)}.cross-head--pub{color:var(--pub-ink)}.cross-stage{grid-template-columns:auto 1fr auto;align-items:stretch;min-height:128px;display:grid;position:relative}.cross-nodecol{width:5.4rem;position:relative}.cross-node{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:.45rem;padding:.22rem .45rem;font-family:IBM Plex Mono,monospace;font-size:.76rem;font-weight:500;position:absolute;transform:translateY(-50%)}.cross-nodecol--left .cross-node{left:0}.cross-nodecol--right .cross-node{right:0}.cross-node--alice{border-color:color-mix(in oklab, var(--alice) 60%, var(--border));color:var(--alice-ink)}.cross-node--bob{border-color:color-mix(in oklab, var(--bob) 60%, var(--border));color:var(--bob-ink)}.cross-node--pub{border-color:color-mix(in oklab, var(--pub) 60%, var(--border));color:var(--pub-ink)}.cross-svg{width:100%;height:100%;min-height:128px}.cross-line{stroke-width:2.2px;vector-effect:non-scaling-stroke;fill:none;stroke-dasharray:160;stroke-dashoffset:160px;animation:.5s forwards cross-draw}.cross-line--2{animation-delay:80ms}.cross-line--3{animation-delay:.16s}.cross-line--4{animation-delay:.24s}@keyframes cross-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.cross-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.cross-line--1{stroke:var(--bob)}.cross-line--2{stroke:var(--alice)}.cross-line--3{stroke:var(--pub)}.cross-line--4{stroke:var(--accent-2)}.cross-labels{gap:.25rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.cross-labels{grid-template-columns:1fr 1fr}}.cross-label{color:var(--text-dim);align-items:center;gap:.4rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;display:flex}.cross-label:before{content:"";border-top:3px solid var(--border);flex:none;width:1.1rem;height:0}.cross-label--1:before{border-color:var(--bob)}.cross-label--2:before{border-color:var(--alice)}.cross-label--3:before{border-color:var(--pub)}.cross-label--4:before{border-color:var(--accent-2)}.cross-label b{color:var(--text)}.cross-label--1 b{color:var(--bob-ink)}.cross-label--2 b{color:var(--alice-ink)}.cross-label--3 b{color:var(--pub-ink)}.cross-label--4 b{color:var(--accent-2)}.commute{border:1px solid color-mix(in oklab, var(--accent) 40%, var(--border));background:color-mix(in oklab, var(--accent) 6%, var(--surface-soft) 30%);border-radius:.8rem;margin:.6rem 0 1rem;padding:.9rem}.commute-h{margin:0 0 .4rem;font-size:1rem}.commute-lead{color:var(--text-dim);margin:0 0 .8rem;font-size:.9rem}.commute-lead sup{font-size:.7em}.commute-grid{grid-template-columns:1fr;gap:.7rem;display:grid}@media (width>=640px){.commute-grid{grid-template-columns:1fr 1fr}}.commute-side{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 45%, transparent);border-radius:.7rem;gap:.4rem;padding:.7rem;display:grid}.commute-side--alice{border-left:4px solid var(--alice)}.commute-side--bob{border-left:4px solid var(--bob)}.commute-who{font-size:.82rem;font-weight:700}.commute-side--alice .commute-who{color:var(--alice-ink)}.commute-side--bob .commute-who{color:var(--bob-ink)}.commute-expr{color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.8rem}.commute-expr sub{font-size:.7em}.commute-arrow{color:var(--text-dim);letter-spacing:.03em;font-size:.76rem}.commute-out{word-break:break-all;color:var(--text);background:color-mix(in oklab, var(--accent) 12%, transparent);border:1px solid color-mix(in oklab, var(--accent) 40%, var(--border));border-radius:.4rem;padding:.35rem .45rem;font-family:IBM Plex Mono,monospace;font-size:.74rem}.commute-verdict{text-align:center;margin:.8rem 0 .6rem;font-size:.9rem;font-weight:700}.commute-verdict--same{color:var(--ok-ink)}.commute-verdict--diff{color:var(--bad-ink)}.commute-regen{border:1px solid var(--control-border);background:color-mix(in oklab, var(--surface-soft) 70%, transparent);color:var(--text);cursor:pointer;min-height:44px;font:inherit;border-radius:.6rem;padding:.55rem .85rem;font-size:.85rem}.commute-regen:hover{border-color:var(--accent)}.dh-threat{margin:.2rem 0 .5rem}.dh-threat summary{cursor:pointer;color:color-mix(in oklab, var(--text) 82%, var(--accent));font-size:.8rem;font-weight:600}.dh-threat summary:hover{color:var(--accent)}.dh-threat p{color:var(--text-dim);margin:.4rem 0 0;font-size:.82rem}.dh-item--1{border-left:4px solid var(--bob)}.dh-item--2{border-left:4px solid var(--alice)}.dh-item--3{border-left:4px solid var(--pub)}.dh-item--4{border-left:4px solid var(--accent-2)}.dh-item--absent{border-left:4px dashed var(--border);color:var(--text-dim)}.converge{grid-template-columns:1fr;gap:.6rem;margin:.6rem 0;display:grid}@media (width>=720px){.converge{grid-template-columns:1fr auto 1fr;align-items:center}}.converge-side{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 45%, transparent);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.6rem;display:flex}.converge-side--alice{border-left:4px solid var(--alice)}.converge-side--bob{border-left:4px solid var(--bob)}.converge-title{width:100%;color:var(--text-dim);font-size:.82rem;font-weight:700}.converge-term{border:1px solid var(--border);border-radius:.4rem;padding:.15rem .45rem;font-family:IBM Plex Mono,monospace;font-size:.76rem}.converge-term--1{color:var(--bob-ink)}.converge-term--2{color:var(--alice-ink)}.converge-term--3{color:var(--pub-ink)}.converge-term--4{color:var(--accent-2)}.converge-hkdf{text-align:center}.hkdf-box{border:1px solid var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent);color:color-mix(in oklab, var(--text) 88%, var(--accent));border-radius:.7rem;padding:.6rem .9rem;font-size:.82rem;font-weight:700;display:inline-block}.inline-code{background:color-mix(in oklab, var(--surface-soft) 70%, transparent);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:.3rem;padding:.05rem .3rem;font-family:IBM Plex Mono,monospace;font-size:.82em;display:inline}.converge2{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-soft) 35%, transparent);border-radius:.8rem;margin:.6rem 0 .8rem;padding:.85rem}.converge2-cap{color:var(--text-dim);margin:0 0 .5rem;font-size:.9rem}.converge2-cap b{color:var(--text)}.converge2-note{margin-top:.6rem}.km-strip{border:1px dashed var(--border);border-radius:.6rem;flex-wrap:wrap;align-items:stretch;gap:2px;margin:.3rem 0;padding:.35rem;display:flex}.km-block{border:1px solid var(--border);min-width:3.4rem;animation:.4s backwards km-slide;animation-delay:calc(var(--i) * 90ms);border-radius:.4rem;flex:3.4rem;place-items:center;gap:.1rem;padding:.4rem .35rem;font-family:IBM Plex Mono,monospace;display:grid}@keyframes km-slide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.km-block{animation:none}}.km-block-label{font-size:.82rem;font-weight:700}.km-block-bytes{color:var(--text-dim);font-size:.64rem}.km-block--f{border-color:var(--border);background:color-mix(in oklab, var(--text-dim) 14%, transparent)}.km-block--f .km-block-label{color:var(--text)}.km-block--1{border-color:color-mix(in oklab, var(--bob) 55%, var(--border));background:color-mix(in oklab, var(--bob) 12%, transparent)}.km-block--1 .km-block-label{color:var(--bob-ink)}.km-block--2{border-color:color-mix(in oklab, var(--alice) 55%, var(--border));background:color-mix(in oklab, var(--alice) 12%, transparent)}.km-block--2 .km-block-label{color:var(--alice-ink)}.km-block--3{border-color:color-mix(in oklab, var(--pub) 55%, var(--border));background:color-mix(in oklab, var(--pub) 12%, transparent)}.km-block--3 .km-block-label{color:var(--pub-ink)}.km-block--4{border-color:color-mix(in oklab, var(--accent-2) 55%, var(--border));background:color-mix(in oklab, var(--accent-2) 12%, transparent)}.km-block--4 .km-block-label{color:var(--accent-2)}.km-len{color:var(--text-dim);align-self:center;padding:0 .4rem;font-family:IBM Plex Mono,monospace;font-size:.72rem}.converge2-flow{text-align:center;margin:.3rem 0}.km-arrow{color:var(--text-dim);font-size:.78rem}.km-hkdf-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.3rem 0;display:flex}.hkdf-box--anim{animation:.6s .5s backwards km-pulse}@keyframes km-pulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hkdf-box--anim{animation:none}}.km-out-arrow{color:var(--text-dim);font-size:1.1rem}.km-sk{border:1px solid var(--ok);background:color-mix(in oklab, var(--ok) 12%, transparent);border-radius:.6rem;align-items:center;gap:.45rem;padding:.45rem .7rem;display:inline-flex}.km-sk-label{color:var(--ok-ink);font-size:.85rem;font-weight:700}.km-sk-hex{color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.76rem}.km-sk-bytes{color:var(--text-dim);font-size:.66rem}.guide-lead{color:var(--text-dim);border-left:3px solid color-mix(in oklab, var(--accent) 60%, var(--border));margin:0;padding-left:.8rem;font-size:.95rem}.exp-gate{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 88%, transparent);border-radius:.9rem;padding:1rem}.exp-gate--ready{border-color:color-mix(in oklab, var(--accent-2) 60%, var(--border));background:color-mix(in oklab, var(--accent-2) 8%, transparent)}.exp-gate h2{margin-top:0}.exp-gate-lead{color:var(--text-dim);margin:0 0 .8rem}.exp-gate-btn{border:1px solid var(--control-border);background:color-mix(in oklab, var(--surface-soft) 72%, transparent);color:var(--text);min-height:44px;font:inherit;cursor:pointer;border-radius:.7rem;padding:.7rem 1rem;font-weight:700}.exp-gate--ready .exp-gate-btn{border-color:var(--accent-2);background:color-mix(in oklab, var(--accent-2) 16%, transparent)}.exp-gate-btn:hover:not(:disabled){border-color:var(--accent)}.exp-gate-btn:disabled{opacity:.55;cursor:not-allowed}.experiments{gap:1.2rem;scroll-margin-top:5rem;display:grid}.sk-compare{border:1px solid var(--border);border-radius:.8rem;gap:.4rem;margin:.6rem 0;padding:.8rem;display:grid}.sk-compare--match{border-color:var(--ok);background:color-mix(in oklab, var(--ok) 10%, transparent)}.sk-compare--mismatch{border-color:var(--bad);background:color-mix(in oklab, var(--bad) 12%, transparent)}.sk-row{gap:.2rem;display:grid}.sk-label{font-size:.82rem;font-weight:700}.sk-label--alice{color:var(--alice-ink)}.sk-label--bob{color:var(--bob-ink)}.sk-hex{word-break:break-all;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.78rem}.sk-verdict{text-align:center;font-size:.85rem;font-weight:700}.sk-compare--match .sk-verdict{color:var(--ok-ink)}.sk-compare--mismatch .sk-verdict{color:var(--bad-ink)}.sk-diff{margin:.4rem 0}.sk-diff-label{color:var(--text-dim);margin-bottom:.3rem;font-size:.8rem;display:block}.sk-diff-code{word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:.78rem;overflow-x:auto}.sk-diff-code .diff-byte{color:var(--bad-ink);background:color-mix(in oklab, var(--bad) 26%, transparent);border-radius:.2rem;padding:0 .05rem;font-weight:700}.verdict--ok{color:var(--ok-ink)}.verdict--bad{color:var(--bad-ink);font-weight:700}