:root{color-scheme:dark;--bg: #08111d;--panel: #0f1f35;--text: #ecf2f9;--muted: #b7c7da;--line: #294666;--focus: #5b9bd5;--safe: #4ec97a;--warn: #e3b341;--danger: #ff6b6b;--pending: #8ea3bd}:root[data-theme=light]{color-scheme:light;--bg: #eaf1f8;--panel: #ffffff;--text: #1a2d42;--muted: #4c647c;--line: #a9bfd6;--focus: #2563eb;--safe: #136b2f;--warn: #8a5a00;--danger: #bd0e22;--pending: #556a80}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--panel) 60%,var(--bg) 40%) 0%,var(--bg) 55%);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}.skip-link{position:absolute;left:-10000px;top:auto;z-index:100}.skip-link:focus-visible{left:1rem;top:1rem;background:var(--panel);color:var(--text);padding:.6rem 1rem;border:2px solid var(--line);border-radius:.5rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{max-width:1100px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-x:hidden;word-wrap:break-word}.stack{display:flex;flex-direction:column;gap:1rem}#main-content:focus{outline:none}.cl-hero{position:relative;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;color:var(--text);opacity:.85}.cl-hero-desc{margin:.55rem 0 0;font-size:1rem;line-height:1.5;color:var(--muted);max-width:60ch}.cl-hero-why{flex:0 1 min(40%,26rem);min-width:min(100%,15rem);border:1px solid var(--line);border-radius:10px;padding:.85rem 1.05rem;background:color-mix(in oklab,var(--focus) 6%,transparent)}.cl-hero-why-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--text)}.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%}}.panel{border:1px solid var(--line);border-radius:1rem;padding:1rem;background:var(--panel);display:grid;gap:.6rem;animation:reveal .42s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{position:absolute;top:.5rem;right:.5rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;cursor:pointer;z-index:10}.theme-toggle:hover{background:var(--bg)}label{font-weight:600}textarea,input,select,button{border:1px solid var(--line);border-radius:.65rem;background:var(--panel);color:var(--text);font:inherit;min-height:44px;font-size:1rem}textarea,input,select{padding:.55rem;width:100%;max-width:100%}textarea{min-height:5rem;resize:vertical}button{padding:.55rem .8rem;cursor:pointer}button:hover{background:var(--bg)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--focus);text-decoration:underline;text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.card{border:1px solid var(--line);border-radius:.8rem;padding:.7rem;background:color-mix(in srgb,var(--panel) 85%,var(--bg) 15%)}.card h3{margin-top:0}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}h1{margin:0}p{color:var(--muted)}ul{margin:0;padding-left:1.2rem;color:var(--text)}.hex{margin:0;padding:.7rem;border:1px solid var(--line);border-radius:.7rem;background:color-mix(in srgb,var(--panel) 75%,var(--bg) 25%);min-height:4.2rem;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text);font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.875rem}.hex:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.note{margin:0}@media (max-width: 900px){.three-grid{grid-template-columns:1fr}}@media (max-width: 600px){.page{padding:.5rem}.panel,.card{padding:.75rem;border-radius:.7rem}h2{font-size:1.15rem}h3{font-size:1rem}.hex{font-size:.8rem;padding:.5rem;min-height:3rem}.btn-row{flex-direction:column}.btn-row button{width:100%}}.badge{display:inline-flex;align-items:flex-start;gap:.35rem;margin:.2rem .2rem 0 0;padding:.25rem .55rem;border-radius:999px;border:1px solid currentColor;font-size:.8rem;font-weight:600;line-height:1.35}.badge-safe{color:var(--safe);background:color-mix(in srgb,var(--safe) 14%,transparent)}.badge-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.badge-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.intro .note em{color:var(--text)}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.card-body{display:grid;gap:.4rem;margin-top:.5rem}.attacker-view{margin:0;font-size:.85rem;color:var(--muted)}.attacker-view code,.repeat code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.8rem;color:var(--text)}.repeat{display:grid;gap:.15rem;padding:.4rem .5rem;border-radius:.5rem;background:color-mix(in srgb,var(--panel) 70%,var(--bg) 30%);border:1px solid var(--line)}.repeat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.repeat code{word-break:break-all}.takeaway{margin:0;padding:.7rem .85rem;border-left:3px solid var(--focus);border-radius:.4rem;background:color-mix(in srgb,var(--focus) 10%,transparent);color:var(--text);font-size:.92rem}.oracle-output{display:grid;gap:.5rem}.status-line{margin:0;font-weight:600;color:var(--text)}.verdict-danger{color:var(--danger)}.verdict-safe{color:var(--safe)}.recovery{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.95rem;word-break:break-all}.recovery-text .recovered{color:var(--safe);font-weight:700}.recovery-text .pending{color:var(--pending)}.recovery-extra{margin-top:.35rem;font-size:.8rem;color:var(--muted)}.tls-dots{display:flex;gap:.5rem;align-items:center}.tls-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--line);border:2px solid transparent}.tls-dot-danger.tls-dot-active{background:var(--danger)}.tls-dot-warn.tls-dot-active{background:var(--warn)}.tls-dot-safe.tls-dot-active{background:var(--safe)}.tls-dot-active{border-color:var(--focus);transform:scale(1.2)}.tls-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.tls-head h3{margin:0}.verdict-head{margin-bottom:.2rem}.explainer{border:1px solid var(--line);border-radius:.7rem;padding:.4rem .7rem;background:color-mix(in srgb,var(--panel) 80%,var(--bg) 20%)}.explainer summary{cursor:pointer;font-weight:600;padding:.3rem 0}.explainer summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:.3rem}.explainer code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;color:var(--text);font-size:.85rem}.cbc-diagram{width:100%;height:auto;max-width:520px;margin-top:.5rem;color:var(--muted)}.cbc-diagram text{fill:var(--text)}.cbc-diagram .d-box{fill:color-mix(in srgb,var(--panel) 60%,var(--bg) 40%);stroke:var(--line)}.cbc-diagram .d-out{fill:color-mix(in srgb,var(--safe) 18%,var(--panel));stroke:var(--safe)}.cbc-diagram .d-attacker{fill:color-mix(in srgb,var(--danger) 16%,var(--panel));stroke:var(--danger)}.cbc-diagram .d-attacker-text{fill:var(--danger);font-size:11px;font-weight:600}.cbc-diagram .d-xor{fill:var(--panel);stroke:var(--focus)}.oracle-mech{margin:0;display:grid;gap:.45rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:color-mix(in srgb,var(--panel) 75%,var(--bg) 25%)}.oracle-mech-cap{margin:0;font-size:.85rem;color:var(--muted)}.oracle-mech-cap code,.mech-xor code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;color:var(--text)}.mech-row{display:grid;gap:.25rem}.mech-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.mech-track{display:flex;flex-wrap:wrap;gap:.25rem}.mech-byte{min-width:1.7rem;padding:.2rem .15rem;text-align:center;border:1px solid var(--line);border-radius:.3rem;background:color-mix(in srgb,var(--panel) 60%,var(--bg) 40%);font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.8rem;color:var(--text)}.mech-byte.mech-pending{color:var(--pending)}.mech-byte.mech-sweeping{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,var(--panel));font-weight:700}.mech-byte.mech-locked{border-color:var(--warn);color:var(--warn);font-weight:700}.mech-byte.mech-hit{border-color:var(--safe);color:var(--safe);background:color-mix(in srgb,var(--safe) 16%,var(--panel));font-weight:700}.mech-xor{font-size:.78rem;color:var(--muted);text-align:center;font-family:IBM Plex Mono,Consolas,Menlo,monospace}.oracle-mech.mech-idle .mech-byte{opacity:.75}@media (max-width: 600px){.mech-byte{min-width:1.5rem;font-size:.72rem}}.gloss{border-bottom:1px dotted currentColor;cursor:help}.gloss:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:.2rem}.spectrum-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;color:var(--text)}.spectrum-tag{display:inline-block;padding:.05rem .4rem;margin-right:.35rem;border-radius:.3rem;border:1px solid currentColor;font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.8rem;font-weight:700}.spectrum-tag.spectrum-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.spectrum-tag.spectrum-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.spectrum-tag.spectrum-safe{color:var(--safe);background:color-mix(in srgb,var(--safe) 12%,transparent)}.new-here{padding:.55rem .7rem;border:1px dashed var(--line);border-radius:.5rem;background:color-mix(in srgb,var(--focus) 6%,transparent);color:var(--text)}.crime-secret{display:grid;gap:.2rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:.6rem;background:color-mix(in srgb,var(--panel) 70%,var(--bg) 30%)}.crime-secret code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.95rem;color:var(--text);word-break:break-all}.crime-reflect{display:grid;gap:.3rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.6rem;background:color-mix(in srgb,var(--panel) 75%,var(--bg) 25%)}.crime-line{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.85rem;color:var(--text);word-break:break-all}.crime-fixed{color:var(--muted)}.crime-run-match{color:var(--safe);font-weight:700;background:color-mix(in srgb,var(--safe) 16%,transparent)}.crime-run-dot{color:var(--pending)}.crime-sizebar{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.78rem}.crime-size-label{color:var(--muted)}.crime-size-val{color:var(--danger);font-weight:700;font-variant-numeric:tabular-nums}.crime-size-note{color:var(--muted)}.msg-pair{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.msg-pair label{display:block;margin-bottom:.25rem}.repeat-match{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}@media (max-width: 600px){.msg-pair{grid-template-columns:1fr}}.query-counter{margin:0;font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.85rem;color:var(--muted);min-height:1.2em}.query-counter .counter-num{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.stat{font-weight:800;font-size:1.15em;font-variant-numeric:tabular-nums}.tmg-track{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-end}.tmg-cell{display:grid;gap:.25rem;justify-items:center}.tmg-bar{width:1.6rem;height:2.4rem;display:flex;align-items:flex-end;border:1px solid var(--line);border-radius:.25rem;background:color-mix(in srgb,var(--panel) 70%,var(--bg) 30%);overflow:hidden}.tmg-bar-fill{width:100%;background:var(--danger);transition:height .25s ease}.tmg-cell code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.8rem;color:var(--text)}.tmg-cell .recovered{color:var(--safe);font-weight:700}.tmg-cell .pending{color:var(--pending)}.tmg-legend{font-size:.85rem;color:var(--muted)}.tmg-legend strong,.tmg-legend em{color:var(--text)}.tmg-readout{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.62rem;line-height:1.2;max-width:4.5rem;text-align:center}.tmg-readout-empty{color:var(--pending)}.tmg-readout-lose{color:var(--danger);font-weight:700}.tmg-readout-win{color:var(--safe);font-weight:700}.tmg-bar-fill.tmg-bar-losing{background:color-mix(in srgb,var(--danger) 55%,var(--muted))}.code-block{margin:.5rem 0 0;padding:.7rem .85rem;overflow-x:auto;border:1px solid var(--line);border-radius:.6rem;background:color-mix(in srgb,var(--panel) 70%,var(--bg) 30%)}.code-block code{font-family:IBM Plex Mono,Consolas,Menlo,monospace;font-size:.82rem;color:var(--text);white-space:pre}@media (prefers-reduced-motion: reduce){.panel{animation:none}.tls-dot-active{transform:none}.tmg-bar-fill{transition:none}}