:root{--c-bg: #0d1117;--c-panel: #161b22;--c-border: #30363d;--c-text: #e6edf3;--c-dim: #7d8590;--c-heading: #f0c040;--c-sub: #79c0ff;--c-plain: #3fb950;--c-cipher: #ff7b72;--c-key: #d2a8ff;--c-algo: #79c0ff;--c-success: #3fb950;--c-warn: #d29922;--c-error: #f85149;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--c-sub);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--c-border);background:var(--c-panel)}.site-header .inner{max-width:960px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.site-header h1{margin:0;font-size:1.15rem;color:var(--c-heading);letter-spacing:.02em}.site-header nav{display:flex;align-items:center;gap:1rem}.nav-group{position:relative}.nav-group>summary{list-style:none;cursor:pointer;color:var(--c-sub);-webkit-user-select:none;user-select:none;padding:.15rem 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"▾";display:inline-block;margin-left:.25rem;font-size:.75em;opacity:.7;transition:transform .12s ease}.nav-group[open]>summary:after{transform:rotate(180deg)}.nav-group>summary:hover{text-decoration:underline}.nav-menu{position:absolute;top:calc(100% + .45rem);right:0;min-width:170px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:6px;padding:.3rem 0;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;z-index:20}.nav-menu a{display:block;padding:.5rem .95rem;color:var(--c-text);font-size:.9rem;white-space:nowrap}.nav-menu a:hover{background:var(--c-bg);text-decoration:none;color:var(--c-sub)}.site-header nav a.yt-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;background:red;color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.02em;transition:filter .12s ease,transform .12s ease}.site-header nav a.yt-badge:hover{text-decoration:none;filter:brightness(1.1);transform:translateY(-1px)}.site-header nav a.yt-badge svg{width:1.05rem;height:1.05rem;fill:#fff}main{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem}h1.page-title{color:var(--c-heading);font-size:2rem;margin:0 0 .5rem}.subtitle{color:var(--c-dim);margin:0 0 2rem}h2{color:var(--c-sub);border-bottom:1px solid var(--c-border);padding-bottom:.4rem;margin-top:2.5rem}.panel{background:var(--c-panel);border:1px solid var(--c-border);border-radius:8px;padding:1.25rem 1.5rem}.cipher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.cipher-card{display:block;background:var(--c-panel);border:1px solid var(--c-border);border-radius:8px;padding:1.25rem;color:inherit;transition:border-color .12s ease,transform .12s ease}.cipher-card:hover{border-color:var(--c-sub);text-decoration:none;transform:translateY(-2px)}.cipher-card h3{margin:0 0 .4rem;color:var(--c-heading)}.cipher-card p{margin:0;color:var(--c-dim);font-size:.92rem}label{display:block;font-size:.85rem;color:var(--c-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}input[type=text],textarea{width:100%;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:6px;padding:.65rem .8rem;font-family:var(--font-mono);font-size:1rem;resize:vertical}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--c-sub)}input[type=range]{width:100%;accent-color:var(--c-key)}button{background:var(--c-panel);color:var(--c-text);border:1px solid var(--c-border);border-radius:6px;padding:.55rem 1rem;font-family:inherit;font-size:.95rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}button:hover{border-color:var(--c-sub)}button.primary{background:var(--c-sub);color:var(--c-bg);border-color:var(--c-sub);font-weight:600}button.primary:hover{filter:brightness(1.1)}.controls{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 720px){.controls{grid-template-columns:2fr 1fr}}.control-row{display:flex;align-items:center;gap:.75rem}.shift-display{font-family:var(--font-mono);font-size:1.4rem;color:var(--c-key);min-width:2.5rem;text-align:right}.viz{margin-top:1.5rem;background:var(--c-panel);border:1px solid var(--c-border);border-radius:8px;padding:1.25rem;overflow-x:auto}.alphabet-track{display:grid;grid-template-columns:repeat(26,minmax(28px,1fr));gap:4px;font-family:var(--font-mono);font-size:.95rem;text-align:center;min-width:720px}.alphabet-track .cell{padding:.4rem 0;border-radius:4px;border:1px solid var(--c-border);background:var(--c-bg)}.alphabet-track.plain .cell{color:var(--c-plain)}.alphabet-track.cipher .cell{color:var(--c-cipher)}.alphabet-track .cell.highlight{background:#79c0ff1f;border-color:var(--c-algo)}.track-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-dim);margin:1rem 0 .4rem}.io-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media (min-width: 720px){.io-grid{grid-template-columns:1fr 1fr}}.io-block .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-dim);margin-bottom:.35rem}.io-block .value{background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;padding:.8rem 1rem;font-family:var(--font-mono);font-size:1rem;min-height:2.6rem;word-break:break-word;white-space:pre-wrap}.io-block.plain .value{color:var(--c-plain)}.io-block.cipher .value{color:var(--c-cipher)}.mapping{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--font-mono)}.mapping .pair{display:flex;flex-direction:column;align-items:center;border:1px solid var(--c-border);border-radius:6px;padding:.4rem .55rem;background:var(--c-bg);min-width:2.4rem}.mapping .pair .from{color:var(--c-plain)}.mapping .pair .arrow{color:var(--c-dim);font-size:.75rem}.mapping .pair .to{color:var(--c-cipher)}.mapping .pair.passthrough{opacity:.55}.vig-mapping{margin-top:1rem;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--font-mono)}.vig-col{display:flex;flex-direction:column;align-items:center;border:1px solid var(--c-border);border-radius:6px;padding:.4rem .55rem;background:var(--c-bg);min-width:2.4rem}.vig-col .from{color:var(--c-plain)}.vig-col .key{color:var(--c-key);font-size:.85rem}.vig-col .arrow{color:var(--c-dim);font-size:.75rem}.vig-col .to{color:var(--c-cipher)}.vig-col.passthrough{opacity:.55}.tabula{display:grid;grid-template-columns:repeat(27,minmax(22px,1fr));gap:2px;font-family:var(--font-mono);font-size:.78rem;text-align:center;min-width:720px}.tab-cell{padding:.3rem 0;border-radius:3px;background:var(--c-bg);border:1px solid transparent;color:var(--c-text)}.tab-corner{background:transparent}.tab-col-head{color:var(--c-plain);font-weight:600;border-bottom:1px solid var(--c-border)}.tab-row-head{color:var(--c-key);font-weight:600;border-right:1px solid var(--c-border)}.tab-cell.hl-row,.tab-cell.hl-col{background:#d2a8ff2e;border-color:var(--c-key)}.tab-cell.hl-cell{background:#ff7b7238;border-color:var(--c-cipher);color:var(--c-cipher);font-weight:600}.hint{color:var(--c-dim);font-size:.82rem;margin:.75rem 0 0}.repeats{margin-top:1rem;display:flex;flex-direction:column;gap:4px}.repeat-row{display:grid;grid-template-columns:5rem 1fr 1fr;gap:.75rem;align-items:center;padding:.5rem .85rem;background:var(--c-panel);border:1px solid var(--c-border);border-radius:6px;font-family:var(--font-mono);font-size:.85rem}.repeat-seq{color:var(--c-cipher);font-weight:600;letter-spacing:.05em}.repeat-positions{color:var(--c-dim)}.repeat-distances{color:var(--c-key);text-align:right}.cosets{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.coset-card{background:var(--c-panel);border:1px solid var(--c-border);border-radius:8px;padding:.85rem 1rem;font-family:var(--font-mono)}.coset-header{display:flex;align-items:center;gap:.7rem;font-size:.88rem;flex-wrap:wrap}.coset-idx{color:var(--c-sub);font-weight:600}.coset-len,.coset-arrow{color:var(--c-dim)}.coset-letter{color:var(--c-key);font-size:1.4rem;font-weight:700}.coset-shift{color:var(--c-dim);margin-left:auto}.coset-sublabel{margin-top:.7rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-dim)}.coset-raw{margin-top:.25rem;padding:.5rem .7rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:4px;color:var(--c-cipher);font-size:.82rem;word-break:break-all;line-height:1.5}.coset-spectrum{margin-top:.35rem;display:grid;grid-template-columns:repeat(26,minmax(22px,1fr));gap:2px}.spec-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem 0;border:1px solid transparent;border-radius:3px;color:#fff;line-height:1.1}.spec-cell.best{border-color:var(--c-key);box-shadow:0 0 0 1px var(--c-key)}.spec-letter{font-size:.78rem;font-weight:700}.spec-score{font-size:.6rem;opacity:.8}.empty{color:var(--c-dim);font-size:.88rem;font-style:italic;margin:.5rem 0 0}@media (max-width: 600px){.repeat-row{grid-template-columns:4rem 1fr}.repeat-distances{grid-column:1 / -1;text-align:left}.coset-spectrum{grid-template-columns:repeat(13,1fr)}.spec-score{display:none}}.best-guess .best-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.best-guess .best-key{font-family:var(--font-mono);font-size:2rem;color:var(--c-key)}.best-guess .best-score{font-family:var(--font-mono);font-size:2rem;color:var(--c-sub)}.best-guess .plain-value{background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;padding:.8rem 1rem;font-family:var(--font-mono);font-size:1rem;min-height:2.6rem;word-break:break-word;white-space:pre-wrap;color:var(--c-plain)}.candidates{display:flex;flex-direction:column;gap:4px;margin-top:1rem}.candidate{position:relative;display:grid;grid-template-columns:3.5rem 1fr 4rem;align-items:center;gap:.75rem;width:100%;padding:.55rem .85rem;text-align:left;background:var(--c-panel);border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);font-family:var(--font-mono);font-size:.92rem;cursor:pointer;overflow:hidden;transition:border-color .12s ease,transform .12s ease}.candidate:hover{border-color:var(--c-sub);transform:translate(2px)}.candidate.top{border-color:var(--c-plain);background:#3fb95014}.candidate .cand-bar{position:absolute;inset:0 auto 0 0;background:#79c0ff1a;pointer-events:none;z-index:0}.candidate.top .cand-bar{background:#3fb9502e}.candidate .cand-key,.candidate .cand-text,.candidate .cand-score{position:relative;z-index:1}.candidate .cand-key{color:var(--c-key)}.candidate .cand-text{color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate.top .cand-text{color:var(--c-plain)}.candidate .cand-score{color:var(--c-dim);text-align:right}@media (max-width: 600px){.best-guess .best-row{grid-template-columns:1fr;gap:.75rem}.candidate{grid-template-columns:3rem 1fr 3.5rem;font-size:.82rem}}.chi-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.chi-total{font-family:var(--font-mono);font-size:3rem;line-height:1.1;color:var(--c-key)}.interpretation{padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--c-border);background:var(--c-bg);font-size:.95rem;font-weight:600;color:var(--c-dim)}.interpretation.good{color:var(--c-success);border-color:var(--c-success)}.interpretation.ok{color:var(--c-sub);border-color:var(--c-sub)}.interpretation.warn{color:var(--c-warn);border-color:var(--c-warn)}.interpretation.bad{color:var(--c-error);border-color:var(--c-error)}.dist-chart{display:grid;grid-template-columns:repeat(26,minmax(22px,1fr));gap:4px;align-items:end;height:220px;padding-top:.5rem}.dist-col{display:flex;flex-direction:column;height:100%}.dist-bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative}.dist-bar{width:45%;min-height:1px;border-radius:2px 2px 0 0;transition:height .12s ease}.dist-bar.expected{background:#7d859073}.dist-bar.observed{background:var(--c-plain)}.dist-label{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--c-dim);margin-top:.35rem}.dist-legend{display:flex;gap:1.25rem;margin-top:.9rem;font-size:.82rem;color:var(--c-dim)}.dist-legend .swatch{display:inline-block;width:.8rem;height:.8rem;border-radius:2px;margin-right:.4rem;vertical-align:middle}.dist-legend .swatch.expected{background:#7d859073}.dist-legend .swatch.observed{background:var(--c-plain)}.contrib-table{display:flex;flex-direction:column;gap:2px;margin-top:1rem;font-family:var(--font-mono);font-size:.88rem}.contrib-row{display:grid;grid-template-columns:3rem 1fr 1fr 1fr;gap:.75rem;align-items:center;padding:.45rem .85rem;background:var(--c-panel);border:1px solid var(--c-border);border-radius:6px}.contrib-row.header{background:transparent;border-color:transparent;color:var(--c-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.contrib-row .c-letter{color:var(--c-plain);font-weight:700}.contrib-row .c-contrib{color:var(--c-key);text-align:right}@media (max-width: 600px){.dist-chart{grid-template-columns:repeat(26,1fr);height:160px}.dist-label{font-size:.65rem}.contrib-row{grid-template-columns:2rem 1fr 1fr 1fr;font-size:.78rem;gap:.4rem}}footer.site-footer{border-top:1px solid var(--c-border);color:var(--c-dim);font-size:.85rem;text-align:center;padding:1.25rem 1rem}