:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#1c2128;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--border-color:#30363d;--control-border:#66717e;--accent-primary:#58a6ff;--accent-secondary:#3fb950;--accent-warning:#d29922;--accent-danger:#f85149;--accent-purple:#bc8cff;--focus-ring:#58a6ff;--link-color:#58a6ff;--chip-bg:#30363d;--chip-text:#e6edf3;--chip-active-bg:#58a6ff;--chip-active-text:#0d1117;--code-bg:#161b22;--hex-bg:#0d1117;--table-stripe:#161b22;--shadow:0 1px 3px #0000004d;--security-none:#f85149;--security-partial:#d29922;--security-full:#3fb950;--security-mutual:#3fb950;--security-one-way:#d29922;--security-initiator:#58a6ff;--security-responder:#bc8cff;--security-both:#3fb950}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-card:#fff;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--border-color:#d0d7de;--control-border:#707780;--accent-primary:#0969da;--accent-secondary:#1a7f37;--accent-warning:#9a6700;--accent-danger:#cf222e;--accent-purple:#8250df;--focus-ring:#0969da;--link-color:#0969da;--chip-bg:#eaeef2;--chip-text:#1f2328;--chip-active-bg:#0969da;--chip-active-text:#fff;--code-bg:#f6f8fa;--hex-bg:#f6f8fa;--table-stripe:#f6f8fa;--shadow:0 1px 3px #0000001a;--security-none:#cf222e;--security-partial:#9a6700;--security-full:#1a7f37;--security-mutual:#1a7f37;--security-one-way:#9a6700;--security-initiator:#0969da;--security-responder:#8250df;--security-both:#1a7f37}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--bg-primary);font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-in{transition:none!important;animation:none!important}}[hidden]{display:none!important}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}a{color:var(--link-color);text-decoration:underline}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.skip-link{z-index:1000;background:var(--accent-primary);color:#fff;border-radius:0 0 6px 6px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.site-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:1.5rem 1rem;position:relative}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.header-right{align-items:center;gap:.5rem;display:flex}.category-chip{background:var(--accent-purple);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.site-title{font-size:1.5rem;font-weight:700;line-height:1.2}.site-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:.9375rem}.spec-ref{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.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;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;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-secondary);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border-color);background:color-mix(in oklab,var(--accent-primary) 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;font-size:.68rem;font-weight:700;display:block}.cl-hero-why-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}}.theme-toggle{border:1px solid var(--border-color);background:var(--bg-tertiary);width:2.6rem;height:2.6rem;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:background .15s;display:inline-flex}.theme-toggle:hover{background:var(--border-color)}.github-badge{border:1px solid var(--border-color);background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.github-badge:hover{background:var(--border-color)}.primitive-chips{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.prim-chip{background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--border-color);border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-block}main{max-width:56rem;margin:0 auto;padding:1rem}.why-matters{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.why-matters h2{margin-bottom:.5rem;font-size:1.125rem}.why-matters p{color:var(--text-secondary);font-size:.9375rem}.panel-nav{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto}[role=tablist]{border-bottom:2px solid var(--border-color);gap:.25rem;min-width:max-content;padding-bottom:0;display:flex}[role=tab]{min-height:44px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-2px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}[role=tab]:hover{color:var(--text-primary)}[role=tab][aria-selected=true]{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}[role=tabpanel]{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:8px;padding:1.25rem}[role=tabpanel] h2{margin-bottom:.5rem;font-size:1.25rem}[role=tabpanel]>p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem}.pattern-chips-container{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.pattern-chip{border:2px solid var(--control-border);background:var(--bg-tertiary);min-width:44px;min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .875rem;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.pattern-chip:hover{border-color:var(--accent-primary)}.pattern-chip.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.pattern-detail{margin-top:1rem}.pattern-name-display{color:var(--accent-primary);margin-bottom:.5rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:1rem}.pattern-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem}.pattern-section{margin-bottom:1.25rem}.pattern-section h4{color:var(--text-primary);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.pattern-display{background:var(--code-bg);border:1px solid var(--border-color);white-space:pre;color:var(--text-primary);border-radius:6px;padding:.875rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.8;overflow-x:auto}.security-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.security-row:last-child{border-bottom:none}.security-label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.security-value{border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.security-icon{margin-right:.25rem}.security-none{color:var(--security-none)}.security-partial{color:var(--security-partial)}.security-full{color:var(--security-full)}.security-mutual{color:var(--security-mutual)}.security-one-way{color:var(--security-one-way)}.security-initiator{color:var(--security-initiator)}.security-responder{color:var(--security-responder)}.security-both{color:var(--security-both)}.real-world-text{color:var(--text-secondary);font-size:.9375rem;font-style:italic}.token-legend{gap:.375rem;display:grid}.token-item{align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.token-code{background:var(--code-bg);color:var(--accent-primary);white-space:nowrap;border-radius:4px;padding:.125rem .375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600}.token-desc{color:var(--text-secondary)}.status-message{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.step-navigation{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.step-counter{color:var(--text-secondary);text-align:center;min-width:8rem;font-size:.9375rem;font-weight:500}.step-info{min-height:4rem}.step-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.step-direction{color:var(--accent-primary);font-size:1rem;font-weight:600}.step-tokens code{color:var(--accent-secondary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace}.log-entry{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.625rem;padding:.75rem}.animate-in{animation:.3s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.log-operation{color:var(--accent-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.log-description{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem}.log-details{font-size:.8125rem}.detail-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.25rem;display:flex}.detail-key{color:var(--text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500}.detail-value{word-break:break-all}.hex-value{color:var(--accent-secondary);background:var(--hex-bg);word-break:break-all;border-radius:4px;max-width:100%;padding:.25rem .5rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem;display:block;overflow-x:auto}.handshake-hash{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:.75rem}.hash-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.transport-keys{gap:1rem;margin-bottom:1.25rem;display:grid}.key-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.key-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.nonce-display{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.9375rem;display:flex}.nonce-value{color:var(--accent-primary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-weight:600}.nonce-note{color:var(--text-muted);font-size:.8125rem}.transport-demo{border-top:1px solid var(--border-color);padding-top:1rem}.input-group{margin-bottom:.75rem}.input-group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.text-input{border:1px solid var(--control-border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;min-height:44px;padding:.625rem .875rem;font-family:inherit;font-size:1rem}.text-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #58a6ff4d}.error-message{color:var(--accent-danger);min-height:1.5rem;margin:.5rem 0;font-size:.875rem}.transport-output{gap:1rem;margin-top:1rem;display:grid}.output-group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.hex-output{background:var(--hex-bg);border:1px solid var(--border-color);word-break:break-all;min-height:2.5rem;color:var(--accent-secondary);border-radius:6px;padding:.625rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem;overflow-x:auto}.plaintext-output{background:var(--bg-secondary);border:1px solid var(--border-color);min-height:2.5rem;color:var(--text-primary);border-radius:6px;padding:.625rem;font-size:.9375rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.625rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background-color:#0860c4;border-color:#0860c4}[data-theme=dark] .btn-primary:hover:not(:disabled){background-color:#38699f;border-color:#38699f}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--control-border)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.comparison-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:36rem;font-size:.875rem}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.625rem .75rem}.comparison-table th{color:var(--text-secondary);background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600;position:sticky;top:0}.comparison-table tr:nth-child(2n) td{background:var(--table-stripe)}.wg-section{margin-bottom:1.5rem}.wg-section h3{margin-bottom:.5rem;font-size:1.0625rem}.wg-section p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9375rem}.wg-section ul{color:var(--text-secondary);margin-top:.5rem;padding-left:1.25rem;font-size:.9375rem}.wg-section li{margin-bottom:.375rem}.wg-messages{gap:1rem;display:grid}.wg-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.wg-message h4{color:var(--accent-primary);margin-bottom:.5rem;font-size:.9375rem}.wg-message p{margin-bottom:.375rem;font-size:.875rem}.wg-message code{background:var(--code-bg);border-radius:3px;padding:.125rem .375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem}.cross-links-section{max-width:56rem;margin:2rem auto;padding:0 1rem}.cross-links-section h2{margin-bottom:.75rem;font-size:1.125rem}.cross-link-badges{flex-wrap:wrap;gap:.5rem;display:flex}.cross-badge{background:var(--bg-card);border:1px solid var(--border-color);min-height:44px;color:var(--accent-primary);border-radius:8px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.cross-badge:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.site-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding:2rem 1rem}.footer-verse{color:var(--text-muted);font-size:.875rem;font-style:italic;line-height:1.6}@media (width>=640px){.site-header{padding:2rem}main{padding:1.5rem 2rem}.site-title{font-size:1.75rem}.transport-keys,.transport-output{grid-template-columns:1fr 1fr}}@media (width>=768px){[role=tabpanel]{padding:1.75rem}.step-navigation{gap:1.5rem}}@media (width>=1024px){.site-header,main{padding:2rem 3rem}}@media (forced-colors:active){.pattern-chip.active{border:3px solid buttontext}[role=tab][aria-selected=true]{border-bottom:3px solid buttontext}}@media print{.theme-toggle,.github-badge,.panel-nav,.step-navigation,.transport-demo,.breakit-btn,.copy-btn{display:none}[role=tabpanel],[role=tabpanel][hidden]{display:block!important}}.kbd-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.kbd-hint kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem}.gl{border-bottom:1px dotted var(--accent-primary);cursor:help;outline:none}.gl:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.glossary-tip{z-index:100;background:var(--bg-tertiary);max-width:22rem;color:var(--text-primary);border:1px solid var(--border-color);pointer-events:none;border-radius:6px;padding:.625rem .75rem;font-size:.8125rem;line-height:1.5;position:absolute;box-shadow:0 4px 12px #0000004d}.vs-tls-section{background:var(--bg-secondary);border-left:3px solid var(--accent-purple);border-radius:4px;padding:.625rem .875rem}.vs-tls-text{color:var(--text-secondary);margin:0;font-size:.9375rem}.walkthrough-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.walkthrough-header h2{margin:0}.premessage-card{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.premessage-card h4{color:var(--accent-purple);margin-bottom:.5rem;font-size:.9375rem}.premessage-help{color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem}.premessage-row{gap:.75rem;padding:.25rem 0;font-size:.875rem;display:flex}.premessage-dir{color:var(--text-secondary);min-width:10rem;font-weight:500}.premessage-tokens code{background:var(--code-bg);color:var(--accent-primary);border-radius:3px;padding:.125rem .375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem}.premessage-note{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.message-diagram{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:.5rem}.diagram-svg{width:100%;height:auto;max-height:130px;color:var(--accent-primary)}.diagram-party{fill:var(--text-primary);font-size:12px;font-weight:600}.diagram-tokens{fill:var(--accent-secondary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.diagram-size{fill:var(--text-secondary);font-size:10px}.diagram-animate line[marker-end]{stroke-dasharray:260;stroke-dashoffset:260px;animation:.6s ease-out forwards drawArrow}@keyframes drawArrow{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.diagram-animate line[marker-end]{stroke-dashoffset:0;animation:none}}.predict-box{background:var(--bg-secondary);border:1px solid var(--accent-purple);border-radius:6px;margin:.75rem 0;padding:.625rem .875rem}.predict-box summary{cursor:pointer;color:var(--accent-purple);-webkit-user-select:none;user-select:none;font-size:.9375rem;font-weight:600}.predict-box[open] summary{margin-bottom:.5rem}.predict-box p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.party-state-grid{gap:.75rem;margin:.75rem 0 1rem;display:grid}@media (width>=640px){.party-state-grid{grid-template-columns:1fr 1fr}}.party-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem .875rem}.party-card[data-role=initiator]{border-left:3px solid var(--security-initiator)}.party-card[data-role=responder]{border-left:3px solid var(--security-responder)}.party-card h4{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9375rem;display:flex}.party-icon{background:var(--bg-tertiary);text-align:center;border-radius:50%;width:1.5rem;height:1.5rem;font-size:.875rem;line-height:1.5rem;display:inline-block}.party-state-body{gap:.25rem;display:grid}.state-row{border-radius:4px;grid-template-columns:3rem 1fr;align-items:baseline;gap:.5rem;padding:.25rem .375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;transition:background .3s;display:grid}.state-row.state-absent .state-key,.state-row.state-absent .state-key .gl{color:#6a90bf}.state-row.state-absent .state-val{color:#7e858f}[data-theme=light] .state-row.state-absent .state-key,[data-theme=light] .state-row.state-absent .state-key .gl{color:#527099}[data-theme=light] .state-row.state-absent .state-val{color:#6c737b}.state-row.state-changed{background:#3fb9501f;animation:1s ease-out stateHighlight}@keyframes stateHighlight{0%{background:#3fb95059}to{background:#3fb9501f}}@media (prefers-reduced-motion:reduce){.state-row.state-changed{animation:none}}.state-key{color:var(--accent-primary);font-weight:600}.state-val{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.state-h .state-key,.state-ck .state-key,.state-k .state-key{color:var(--accent-purple)}.copy-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:3px;padding:0 .25rem;font-size:.8125rem}.copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nonce-pill{color:var(--text-secondary);margin-top:.375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem}.nonce-pill span:last-child{color:var(--accent-primary);font-weight:600}.rekey-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.bidirectional-grid{gap:1rem;margin-top:.5rem;display:grid}@media (width>=768px){.bidirectional-grid{grid-template-columns:1fr 1fr}}.lane{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem}.lane h4{color:var(--accent-primary);margin-bottom:.625rem;font-size:.9375rem}.lane-output{gap:.375rem;margin-top:.75rem;display:grid}.lane-output label{color:var(--text-secondary);font-size:.8125rem;font-weight:500;display:block}.breakit-grid{gap:1rem;display:grid}@media (width>=768px){.breakit-grid{grid-template-columns:1fr 1fr}}.breakit-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.breakit-card h4{color:var(--accent-warning);margin-bottom:.5rem;font-size:1rem}.breakit-card p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.breakit-card code{background:var(--code-bg);border-radius:3px;padding:.05rem .3rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem}.breakit-result{margin-top:.75rem;font-size:.875rem}.breakit-result:empty{display:none}.breakit-summary{color:var(--text-primary);margin:.5rem 0;font-size:.875rem}.breakit-error{color:var(--accent-danger);background:var(--hex-bg);border-left:2px solid var(--accent-danger);border-radius:4px;margin:.25rem 0 .5rem;padding:.375rem .5rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem}.breakit-details{background:var(--hex-bg);border-radius:4px;margin-top:.5rem;padding:.5rem}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-ok{color:var(--security-full);border:1px solid var(--security-full);background:#3fb95026}[data-theme=light] .badge-ok{color:#15682d}.badge-fail{color:#ff6b64;border:1px solid var(--security-none);background:#f8514926}[data-theme=light] .badge-fail{color:#b91c27}.badge-na{background:var(--hex-bg);color:var(--text-secondary);border:1px dashed var(--text-secondary)}.badge-error{background:var(--hex-bg);color:var(--text-secondary);border:1px solid var(--text-secondary)}.compare-picker{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.compare-picker-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.compare-chip-row{flex-wrap:wrap;gap:.375rem;display:flex}.compare-chip{border:1.5px solid var(--control-border);background:var(--bg-tertiary);min-height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.375rem .625rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.compare-chip:hover{border-color:var(--accent-primary)}.compare-chip.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.compare-cell{cursor:pointer;font:inherit;text-align:left;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;padding:.25rem .5rem}.compare-cell:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.comparison-explainer{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:8px;margin-top:1rem;padding:1rem;animation:.25s ease-out fadeSlideIn}.comparison-explainer h4{margin-bottom:.5rem;font-size:1rem}.comparison-explainer p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.explainer-meta{color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.5rem;font-size:.8125rem!important}.packet-title{color:var(--accent-primary);margin:.75rem 0 .5rem;font-size:.9375rem}.packet-diagram{border:1px solid var(--border-color);background:var(--code-bg);border-radius:6px;flex-wrap:wrap;gap:2px;margin-bottom:.75rem;padding:4px;display:flex}.packet-block{text-align:center;min-width:40px;color:var(--bg-primary);cursor:help;border-radius:3px;padding:.5rem .375rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.7rem;transition:opacity .15s}.packet-block:hover{opacity:.85}.packet-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.125rem;font-weight:600;overflow:hidden}.packet-bytes{font-size:.65rem}.wg-meta{background:#8b949e}.wg-e{background:var(--accent-primary)}.wg-s{background:var(--accent-purple);color:#fff}.wg-payload{background:var(--accent-secondary)}.wg-mac{background:var(--accent-warning)}.packet-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;font-size:.8125rem;display:flex}.packet-legend-item{align-items:center;gap:.375rem;display:inline-flex}.legend-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.guided-path{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0 1rem;display:flex}.guided-path-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.guided-path-steps{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.guided-path-arrow{color:var(--text-secondary);font-weight:700}.guided-path-step{border:2px solid var(--control-border);background:var(--bg-tertiary);min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.guided-path-step:hover{border-color:var(--accent-primary)}.guided-path-step.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.guided-path-num{background:var(--bg-primary);width:1.25rem;height:1.25rem;color:var(--text-primary);border-radius:50%;place-items:center;font-size:.7rem;display:inline-grid}.guided-path-step.active .guided-path-num{background:var(--chip-active-text);color:var(--chip-active-bg)}.whats-new-banner{border:1px solid var(--accent-primary);background:var(--bg-secondary);border-left-width:4px;border-radius:6px;align-items:flex-start;gap:.75rem;margin:0 0 1.25rem;padding:.75rem .9rem;display:flex}.whats-new-tag{background:var(--accent-primary);color:var(--chip-active-text);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.whats-new-text{color:var(--text-primary);margin:0;font-size:.9rem;line-height:1.55}.all-patterns{margin-bottom:1.25rem}.all-patterns>summary{cursor:pointer;color:var(--accent-primary);-webkit-user-select:none;user-select:none;padding:.4rem 0;font-size:.9rem;font-weight:600}.all-patterns[open]>summary{margin-bottom:.75rem}.anatomy{border:1px solid var(--accent-purple);background:var(--bg-secondary);border-radius:8px;margin:.75rem 0 1.25rem;overflow:hidden}.anatomy>summary{cursor:pointer;color:var(--accent-purple);-webkit-user-select:none;user-select:none;padding:.75rem .9rem;font-size:.95rem;font-weight:600}.anatomy>summary code{background:var(--code-bg);color:var(--text-primary);border-radius:3px;padding:.05rem .3rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.85em}.anatomy-body{padding:0 .9rem 1rem}.anatomy-lead{color:var(--text-primary);margin-bottom:.9rem;font-size:.9rem;line-height:1.6}.anatomy-tokens{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.anatomy-token-btn{border:2px solid var(--control-border);background:var(--bg-tertiary);min-width:48px;min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.4rem .85rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700;transition:border-color .15s,background .15s}.anatomy-token-btn:hover{border-color:var(--accent-purple)}.anatomy-token-btn[aria-pressed=true]{background:var(--accent-purple);color:var(--bg-primary);border-color:var(--accent-purple)}[data-theme=light] .anatomy-token-btn[aria-pressed=true]{color:#fff}.anatomy-role-toggle{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.anatomy-role-caption{color:var(--text-primary);font-size:.85rem;font-weight:600}.role-switch{gap:.3rem;display:inline-flex}.role-btn{border:2px solid var(--control-border);background:var(--bg-tertiary);min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.role-btn:hover{border-color:var(--accent-primary)}.role-btn.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.anatomy-stage{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;grid-template-columns:1fr auto 1fr;grid-template-areas:"left mixer right""emit emit emit";align-items:center;gap:.6rem .75rem;padding:1rem .5rem;display:grid}.anatomy-key{border:2px solid var(--border-color);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .5rem;display:flex}.anatomy-key-left{grid-area:left}.anatomy-key-right{grid-area:right}.anatomy-key-icon{font-size:1.6rem;line-height:1}.anatomy-key-name{color:var(--text-primary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.8rem;font-weight:700}.anatomy-key.key-ephemeral{border-color:var(--security-initiator)}.anatomy-key.key-static{border-color:var(--accent-purple)}.anatomy-key.key-mine{box-shadow:0 0 0 1px var(--accent-secondary) inset}.anatomy-mixer{border:2px dashed var(--accent-purple);background:var(--bg-secondary);min-width:56px;min-height:56px;color:var(--accent-purple);border-radius:50%;flex-direction:column;grid-area:mixer;justify-content:center;align-items:center;font-weight:700;display:flex}.anatomy-mixer-op{font-size:.85rem}.anatomy-mixer-times{font-size:1.1rem}.anatomy-emit{color:var(--text-primary);grid-area:emit;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.anatomy-emit-arrow{color:var(--accent-secondary);font-weight:700}.anatomy-explain{background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;margin-top:.75rem;padding:.6rem .75rem;font-size:.85rem;line-height:1.55}.anatomy-flip-note{color:var(--text-secondary);margin-top:.75rem;font-size:.85rem;line-height:1.6}.anatomy-flip-note code{background:var(--code-bg);color:var(--text-primary);border-radius:3px;padding:.05rem .3rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace}@media (prefers-reduced-motion:no-preference){.anatomy-key.slide-in.anatomy-key-left{animation:.4s ease-out slideFromLeft}.anatomy-key.slide-in.anatomy-key-right{animation:.4s ease-out slideFromRight}}@keyframes slideFromLeft{0%{opacity:.3;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:.3;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.step-token-effects{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem;display:flex}.token-effect-chip{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.25rem .4rem;display:inline-flex}.token-effect-chip>code{color:var(--text-primary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-weight:700}.tok-effect{border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.tok-effect-transcript{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--security-initiator)}.tok-effect-schedule{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--accent-purple)}.dh-visual{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;padding:.6rem;display:flex}.dh-key-chip{border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;display:inline-flex}.dh-key-chip.dhk-ephemeral{border-color:var(--security-initiator)}.dh-key-chip.dhk-static{border-color:var(--accent-purple)}.dh-key-chip.dhk-mine{box-shadow:0 0 0 1px var(--accent-secondary) inset}.dh-key-icon{font-size:.95rem}.dh-key-label{color:var(--text-primary);font-weight:700}.dh-key-hex{color:var(--text-secondary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.72rem}.dh-op,.dh-arrow{color:var(--text-primary);font-weight:700}.dh-out{color:var(--accent-secondary);font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.75rem;font-weight:600}.track-legend{gap:.4rem;margin:.5rem 0 .75rem;display:grid}.track-legend-item{color:var(--text-primary);border-left:3px solid var(--border-color);padding-left:.75rem;font-size:.8rem;line-height:1.5}.track-legend-transcript{border-left-color:var(--security-initiator)}.track-legend-schedule{border-left-color:var(--accent-purple)}.state-track{margin-bottom:.5rem}.state-track-caption{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);align-items:center;gap:.35rem;margin:.4rem 0 .25rem;font-size:.72rem;font-weight:700;display:flex}.track-dot{border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.track-dot-transcript{background:var(--security-initiator)}.track-dot-schedule{background:var(--accent-purple)}.state-track-transcript{border-left:3px solid var(--security-initiator);padding-left:.5rem}.state-track-schedule{border-left:3px solid var(--accent-purple);padding-left:.5rem}.wire-blocks-wrap{margin:.75rem 0 1rem}.wire-blocks-title{color:var(--accent-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.wire-blocks{border:1px solid var(--border-color);background:var(--code-bg);border-radius:6px;flex-wrap:wrap;align-items:stretch;gap:2px;padding:4px;display:flex}.wire-block{text-align:center;cursor:help;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;gap:.15rem;min-width:56px;padding:.5rem .4rem;display:flex}.wire-block-name{font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700}.wire-block-bytes{font-size:.65rem}.blk-e{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--security-initiator)}.blk-s-plain{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-warning);border-style:dashed}.blk-s-enc{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-purple)}.blk-tag{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.wire-blocks-note{color:var(--text-primary);flex:100%;margin:.4rem 0 .1rem;font-size:.8rem;line-height:1.5}.predict-choices{margin-top:.75rem}.predict-q{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.predict-btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.predict-choice{border:2px solid var(--control-border);background:var(--bg-tertiary);min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.83rem;font-weight:600;transition:border-color .15s,background .15s}.predict-choice:hover{border-color:var(--accent-purple)}.predict-choice.choice-correct{border-color:var(--security-full);background:#3fb9501f}.predict-choice.choice-wrong{border-color:var(--security-none);background:#f851491f}p.predict-answer{color:var(--text-primary);background:var(--bg-tertiary);border-radius:6px;margin-top:.6rem;padding:.5rem .7rem;font-size:.83rem;line-height:1.55}.predict-answer.answer-right{border-left:3px solid var(--security-full)}.predict-answer.answer-wrong{border-left:3px solid var(--security-none)}.predict-answer strong{color:var(--text-primary)}[data-theme=light] .predict-choice.choice-correct{background:#1a7f371a}[data-theme=light] .predict-choice.choice-wrong{background:#cf222e14}[data-theme=dark] .skip-link{background-color:#3f77b6}[data-theme=dark] .category-chip{background-color:#8664b6}[data-theme=dark] .btn-primary{background-color:#3f77b6}[data-theme=light] .cross-badge:hover{background-color:#eef2f5}[data-theme=dark] .spec-ref,[data-theme=dark] .status-message,[data-theme=dark] .detail-key,[data-theme=dark] .nonce-note,[data-theme=dark] .footer-verse,[data-theme=dark] .kbd-hint,[data-theme=dark] .premessage-help,[data-theme=dark] .premessage-note,[data-theme=dark] .explainer-meta{color:#8b929c}[data-theme=light] .spec-ref,[data-theme=light] .status-message,[data-theme=light] .detail-key,[data-theme=light] .nonce-note,[data-theme=light] .footer-verse,[data-theme=light] .kbd-hint,[data-theme=light] .premessage-help,[data-theme=light] .premessage-note,[data-theme=light] .explainer-meta{color:#6c737b}[data-theme=dark] .nonce-pill sub{color:#8b929c}[data-theme=light] .nonce-pill sub{color:#6a727c}.wg-meta.packet-block,[data-theme=dark] .wg-s.packet-block{color:#0d1117}[data-theme=light] .wg-s.packet-block{color:#fff}[data-theme=light] .state-row.state-changed{background-color:#3fb95014}[data-theme=light] .state-h .state-key,[data-theme=light] .state-ck .state-key,[data-theme=light] .state-k .state-key{color:#7443cf}