:root{color-scheme:light dark;--paper: #f3f0e8;--card: #fbfaf6;--ink: #1b1a17;--muted: #6d675b;--rule: #d9d3c4;--rule-strong: #b9b19e;--signal: #d7342a;--signal-soft: #f6d9d5;--ok: #2f6b4f;--green: #2b7555;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #121210;--card: #1a1a17;--ink: #ebe6da;--muted: #b0a997;--rule: #2e2d28;--rule-strong: #47453d;--signal: #ff5a4e;--signal-soft: #3a1d1a;--ok: #6fbf95;--green: #5cc08f}}:root[data-theme=dark]{--paper: #121210;--card: #1a1a17;--ink: #ebe6da;--muted: #b0a997;--rule: #2e2d28;--rule-strong: #47453d;--signal: #ff5a4e;--signal-soft: #3a1d1a;--ok: #6fbf95;--green: #5cc08f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}main{max-width:1200px;margin:auto;padding:32px 24px}header{margin-bottom:24px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;font-weight:600;margin:.5em 0}h2{font-size:1.2rem;margin:0 0 12px;line-height:1.4;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:10px 0}a{color:var(--green)}.eyebrow{font:.75rem var(--mono);letter-spacing:.06em;color:var(--muted)}.badge{font-size:.8rem;color:var(--muted)}button,select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:5px;padding:9px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--green)}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.primary{background:var(--ink);color:var(--card);font-weight:500}nav,.playback{display:flex;align-items:center;flex-wrap:wrap;gap:10px}nav{margin-bottom:14px}.playback{padding:14px 0;margin-bottom:18px;font-size:.85rem}.scrubber-label{display:flex;align-items:center;gap:10px;flex:1 1 280px}#scrubber{min-width:0;width:100%;accent-color:var(--green)}#position{font:.8rem var(--mono)}.playback-options{padding:6px 10px}.playback-options[open]{display:grid;gap:6px}#trace-help{flex-basis:100%}.visual,.explanation,#matrix-section,.details-grid>section{min-width:0;padding:22px;border:1px solid var(--rule);border-radius:8px;background:var(--card)}.section-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px}small,.muted,.section-title>span{color:var(--muted);font-size:.8rem;font-weight:400}h2 small{display:block;margin-top:4px}.source-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:4px}.slice{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px;min-height:175px;background:var(--paper)}.slice-id{font:1.6rem var(--mono)}.slice code{font-size:.8rem}.slice-status{font-size:.65rem}.slice.good{border-bottom:3px solid var(--ok)}.slice.corrupt,.slice.missing{border-bottom:3px solid var(--signal)}.missing{border-style:dashed}.good,.success{color:var(--ok)}.corrupt,.missing,.failure{color:var(--signal)}.selected{outline:2px solid var(--green);outline-offset:1px}.active{border-color:var(--green)}.flow{height:125px}.flow svg{width:100%;height:100%}.relationship{fill:none;stroke:var(--rule-strong);stroke-width:1.2}.flow-active{stroke:var(--green);stroke-width:4;stroke-dasharray:10 5;animation:flow .65s linear infinite}.encoder{fill:var(--card);stroke:var(--rule-strong)}svg text{fill:var(--ink);font:14px var(--mono)}.recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recovery-slice{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:start;text-align:left;padding:14px}.recovery-slice code{font-size:.75rem;overflow-wrap:anywhere}.recovery-slice>span:last-child{color:var(--muted);font-size:.75rem}.ready{border-left:3px solid var(--ok)}.excluded{border-style:dashed}.status-panel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 0;font:.8rem var(--mono)}.explanation{margin-bottom:18px}.explanation h2{font-size:1.3rem}.calculation{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px}.calculation span{font-size:.75rem;color:var(--muted)}.calculation b{display:block;font:1.1rem var(--mono);color:var(--green);margin-top:5px}.number-format{margin:18px 0}.number-format input{accent-color:var(--green)}#matrix-section{margin-bottom:20px}.equation{font:.95rem/1.7 var(--mono);overflow-wrap:anywhere}.equation b{font-weight:500}.matrix{overflow:auto;max-width:100%}.matrix svg{display:block;width:100%;max-height:330px}.matrix-cell{fill:var(--paper);stroke:var(--rule-strong)}.matrix-cell.operated{stroke:var(--green);stroke-width:2}.column-label{fill:var(--green);font-size:20px;font-weight:500}.number{font-size:16px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:.75rem}th,td{padding:7px;text-align:left;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}code,pre{font-family:var(--mono)}.hash{display:block;overflow-wrap:anywhere;font-size:.75rem}.damage-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}details{border:1px solid var(--rule);border-radius:5px;padding:14px}summary{cursor:pointer}.advanced>summary{font-weight:500}.configuration{margin-top:18px}.configuration label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.configuration p{font-size:.85rem;color:var(--muted)}pre{max-height:350px;overflow:auto;font-size:.75rem}.accuracy{margin-top:20px}footer{border-top:1px solid var(--rule);padding-top:16px;margin-top:28px;color:var(--muted);font-size:.8rem}[hidden]{display:none!important}@keyframes flow{to{stroke-dashoffset:-30}}@media(max-width:850px){main{padding:20px 14px}.details-grid{grid-template-columns:1fr}.section-title>span{display:none}}@media(max-width:520px){.visual,.explanation,#matrix-section,.details-grid>section{padding:12px}.source-grid{grid-template-columns:repeat(8,72px);overflow-x:auto}.recovery-grid{grid-template-columns:1fr}.scrubber-label{flex-basis:100%}.header-top .eyebrow{max-width:23ch}.header-top button{flex:none}.advanced{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.scrubber-label{white-space:nowrap}button:disabled{opacity:1;color:var(--muted)}.primary:disabled{background:var(--rule);color:var(--ink)}@media(max-width:520px){button,select,summary{min-height:44px}.playback-options summary{display:flex;align-items:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{--control-rule:#89816f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--control-rule:#716e60}}:root[data-theme=dark]{--control-rule:#716e60}button,select{border-color:var(--control-rule)}@media(max-width:650px){summary{min-height:44px;display:flex;align-items:center}}.corrupt,.missing,.failure{color:var(--ink)}#scrubber{min-height:44px}.number-format label{display:inline-flex;align-items:center;gap:8px;min-height:44px}body{background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background:var(--paper);opacity:.82;z-index:-1}header.site{height:64px;margin:0;border-bottom:1px solid var(--rule-strong);background:var(--paper)}header.site .wrap{max-width:1180px;margin:0 auto;padding:0 20px}header.site .bar{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}header.site .mark{font:600 20px/1 var(--mono);color:var(--ink);text-decoration:none}header.site .mark span{color:var(--green)}header.site .right{display:flex;align-items:center;gap:22px}header.site nav{display:flex;gap:22px;margin:0;padding:0;border:0;background:none}header.site nav a{font:500 13px var(--mono);color:var(--muted);text-decoration:none}header.site nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--green);padding-bottom:3px}header.site nav a+a{position:relative}header.site nav a+a:before{content:"/";position:absolute;left:-14px;color:var(--muted);opacity:.5;pointer-events:none}header.site .theme{width:34px;height:34px;min-height:0;border-radius:50%;border:1px solid var(--rule-strong);background:transparent;color:var(--ink);display:grid;place-items:center;padding:0}header.site .theme svg{width:16px;height:16px}header.site .theme .moon{display:none}:root[data-theme=dark] header.site .theme .sun{display:none}:root[data-theme=dark] header.site .theme .moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) header.site .theme .sun{display:none}:root:not([data-theme=light]) header.site .theme .moon{display:block}}@media(max-width:720px){header.site .wrap{padding:0 12px}header.site nav a:not([aria-current]){display:none}}