:root{color-scheme:dark;--bg:#171a17;--ink:#f1f4eb;--muted:#a6b09f;--line:#3b4235;--accent:#d2ff62;--panel:#20251d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{background:#39442b}::selection{background:var(--accent);color:var(--bg)}.masthead,main,footer{max-width:1440px;margin:auto;padding-left:5.5%;padding-right:5.5%}.masthead{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.35rem;font-weight:700;letter-spacing:-.04em}.mark{background:var(--accent);color:var(--bg);font-size:1.55rem;width:33px;height:33px;line-height:30px;text-align:center;border-radius:4px}.edition,.eyebrow,.counter,.entry-number,.axis,footer{font-family:"Courier New",monospace;font-size:.75rem;letter-spacing:.075em}.edition{color:var(--muted)}.slash{color:var(--accent);padding:0 10px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;padding:76px 0 86px}.eyebrow{color:var(--accent);margin:0 0 25px}h1{font-size:clamp(2.65rem,4.3vw,4.6rem);line-height:1.06;font-weight:500;letter-spacing:-.055em;margin:0 0 28px}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:1.2rem;line-height:1.55;color:var(--ink);margin-bottom:24px}.invitation{max-width:360px;color:var(--muted);margin-bottom:26px}.text-link{font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:4px}.text-link span:not([data-i18n]){margin-left:22px;color:var(--accent)}.margin-note{margin-top:50px;display:flex;align-items:center;gap:20px;color:var(--muted)}.margin-note>span{color:var(--accent);font-family:"Courier New",monospace;font-size:.8rem;border:1px solid var(--line);padding:10px}.margin-note p{font-size:.85rem;line-height:1.5;margin:0}.lab{background:var(--panel);border:1px solid var(--line);align-self:start;min-width:0}.lab-top{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-top h2{font-size:.9rem;font-weight:400;margin:0}.counter{color:var(--muted);font-size:.75rem;letter-spacing:0;white-space:nowrap}.canvas-wrap{position:relative;background:#0b100b;line-height:0;overflow:hidden}canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.axis{position:absolute;right:9px;top:9px;padding:5px 7px;background:#0b100bd9;color:var(--muted);line-height:1.3;font-size:.75rem}.lab-controls{padding:20px}.rule-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rule-picker label{font-size:.9rem;color:var(--muted)}input{width:75px;background:#151a12;color:var(--accent);border:1px solid var(--line);padding:7px 10px;font-family:"Courier New",monospace;font-size:1.1rem}.presets{display:flex;gap:6px;margin-left:auto}button{background:transparent;border:1px solid #59624b;color:var(--ink);padding:8px 11px;font-size:.875rem;line-height:1.4;transition:background .15s}.presets button{min-width:44px;min-height:44px}.presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.help,.lab-footnote{color:var(--muted);font-size:.8rem;line-height:1.55}.help{margin:12px 0 16px}.rule-table{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:20px}.bit{padding:10px 3px;border-color:var(--line);min-height:55px}.neighbors{display:flex;justify-content:center;gap:2px;margin-bottom:7px}.cell{height:6px;width:6px;display:block;background:#454e3d}.cell.on{background:var(--accent)}.bit-output{display:block;width:7px;height:7px;margin:0 auto;background:#454e3d}.bit[aria-pressed=true] .bit-output{background:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{min-height:44px}.primary{color:var(--bg);background:var(--accent);border-color:var(--accent);min-width:94px}.primary:hover{background:#bcf140}.actions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.lab-footnote{margin:15px 0 0}.notebook{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;padding:57px 0 60px}.notebook h2{font-size:2.9rem;font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 25px}.notebook time{font-size:.875rem;color:var(--muted)}.entry-number{color:var(--muted)}article h3{font-weight:400;font-size:1.5rem;line-height:1.35;margin:16px 0 20px}article p{color:#bdc5b6;max-width:580px;margin:0 0 18px}.source{font-size:.85rem;color:var(--accent)}.about{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:40px 1fr .8fr;gap:24px;align-items:start}.small-mark{font-size:2rem;color:var(--accent);font-weight:700;line-height:1.1}.about p{font-size:.875rem;color:var(--muted);margin:0;max-width:520px}.about strong{color:var(--ink);font-weight:400}.about .privacy{text-align:right}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:28px;color:var(--muted);font-size:.75rem;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.no-script{padding:20px;color:var(--accent)}@media(min-width:1500px){.intro{gap:8%;grid-template-columns:.9fr 1.1fr}}@media(max-width:950px){.intro{grid-template-columns:1fr;gap:35px;padding:45px 0 55px}.intro-copy{display:grid;grid-template-columns:1.15fr .85fr;column-gap:30px}.intro-copy .eyebrow,.intro-copy h1{grid-column:1/-1}.intro-copy h1{font-size:clamp(2.6rem,7vw,4.5rem)}.lede{margin-top:0}.invitation{margin-top:0}.margin-note{display:none}.text-link{justify-self:start;align-self:start}.lab{width:100%}.notebook{grid-template-columns:.65fr 1fr;gap:30px}}@media(max-width:600px){.masthead{height:83px}.edition{font-size:.75rem;text-align:right;max-width:140px;line-height:1.5}.edition .slash{display:none}.brand{font-size:1.15rem}.intro-copy{display:block}h1{font-size:clamp(2.7rem,10vw,4rem)!important}.intro .eyebrow{font-size:.75rem;letter-spacing:0;margin-bottom:22px}.lede{font-size:1.1rem}.invitation{max-width:100%}.lab-top{padding:14px 12px;flex-wrap:wrap}.lab-controls{padding:16px 12px}.rule-table{gap:3px}.bit{padding:10px 1px}.actions{gap:6px}.actions button{font-size:.8rem;padding:10px 8px}.primary{min-width:75px}.notebook{display:block;padding:35px 0}.notebook-label{margin-bottom:30px}.notebook h2{font-size:2.4rem}.notebook h2 br{display:none}.about{grid-template-columns:30px 1fr;gap:14px}.about .privacy{grid-column:2;text-align:left}footer{flex-direction:column;gap:8px}.rule-picker{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}