html:not([data-mode=alevel]) .alevel-only,html[data-mode=alevel] .gcse-only{display:none}.viz-section{margin-top:4.5rem}.viz-head h2{margin:.2rem 0}.viz-lede{color:var(--ink-soft);max-width:46rem;margin:.25rem 0 0}.viz-modebar{justify-content:flex-end;margin:.5rem 0 1rem;display:flex}.viz-stage.viz-plate{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.viz-plate>svg{width:100%;max-width:780px;height:auto;margin-inline:auto;display:block;overflow:hidden}.viz-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.viz-btn{padding:.45rem .9rem;font-size:.92rem}.viz-select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:600 .92rem var(--font-body), sans-serif;padding:.45rem .7rem}.viz-info{border-left:4px solid var(--sky);background:var(--ice);border-radius:var(--radius);padding:.7rem 1rem;font-size:.92rem}.viz-info p{margin:.25rem 0 0}.viz-note{color:var(--ink-soft);min-height:1.3em;margin:0;font-size:.88rem}.seg{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg-btn{color:var(--ink-soft);cursor:pointer;font:600 .88rem var(--font-body), sans-serif;background:0 0;border:0;padding:.45rem .85rem}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.seg-btn[aria-pressed=true]{background:var(--sky-deep);color:#fff}.viz-pulse{filter:drop-shadow(0 0 5px var(--sky-deep));pointer-events:none}.gate-shape{fill:var(--surface);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.gate-bubble{fill:var(--surface);stroke:var(--ink);stroke-width:2.5px}.xor-back{fill:none;stroke:var(--ink);stroke-width:2.5px}.wire{stroke:var(--line);stroke-width:3px;fill:none}.wire.on{stroke:var(--sky-deep);stroke-dasharray:7 6;animation:.6s linear infinite dashflow}@keyframes dashflow{to{stroke-dashoffset:-13px}}.gate-glow .gate-shape,.gate-glow .gate-bubble{stroke:var(--sky-deep);filter:drop-shadow(0 0 7px var(--sky))}.pad-rect{fill:var(--surface);stroke:var(--line);stroke-width:2px;cursor:pointer;transition:all .15s}.pad:hover .pad-rect,.pad:focus .pad-rect{stroke:var(--sky-deep)}.pad text{font:700 14px var(--font-mono), monospace;fill:var(--ink);pointer-events:none;text-anchor:middle}.pad-off{opacity:.4;cursor:default}.lamp-circle{fill:var(--surface);stroke:var(--ink-soft);stroke-width:2.5px;transition:all .25s}.lamp.on .lamp-circle{fill:var(--emerald);stroke:var(--emerald-deep);filter:drop-shadow(0 0 9px var(--emerald))}.lamp text{font:800 15px var(--font-mono), monospace;fill:var(--ink);text-anchor:middle;dominant-baseline:central}.lamp.on text{fill:#fff}.gate-layout{grid-template-columns:1.6fr auto;align-items:start;gap:1.5rem;display:grid}.viz-expr{font:700 1.05rem var(--font-mono), monospace;color:var(--sky-deep);margin:0}.viz-out{font-family:var(--font-mono), monospace;margin:.2rem 0 .8rem}.truth-table{border-collapse:collapse;font-family:var(--font-mono), monospace;font-size:.92rem}.truth-table th,.truth-table td{border:1px solid var(--line);text-align:center;padding:.3rem .7rem}.truth-table th{background:var(--ice);font:700 .78rem var(--font-body), sans-serif}.truth-table tbody tr{cursor:pointer}.truth-table tr.active td{background:var(--purple-soft);font-weight:700}.truth-table caption{caption-side:bottom;color:var(--ink-soft);padding-top:.45rem;font-size:.78rem}.bit-row{flex-wrap:wrap;gap:6px;display:flex}.bit-col{border-bottom:3px solid #0000;flex-direction:column;align-items:center;gap:3px;padding-bottom:4px;display:flex}.bit-col.nib-a{border-bottom-color:var(--amber)}.bit-col.nib-b{border-bottom-color:var(--purple)}.bit-pv{color:var(--ink-soft);font-size:.64rem;font-family:var(--font-mono), monospace}.bit{border:2px solid var(--line);background:var(--surface);width:46px;height:46px;font:800 1.15rem var(--font-mono), monospace;color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:0;transition:all .15s}.bit.one{background:var(--sky-deep);border-color:var(--sky-deep);color:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}.bits-wrap.compact .bit{width:30px;height:38px;font-size:.95rem}.bits-wrap.compact .bit-col{gap:2px}.ghost-bit .bit{border-style:dashed;border-color:var(--amber);color:var(--amber);opacity:.7;cursor:default}.shake{animation:.45s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.readout{flex-wrap:wrap;align-items:baseline;gap:2rem;display:flex}.readout .lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.72rem;display:block}.readout .big{font:800 2rem var(--font-mono), monospace}.hex-nib{padding:0 .12em}.nib-a{color:var(--amber)}.nib-b{color:var(--purple)}.overflow-note{color:var(--amber);min-height:1.4em;margin:0;font-weight:600}.char-card{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono), monospace;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.45rem .65rem;display:inline-flex}.char-card .ch{color:var(--sky-deep);font-size:1.25rem;font-weight:800}.char-card .bin{color:var(--ink-soft);font-size:.7rem}.pixel-grid{grid-template-columns:repeat(16,1fr);gap:3px;max-width:520px;display:grid}.pixel{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;width:100%;padding:0}.pixel.on{background:var(--ink);border-color:var(--ink)}.mem-stack{flex-direction:column;gap:.6rem;display:flex;position:relative}.mem-legend{color:var(--ink-soft);font-size:.75rem}.mem-legend i{border-radius:3px;width:12px;height:8px;margin-right:4px;display:inline-block}.mem-level{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:opacity .6s,filter .6s,border-color .2s,box-shadow .2s}.mem-level.hot{border-color:var(--sky-deep);box-shadow:inset 0 0 0 2px var(--sky)}.mem-level.dead{opacity:.3;filter:grayscale(.7)}.mem-head{cursor:pointer;grid-template-columns:1.1fr 2fr 1fr;align-items:center;gap:1rem;padding:.7rem 1rem;display:grid}.mem-name{color:var(--sky-deep);font-weight:700}.mem-bars{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.mem-bar{background:var(--ice);border-radius:5px;height:10px;position:relative;overflow:hidden}.mem-bar i{background:var(--sky);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.mem-bar.speed i{background:var(--emerald)}.mem-meta{color:var(--ink-soft);font-size:.78rem;font-family:var(--font-mono), monospace}.mem-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;padding:.2rem 1rem 1rem;display:none}.mem-level.open .mem-facts,.mem-head[aria-expanded=true]+.mem-facts{display:grid}.mem-fact{border-left:3px solid var(--sky);padding-left:.6rem;font-size:.85rem}.mem-fact b{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.68rem;display:block}.net-device{cursor:pointer}.net-device .dev-body{fill:var(--surface);stroke:var(--ink);stroke-width:2.2px}.net-device:hover .dev-body,.net-device.active .dev-body{stroke:var(--sky-deep);filter:drop-shadow(0 0 6px var(--sky))}.net-wire{stroke:var(--line);stroke-width:3px;fill:none}.net-label{font:600 11px var(--font-body), sans-serif;fill:var(--ink-soft);text-anchor:middle}.packet-rect{fill:var(--sky-deep);stroke:var(--sky);stroke-width:1.5px}.packet-text{font:800 11px var(--font-mono), monospace;fill:#fff;text-anchor:middle}.pk-ip{font:600 9.5px var(--font-mono), monospace;fill:var(--ink-soft);text-anchor:middle}.ip-mac{font-family:var(--font-mono), monospace;color:var(--ink-soft);margin:0;font-size:.85rem}.ip-mac b{color:var(--ink)}.digest{font-family:var(--font-mono), monospace;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);letter-spacing:.06em;word-break:break-all;padding:.8rem 1rem}.caesar-out{font:800 1.35rem var(--font-mono), monospace;letter-spacing:.12em;color:var(--sky-deep);word-break:break-all;min-height:1.6em}.caesar-out span{display:inline-block}.caesar-out span.pop{animation:.35s ltrpop}@keyframes ltrpop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.alpha-map{font-family:var(--font-mono), monospace;color:var(--ink-soft);word-break:break-all;font-size:.74rem;line-height:2}.alpha-map b{color:var(--amber)}.fw-stage{border:1px dashed var(--line);border-radius:var(--radius);background:var(--ice);height:64px;position:relative;overflow:hidden}.fw-firewall{background:var(--navy);border-radius:4px;width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.fw-packet{background:var(--sky-deep);color:#fff;font:700 .72rem var(--font-mono), monospace;white-space:nowrap;border-radius:6px;padding:.35rem .55rem;transition:left 1.1s linear,opacity .4s;position:absolute;top:50%;left:-90px;transform:translateY(-50%)}.fw-packet.allowed{background:var(--emerald)}.fw-packet.blocked{background:var(--amber)}.rule-chip{border:1px solid var(--line);background:var(--surface);font:600 .82rem var(--font-body), sans-serif;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .8rem;transition:all .15s;display:inline-flex}.rule-chip.off{opacity:.4;text-decoration:line-through}.rule-chip.static{cursor:default}.phish-mail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:640px;padding:1rem 1.2rem}.phish-mail .hdr{border-bottom:1px solid var(--line);color:var(--ink-soft);margin-bottom:.6rem;padding-bottom:.5rem;font-size:.85rem}.hotspot{font:inherit;color:inherit;cursor:pointer;border:0;border-bottom:2px dotted var(--amber);background:0 0;padding:0 2px}.hotspot.found{background:var(--purple-soft);border-bottom-color:var(--purple)}@media (max-width:700px){.gate-layout{grid-template-columns:1fr}.mem-head{grid-template-columns:1fr auto}.mem-bars{display:none}}@media (prefers-reduced-motion:reduce){.wire.on{animation:none}.fw-packet{transition-duration:10ms}.caesar-out span.pop{animation:none}}.gate-layout{grid-template-columns:minmax(0,1.6fr) auto}.gate-layout>svg{width:100%;max-width:620px;height:auto;display:block;overflow:hidden}.wire,.net-wire{transition:stroke .25s}@media (max-width:700px){.gate-layout>svg{max-width:100%}}.viz-stage.viz-plate{overflow:visible}.viz-stage.viz-plate>*{flex:none}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:var(--code-bg);width:100%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}