@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;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--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: #9a5600;--border: #d9cdb6;--shadow: 0 18px 40px rgba(70, 45, 0, .12);--focus-ring: 0 0 0 3px var(--accent)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:absolute;top:-100%;left:1rem;z-index:1000;background:var(--accent);color:#000;padding:.6rem 1.2rem;border-radius:0 0 .5rem .5rem;font-weight:700;text-decoration:none}.skip-link:focus{top:0}.loading-msg{text-align:center;padding:4rem 1rem;color:var(--text-dim);font-size:1.1rem}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at -10% -10%,rgba(87,212,167,.24),transparent 60%),radial-gradient(800px 500px at 110% 10%,rgba(255,209,102,.16),transparent 65%),linear-gradient(160deg,var(--bg) 0%,var(--bg-alt) 100%);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:.4rem}.app-shell{width:min(1080px,92vw);margin:1.5rem auto 3rem;display:grid;gap:1.2rem;padding:0 .5rem}.hero{position:relative;padding:1.4rem;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(145deg,var(--surface) 0%,var(--surface-soft) 100%);box-shadow:var(--shadow)}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.category-chip{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.theme-toggle,.walkthrough-controls button,.step-btn{border:1px solid var(--border);color:var(--text);background:color-mix(in oklab,var(--surface-soft) 76%,transparent);padding:.55rem .9rem;border-radius:.6rem;cursor:pointer;min-height:44px;min-width:44px;font-size:.92rem;transition:transform .2s ease,border-color .2s ease}.theme-toggle{position:absolute;top:1rem;right:1rem;width:2.6rem;height:2.6rem;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}.theme-toggle:hover,.walkthrough-controls button:hover:not(:disabled),.step-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.theme-toggle:hover{background:var(--surface)}h1{margin:.8rem 0 .3rem;font-size:clamp(1.6rem,3.8vw,2.7rem)}.subtitle{margin:0;color:var(--text-dim);max-width:72ch}.cl-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(1rem,4vw,3rem);flex-wrap:wrap;margin:clamp(1rem,3vw,2rem) 0 1.5rem}.cl-hero-main{flex:1 1 22rem;min-width:min(100%,20rem)}.cl-hero-title{margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1;letter-spacing:.01em;color:var(--text)}.cl-hero-sub{margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem);letter-spacing:.01em;color:var(--text-dim);opacity:.85}.cl-hero-desc{margin:.55rem 0 0;font-size:1rem;line-height:1.5;color:var(--text-dim);max-width:60ch}.cl-hero-why{flex:0 1 min(40%,26rem);min-width:min(100%,15rem);border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));border-radius:10px;padding:.85rem 1.05rem;background:color-mix(in oklab,var(--accent) 8%,var(--bg))}.cl-hero-why-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--text-dim)}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5;color:var(--text)}@media(max-width:640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}}.stepper{display:flex;gap:.5rem;flex-wrap:wrap}.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);border-radius:1rem;padding:1.2rem;background:color-mix(in oklab,var(--surface) 88%,transparent);box-shadow:var(--shadow);animation:rise-in .32s ease}@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{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem;list-style:none;padding:0}.primitive-chips li{border:1px solid var(--border);border-radius:999px;padding:.28rem .62rem;font-size:.77rem;color:var(--accent-2);letter-spacing:.04em}.kv-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.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{display:block;margin-top:.35rem;white-space:pre-wrap;word-break:break-all;color:color-mix(in oklab,var(--text) 90%,var(--accent));font-family:IBM Plex Mono,Fira Code,monospace;font-size:clamp(.72rem,1.6vw,.84rem)}.dh-list{display:grid;grid-template-columns:1fr;gap:.7rem}.walkthrough-controls{display:flex;gap:.8rem}.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{display:flex;flex-wrap:wrap;gap:.6rem}.badge{text-decoration:none;border:1px solid var(--border);color:var(--text);background:color-mix(in oklab,var(--surface-soft) 78%,transparent);padding:.55rem .85rem;border-radius:.65rem;min-height:44px;display:inline-flex;align-items:center}.badge:hover{border-color:var(--accent)}footer{text-align:center;color:var(--text-dim);margin-top:.7rem;padding:0 .5rem}.small-note a{color:var(--accent)}@media(min-width:600px){.kv-grid,.dh-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(min-width:900px){.app-shell{margin-top:2.4rem}}@media(max-width:480px){.app-shell{width:100%;padding:0 .75rem;margin-top:1rem;gap:.9rem}.hero{padding:1rem;border-radius:.75rem}.hero-topline{flex-direction:column;align-items:flex-start;gap:.6rem}.panel-card{padding:.9rem;border-radius:.75rem}.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{width:100%;justify-content:center;text-align:center}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{display:flex;flex-wrap:wrap;gap:.5rem}.status-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border)}.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{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:640px){.lab-grid{grid-template-columns:repeat(2,1fr)}}.lab-regen,.lab-toggle{text-align:left;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-soft) 70%,transparent);color:var(--text);border-radius:.7rem;padding:.7rem .85rem;cursor:pointer;min-height:44px;font:inherit;transition:border-color .15s ease,background .15s ease}.lab-regen{font-weight:700}.lab-regen:hover,.lab-toggle:hover{border-color:var(--accent)}.lab-toggle{display:grid;grid-template-columns:1fr auto;gap:.15rem .6rem;align-items:baseline}.lab-toggle-label{font-weight:700}.lab-toggle-state{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.lab-toggle-desc{grid-column:1 / -1;font-size:.78rem;color:var(--text-dim)}.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{display:grid;grid-template-columns:1fr;gap:.8rem;align-items:stretch}@media(min-width:820px){.holds-grid{grid-template-columns:1fr 1fr 1fr}}.holds-box{border:1px solid var(--border);border-radius:.8rem;padding:.85rem;background:color-mix(in oklab,var(--surface-soft) 55%,transparent)}.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{margin:0 0 .6rem;font-size:.78rem;color:var(--text-dim)}.holds-keys{margin:0;display:grid;gap:.35rem}.holds-keys dt{font-weight:600;font-size:.86rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.holds-keys dd{margin:0 0 .5rem}.keytag{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.08rem .4rem;border-radius:999px;border:1px solid var(--border)}.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{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 0}.lg{font-size:.74rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.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{display:inline-flex;align-items:center;gap:.4rem;margin-top:.3rem;border:1px solid var(--border);border-radius:.5rem;padding:.3rem .55rem;background:color-mix(in oklab,var(--surface-soft) 60%,transparent);cursor:pointer;font:inherit;color:var(--text);max-width:100%}.hexchip:hover{border-color:var(--accent)}.hexchip-dot{width:.7rem;height:.7rem;border-radius:50%;flex:0 0 auto;background:var(--pub)}.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{font-family:IBM Plex Mono,monospace;font-size:.8rem;word-break:break-all;text-align:left}.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{position:relative;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:help}.gloss-term{border-bottom:1px dotted var(--accent);color:color-mix(in oklab,var(--text) 82%,var(--accent))}.gloss-pop{position:absolute;left:0;bottom:125%;z-index:30;width:max(220px,22ch);max-width:78vw;padding:.6rem .7rem;border-radius:.6rem;border:1px solid var(--accent);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:.82rem;line-height:1.45;text-align:left;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.gloss:hover .gloss-pop,.gloss:focus-visible .gloss-pop{opacity:1;visibility:visible}.timeline{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}@media(min-width:760px){.timeline{grid-template-columns:repeat(3,1fr)}}.tl-beat{border:1px solid var(--border);border-radius:.7rem;padding:.6rem .7rem;background:color-mix(in oklab,var(--surface-soft) 45%,transparent);display:grid;gap:.15rem;opacity:.85}.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{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--text-dim)}.tl-who{font-weight:700;font-size:.9rem}.tl-who--offline{color:var(--bob-ink)}.tl-who--online{color:var(--ok-ink)}.tl-text{font-size:.8rem;color:var(--text-dim)}.tl-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--text-dim)}.tl-beat.active .tl-dot{background:var(--accent)}.view-toggle{display:flex;gap:.4rem;margin:.6rem 0}.view-btn{border:1px solid var(--border);background:color-mix(in oklab,var(--surface-soft) 60%,transparent);color:var(--text);border-radius:.5rem;padding:.45rem .8rem;min-height:40px;cursor:pointer;font:inherit}.view-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent)}.cross{margin:.4rem 0 1rem;border:1px solid var(--border);border-radius:.8rem;padding:.7rem .7rem .9rem;background:color-mix(in oklab,var(--surface-soft) 40%,transparent)}.cross-headrow{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.cross-head{font-weight:700;font-size:.82rem}.cross-head--alice{color:var(--alice-ink)}.cross-head--bob{color:var(--bob-ink)}.cross-head--pub{color:var(--pub-ink)}.cross-stage{position:relative;min-height:128px;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch}.cross-nodecol{position:relative;width:5.4rem}.cross-node{position:absolute;transform:translateY(-50%);font-family:IBM Plex Mono,monospace;font-size:.76rem;font-weight:500;padding:.22rem .45rem;border-radius:.45rem;border:1px solid var(--border);background:var(--surface);white-space:nowrap}.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.2;vector-effect:non-scaling-stroke;fill:none;stroke-dasharray:160;stroke-dashoffset:160;animation:cross-draw .5s ease forwards}.cross-line--2{animation-delay:.08s}.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{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.25rem}@media(min-width:640px){.cross-labels{grid-template-columns:1fr 1fr}}.cross-label{font-size:.78rem;color:var(--text-dim);font-family:IBM Plex Mono,monospace;display:flex;align-items:center;gap:.4rem}.cross-label:before{content:"";width:1.1rem;height:0;border-top:3px solid var(--border);flex:0 0 auto}.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));border-radius:.8rem;padding:.9rem;margin:.6rem 0 1rem;background:color-mix(in oklab,var(--accent) 6%,var(--surface-soft) 30%)}.commute-h{margin:0 0 .4rem;font-size:1rem}.commute-lead{margin:0 0 .8rem;color:var(--text-dim);font-size:.9rem}.commute-lead sup{font-size:.7em}.commute-grid{display:grid;grid-template-columns:1fr;gap:.7rem}@media(min-width:640px){.commute-grid{grid-template-columns:1fr 1fr}}.commute-side{border:1px solid var(--border);border-radius:.7rem;padding:.7rem;display:grid;gap:.4rem;background:color-mix(in oklab,var(--surface-soft) 45%,transparent)}.commute-side--alice{border-left:4px solid var(--alice)}.commute-side--bob{border-left:4px solid var(--bob)}.commute-who{font-weight:700;font-size:.82rem}.commute-side--alice .commute-who{color:var(--alice-ink)}.commute-side--bob .commute-who{color:var(--bob-ink)}.commute-expr{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--text)}.commute-expr sub{font-size:.7em}.commute-arrow{font-size:.76rem;color:var(--text-dim);letter-spacing:.03em}.commute-out{font-family:IBM Plex Mono,monospace;font-size:.74rem;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}.commute-verdict{margin:.8rem 0 .6rem;font-weight:700;font-size:.9rem;text-align:center}.commute-verdict--same{color:var(--ok-ink)}.commute-verdict--diff{color:var(--bad-ink)}.commute-regen{border:1px solid var(--border);background:color-mix(in oklab,var(--surface-soft) 70%,transparent);color:var(--text);border-radius:.6rem;padding:.55rem .85rem;min-height:44px;cursor:pointer;font:inherit;font-size:.85rem}.commute-regen:hover{border-color:var(--accent)}.dh-threat{margin:.2rem 0 .5rem}.dh-threat summary{cursor:pointer;font-size:.8rem;font-weight:600;color:color-mix(in oklab,var(--text) 82%,var(--accent))}.dh-threat summary:hover{color:var(--accent)}.dh-threat p{margin:.4rem 0 0;font-size:.82rem;color:var(--text-dim)}.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{display:grid;grid-template-columns:1fr;gap:.6rem;margin:.6rem 0}@media(min-width:720px){.converge{grid-template-columns:1fr auto 1fr;align-items:center}}.converge-side{border:1px solid var(--border);border-radius:.7rem;padding:.6rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;background:color-mix(in oklab,var(--surface-soft) 45%,transparent)}.converge-side--alice{border-left:4px solid var(--alice)}.converge-side--bob{border-left:4px solid var(--bob)}.converge-title{width:100%;font-weight:700;font-size:.82rem;color:var(--text-dim)}.converge-term{font-family:IBM Plex Mono,monospace;font-size:.76rem;padding:.15rem .45rem;border-radius:.4rem;border:1px solid var(--border)}.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{display:inline-block;padding:.6rem .9rem;border-radius:.7rem;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);color:color-mix(in oklab,var(--text) 88%,var(--accent));font-weight:700;font-size:.82rem}.inline-code{display:inline;font-family:IBM Plex Mono,monospace;font-size:.82em;padding:.05rem .3rem;border-radius:.3rem;background:color-mix(in oklab,var(--surface-soft) 70%,transparent);border:1px solid var(--border);color:var(--text);white-space:nowrap}.converge2{border:1px solid var(--border);border-radius:.8rem;padding:.85rem;margin:.6rem 0 .8rem;background:color-mix(in oklab,var(--surface-soft) 35%,transparent)}.converge2-cap{margin:0 0 .5rem;font-size:.9rem;color:var(--text-dim)}.converge2-cap b{color:var(--text)}.converge2-note{margin-top:.6rem}.km-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:2px;margin:.3rem 0;padding:.35rem;border:1px dashed var(--border);border-radius:.6rem}.km-block{display:grid;place-items:center;gap:.1rem;min-width:3.4rem;flex:1 1 3.4rem;padding:.4rem .35rem;border-radius:.4rem;border:1px solid var(--border);font-family:IBM Plex Mono,monospace;animation:km-slide .4s ease backwards;animation-delay:calc(var(--i) * 90ms)}@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-weight:700;font-size:.82rem}.km-block-bytes{font-size:.64rem;color:var(--text-dim)}.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{align-self:center;padding:0 .4rem;font-size:.72rem;color:var(--text-dim);font-family:IBM Plex Mono,monospace}.converge2-flow{text-align:center;margin:.3rem 0}.km-arrow{font-size:.78rem;color:var(--text-dim)}.km-hkdf-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.3rem 0}.hkdf-box--anim{animation:km-pulse .6s ease .5s backwards}@keyframes km-pulse{0%{transform:scale(.9);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.hkdf-box--anim{animation:none}}.km-out-arrow{font-size:1.1rem;color:var(--text-dim)}.km-sk{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:.6rem;border:1px solid var(--ok);background:color-mix(in oklab,var(--ok) 12%,transparent)}.km-sk-label{font-weight:700;color:var(--ok-ink);font-size:.85rem}.km-sk-hex{font-family:IBM Plex Mono,monospace;font-size:.76rem;color:var(--text)}.km-sk-bytes{font-size:.66rem;color:var(--text-dim)}.guide-lead{margin:0;color:var(--text-dim);font-size:.95rem;border-left:3px solid color-mix(in oklab,var(--accent) 60%,var(--border));padding-left:.8rem}.exp-gate{border:1px solid var(--border);border-radius:.9rem;padding:1rem;background:color-mix(in oklab,var(--surface) 88%,transparent)}.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(--border);background:color-mix(in oklab,var(--surface-soft) 72%,transparent);color:var(--text);border-radius:.7rem;padding:.7rem 1rem;min-height:44px;font:inherit;font-weight:700;cursor:pointer}.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{display:grid;gap:1.2rem;scroll-margin-top:5rem}.sk-compare{border:1px solid var(--border);border-radius:.8rem;padding:.8rem;margin:.6rem 0;display:grid;gap:.4rem}.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{display:grid;gap:.2rem}.sk-label{font-weight:700;font-size:.82rem}.sk-label--alice{color:var(--alice-ink)}.sk-label--bob{color:var(--bob-ink)}.sk-hex{font-family:IBM Plex Mono,monospace;font-size:.78rem;word-break:break-all;color:var(--text)}.sk-verdict{text-align:center;font-weight:700;font-size:.85rem}.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{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.3rem}.sk-diff-code{font-family:IBM Plex Mono,monospace;font-size:.78rem;word-break:break-all;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}