:root{--accent: #9f1239;--accent-strong: #c81e4a;--bg: #160a0f;--surface: #1f0f16;--surface-2: #2b1620;--border: #4a2531;--text: #f7ebef;--text-dim: #d9bcc4;--accent-text: #ff92ab;--accent-ink: #ffffff;--ok-text: #5fd694;--ok-strong: #b9f2ce;--alarm-text: #ff9877;--alarm-strong: #ffccbd;--warn-text: #f0c24b;--warn-strong: #ffe08f;--mark-line: #f0c24b;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23d9bcc4' stroke-width='2'/%3E%3C/svg%3E")}html[data-theme=light]{--accent: #9f1239;--accent-strong: #86082e;--bg: #fbf2f4;--surface: #ffffff;--surface-2: #f5e7ea;--border: #e2c4cc;--text: #241019;--text-dim: #6b4450;--accent-text: #9c123f;--accent-ink: #ffffff;--ok-text: #0f7a44;--ok-strong: #0a5530;--alarm-text: #b23410;--alarm-strong: #8a2408;--warn-text: #8a6400;--warn-strong: #6b4e00;--mark-line: #9a6a00;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%236b4450' stroke-width='2'/%3E%3C/svg%3E")}html{background-color:#160a0f;color-scheme:dark}html[data-theme=light]{background-color:#fbf2f4;color-scheme:light}body{margin:0;background-color:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}#app{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}#app p{margin:.6rem 0}#app h2{margin:0 0 .4rem;font-size:1.35rem;line-height:1.25}#app h3{margin:.6rem 0 .4rem;font-size:1.02rem}#app a{color:var(--accent-text);text-decoration:underline}#app a:hover{text-decoration-thickness:2px}#app code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}#app button{font:inherit}#app :focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:3px}.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}.cl-hero-sub{margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem);letter-spacing:.01em;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 var(--border);border-radius:10px;padding:.85rem 1.05rem;background:color-mix(in oklab,var(--accent) 6%,transparent)}.cl-hero-why-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media(max-width:640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}}.lab-main{display:flex;flex-direction:column;gap:1.4rem;padding-bottom:2.5rem}.panel{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem 1.25rem}.panel-lede{color:var(--text-dim);max-width:78ch}.note{color:var(--text-dim);font-size:.9rem;max-width:80ch}.honesty{border-left:3px solid var(--accent-text);padding-left:.8rem;color:var(--text-dim);max-width:80ch}.honesty-block{display:flex;flex-direction:column;gap:.5rem}.honesty-block p{margin:0;max-width:82ch}.expert{margin-top:.7rem}.expert summary{cursor:pointer;font-weight:600;color:var(--accent-text)}.consequence{max-width:82ch}.aha{margin-top:.6rem;border:1px dashed var(--alarm-text);border-radius:8px;padding:.6rem .8rem;color:var(--text);background-color:color-mix(in srgb,#ef4444 8%,transparent);max-width:80ch}.guide{margin:.6rem 0;padding-left:1.3rem;color:var(--text-dim)}.guide li{margin:.25rem 0;max-width:80ch}.controls{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:flex-start;margin:1rem 0 .4rem}.ctl-modes{border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem .6rem;margin:0;display:flex;gap:.9rem;flex-wrap:wrap}.ctl-modes legend{font-size:.78rem;font-weight:600;color:var(--text-dim);padding:0 .25rem}.mode-opt{display:inline-flex;align-items:center;gap:.35rem}.mode-opt label{cursor:pointer}.mode-note{color:var(--text-dim);font-style:italic}.btn-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.btn{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;cursor:pointer}.btn:hover{border-color:var(--accent-text)}.btn:disabled{cursor:not-allowed;color:var(--text-dim)}.btn-primary{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong)}.wire{display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;margin:1rem 0}.lane{flex:1 1 14rem;min-width:min(100%,13rem);border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;background-color:var(--surface-2);display:flex;flex-direction:column;gap:.35rem}.lane-title{font-size:.8rem;font-weight:700;letter-spacing:.03em}.lane-sub{font-size:.74rem;color:var(--text-dim)}.lane-idle{font-size:.85rem;color:var(--text-dim);margin:0}.lane-pick{margin:0;font-size:.92rem}.wire-arrow{align-self:center;color:var(--text-dim);font-size:1.3rem}.scissors{font-size:1.2rem;color:var(--alarm-text)}@media(max-width:720px){.wire-arrow{transform:rotate(90deg)}}.flight{margin:.2rem 0 .4rem}.flight-caption{margin:0 0 .3rem;font-size:.78rem;color:var(--text-dim)}.flight-track{position:relative;height:4.2rem;border:1px solid var(--border);border-radius:10px;background-color:var(--surface-2);padding:.4rem .6rem;overflow:hidden}.flight-track:before{content:"";position:absolute;left:.8rem;right:.8rem;top:2.7rem;border-top:2px dashed var(--border)}.flight-tick{position:absolute;top:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--text-dim)}.flight-tick.tick-client{left:.6rem}.flight-tick.tick-attacker{left:50%;transform:translate(-50%)}.flight-tick.tick-server{right:.6rem}.flight-packet{position:absolute;left:.6rem;top:2rem;transition:left .45s ease;z-index:1}.flight-packet.at-attacker{left:calc(50% - 4.8rem)}.flight-packet.at-server{left:calc(100% - 9.8rem)}.flight-code{display:inline-block;background-color:var(--surface);border:1.5px solid var(--accent);border-radius:6px;padding:.2rem .45rem;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9.4rem;color:var(--text)}.flight-packet.snip .flight-code{border-color:var(--alarm-text);box-shadow:0 0 0 2px color-mix(in srgb,#ef4444 30%,transparent)}@media(prefers-reduced-motion:reduce){.flight-packet{transition:none}}.pkt-list{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pkt-entry{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;padding:.4rem .55rem;background-color:var(--surface)}.pkt-struck{opacity:1}.pkt-struck .pkt-name,.pkt-struck .pkt-code{text-decoration:line-through;color:var(--text-dim)}.pq-dot{width:.7rem;height:.7rem;border-radius:50%;flex:0 0 auto;border:1px solid var(--border)}.pq-yes{background-color:#22c55e}.pq-no{background-color:#6b7280}.pkt-name{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:.9rem}.pkt-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;color:var(--text-dim)}.pkt-tag{font-size:.72rem;letter-spacing:.03em;color:var(--text-dim);text-transform:uppercase}.pkt-remove{margin-left:auto;background-color:transparent;border:1px solid var(--alarm-text);color:var(--alarm-strong);border-radius:6px;padding:.1rem .5rem;cursor:pointer;font-weight:700}.pkt-remove:hover{background-color:color-mix(in srgb,#ef4444 16%,transparent)}.pkt-empty{font-size:.85rem;color:var(--text-dim);font-style:italic}.pkt-list-struck{margin-top:.3rem}.strip-results{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.indicator-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.indicator-pair{grid-template-columns:1fr}}.indicator{display:flex;flex-direction:column;gap:.3rem}.indicator-role{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.chip{display:inline-block;border-radius:8px;padding:.5rem .8rem;font-weight:600;border:1.5px solid var(--border);margin:0}.chip-icon{font-weight:700}.chip-neutral{background-color:var(--surface-2);color:var(--text)}.chip-ok{background-color:color-mix(in srgb,#22c55e 14%,transparent);border-color:var(--ok-text);color:var(--ok-strong)}.chip-alarm{background-color:color-mix(in srgb,#ef4444 14%,transparent);border-color:var(--alarm-text);color:var(--alarm-strong)}.chip-warn{background-color:color-mix(in srgb,var(--mark-line) 16%,transparent);border-color:var(--warn-text);color:var(--warn-strong)}#strip{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.preset-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.7rem 0 .5rem}.btn-lg{padding:.6rem 1.1rem;font-size:1rem}.guide-details{margin:.1rem 0 .6rem}.guide-details .guide{margin-top:.4rem;margin-bottom:0}.aha-ok{border-color:var(--ok-text);background-color:color-mix(in srgb,#22c55e 9%,transparent)}.compare-out{margin-top:1rem}.compare-title{font-size:1rem;margin-bottom:.2rem}.compare-rail{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}@media(max-width:640px){.compare-rail{grid-template-columns:1fr}}.compare-card{border:1px solid var(--border);border-radius:10px;padding:.8rem .95rem;background-color:var(--surface-2);display:flex;flex-direction:column;gap:.5rem}.compare-card h4{margin:0;font-size:.95rem}.byterow{display:flex;flex-direction:column;gap:.15rem;margin:.35rem 0}.byterow-label{font-size:.74rem;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.byteblock{display:block;background-color:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.3rem .45rem;overflow-x:auto;white-space:nowrap;font-size:.8rem}.inline-hex{background-color:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.05rem .35rem;overflow-wrap:anywhere}.macdiff{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.diff-stage-label{margin:.5rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.diff-connector{margin:.35rem 0 .1rem;font-size:.82rem;color:var(--text-dim);font-family:ui-monospace,Menlo,Consolas,monospace}.diff-arrow{color:var(--accent-text);font-weight:700}.diff-delete{margin:.3rem 0 0;font-size:.82rem;color:var(--alarm-strong)}.byte-changed{background-color:color-mix(in srgb,var(--mark-line) 30%,transparent);color:var(--text);font-weight:700;border-bottom:2px solid var(--mark-line);border-radius:2px;padding:0 1px}.verify-badge{font-weight:700;font-size:.85rem;padding:.3rem .5rem;border-radius:6px;border:1.5px solid var(--border);align-self:flex-start;white-space:nowrap;display:inline-block}.vb-ok{color:var(--ok-strong);border-color:var(--ok-text);background-color:color-mix(in srgb,#22c55e 14%,transparent)}.vb-fail{color:var(--alarm-strong);border-color:var(--alarm-text);background-color:color-mix(in srgb,#ef4444 14%,transparent)}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.9rem}@media(max-width:640px){.policy-grid{grid-template-columns:1fr}}.policy-card{border:1px solid var(--border);border-radius:10px;padding:.8rem .95rem;background-color:var(--surface-2);display:flex;flex-direction:column;gap:.5rem}.policy-card h3{margin:0}.sentinel-out{display:flex;flex-direction:column;gap:.5rem;margin:.8rem 0}.reasons{margin:.4rem 0;padding-left:1.2rem}.reasons li{margin:.35rem 0;color:var(--text-dim);max-width:82ch}.failopen-out{margin-top:.9rem;display:flex;flex-direction:column;gap:.6rem}.attempt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.attempt{border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;background-color:var(--surface-2);display:flex;flex-direction:column;gap:.3rem}.attempt-label{font-weight:700;font-size:.9rem}.attempt-offer{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--text-dim)}.hist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem;margin:.8rem 0}.hist-card{border:1px solid var(--border);border-radius:10px;padding:.75rem .95rem;background-color:var(--surface-2)}.hist-card h3{margin:0 0 .2rem}.hist-year{color:var(--text-dim);font-weight:400;font-size:.85em}.nongoal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:.9rem;margin-top:.8rem}.nongoal-card{border:1px solid var(--border);border-radius:10px;padding:.75rem .95rem;background-color:var(--surface-2)}.nongoal-card h3{margin:0 0 .3rem}.nongoal-link{color:var(--text-dim);font-size:.88rem;margin:.4rem 0 0}.scripture-footer{border-top:1px solid var(--border);margin-top:2.5rem;padding:1.4rem 1rem 1.8rem;text-align:center;color:var(--text-dim);font-style:italic}.scripture-footer p{margin:0}