.app{width:100%;margin:0;padding:clamp(20px,3vw,40px) clamp(20px,5vw,80px) 72px}.app__header{border-bottom:3px solid var(--ink);padding-bottom:16px;margin-bottom:28px}.app__title{font-family:var(--sans);font-weight:700;font-size:clamp(28px,5vw,44px);letter-spacing:-.02em;margin:0}.app__subtitle{font-family:var(--sans);color:var(--muted);margin:8px 0 0;max-width:60ch;line-height:1.5}.app__controls{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.segmented{display:flex;flex-direction:column;gap:6px}.segmented__label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.segmented__track{display:inline-flex;border:var(--border);border-radius:var(--radius);width:fit-content}.segmented__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--mono);font-size:14px;font-weight:500;background:var(--paper);color:var(--ink);border:none;border-right:1.5px solid var(--ink);padding:8px 16px;cursor:pointer;transition:background var(--transition),color var(--transition)}.segmented__option:last-child{border-right:none}.segmented__option.is-active{background:var(--ink);color:var(--paper)}.segmented__option:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.segmented__option:hover:not(.is-active){background:var(--off)}.panel{display:flex;flex-direction:column;gap:28px}.panel__grid{display:flex;justify-content:center;padding:8px 0 4px;overflow-x:auto}.repinputs{display:flex;flex-wrap:wrap;gap:18px}.repfield{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}.repinputs--compact .repfield{flex:1 1 140px}.repfield__label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.repfield__control{display:flex;align-items:stretch;border:var(--border);border-radius:var(--radius)}.repfield__input{flex:1;font-family:var(--mono);font-size:15px;color:var(--ink);background:var(--paper);border:none;padding:9px 10px;min-width:0}.repfield__input:focus{outline:2px solid var(--yellow);outline-offset:-2px}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--muted);border:none;border-left:1.5px solid var(--ink);padding:0 9px;cursor:pointer;transition:background var(--transition),color var(--transition)}.copy-btn:hover{background:var(--off);color:var(--ink)}.copy-btn.is-copied{color:var(--blue)}.copy-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.opbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 12px;justify-content:space-between}.opbar__buttons{display:flex;flex-wrap:wrap;gap:8px}.op-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--mono);font-size:14px;font-weight:500;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);padding:8px 12px;cursor:pointer;transition:background var(--transition),color var(--transition)}.op-btn:hover{background:var(--ink);color:var(--paper)}.op-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.op-btn--send{align-self:flex-start}.bitgrid{--cell: clamp(26px, 3.4vw, 48px);display:flex;flex-direction:column;gap:16px;width:fit-content}.bitgrid__row{display:flex;gap:14px}.bitgrid__nibble{display:flex;gap:3px}.bitcell-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.bitcell{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--cell);height:var(--cell);display:grid;place-items:center;font-family:var(--mono);font-size:clamp(13px,2vw,17px);font-weight:500;border:1.5px solid var(--ink);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),outline-color var(--transition)}.bitcell.is-zero{background:var(--off);color:var(--muted)}.bitcell.is-one{background:var(--blue);color:#fff;border-color:var(--blue)}.bitcell.is-sign{border-color:var(--red);border-width:2px}.bitcell:hover:not(:disabled){outline:2px solid var(--yellow);outline-offset:1px}.bitcell:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.bitcell.is-readonly,.bitcell:disabled{cursor:default}.bitcell-index{font-family:var(--mono);font-size:11px;color:var(--muted)}.statsstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;border-top:1.5px solid var(--ink);padding-top:20px}.statcard{display:flex;flex-direction:column;gap:6px;border:var(--border);border-radius:var(--radius);padding:12px 14px}.statcard__label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.statcard__value{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--ink)}.statcard--flag{justify-content:space-between}.flag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--paper);color:var(--muted);border:1.5px solid var(--muted);border-radius:var(--radius);padding:6px 10px;width:fit-content;transition:background var(--transition),color var(--transition),border-color var(--transition)}.flag__value{font-weight:500}.flag--blue.is-active{background:var(--blue);color:#fff;border-color:var(--blue)}.flag--red.is-active{background:var(--red);color:#fff;border-color:var(--red)}.flag--ink.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.twopanel{--tag-w: 28px;--tag-gap: 16px;display:flex;flex-direction:column;gap:24px}.twopanel__row{display:flex;align-items:flex-start;gap:var(--tag-gap)}.twopanel__row--result{border-top:1.5px solid var(--ink);padding-top:20px}.twopanel__tag{flex:0 0 var(--tag-w);width:var(--tag-w);font-family:var(--mono);font-size:22px;font-weight:700;line-height:var(--cell, 40px);text-align:center;color:var(--ink)}.twopanel__body{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-x:auto}.twopanel__ops{display:flex;flex-wrap:wrap;gap:8px;margin-left:calc(var(--tag-w) + var(--tag-gap))}.op-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--mono);font-size:14px;font-weight:600;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;transition:background var(--transition),color var(--transition)}.op-select:hover:not(.is-active){background:var(--off)}.op-select.is-active{background:var(--ink);color:var(--paper)}.op-select:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.result-meta{display:flex;flex-direction:column;gap:14px}.result-flags{display:flex;gap:10px}.result-reps{display:flex;flex-wrap:wrap;gap:18px}.result-rep{display:flex;align-items:center;gap:8px}.result-rep__label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.result-rep__value{font-family:var(--mono);font-size:16px;color:var(--ink)}.result-rep .copy-btn{border:var(--border);border-radius:var(--radius);padding:4px 6px}.app__footer{margin-top:48px;border-top:1.5px solid var(--ink);padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-family:var(--mono);font-size:12px;color:var(--muted)}.app__footer-name{font-weight:700;color:var(--ink);letter-spacing:.02em}.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:16px;margin-bottom:28px;border-bottom:1.5px solid var(--ink)}.nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.nav__mark{display:grid;grid-template-columns:11px 11px;grid-template-rows:11px 11px;gap:2px;border:1.5px solid var(--ink);padding:2px}.nav__mark-cell{display:block}.nav__mark-cell[data-c=blue]{background:var(--blue)}.nav__mark-cell[data-c=red]{background:var(--red)}.nav__mark-cell[data-c=yellow]{background:var(--yellow)}.nav__mark-cell[data-c=ink]{background:var(--ink)}.nav__wordmark{display:flex;flex-direction:column;line-height:1.1}.nav__title{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.01em}.nav__by{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.nav__right{display:flex;align-items:center;gap:8px}.nav__links{display:flex;list-style:none;margin:0;padding:0;border:var(--border);border-radius:var(--radius)}.nav__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--mono);font-size:14px;font-weight:500;background:var(--paper);color:var(--ink);border:none;border-right:1.5px solid var(--ink);padding:8px 16px;cursor:pointer;transition:background var(--transition),color var(--transition)}.nav__links li:last-child .nav__link{border-right:none}.nav__link:hover:not(.is-active){background:var(--off)}.nav__link.is-active{background:var(--ink);color:var(--paper)}.nav__link:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.nav__theme{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition)}.nav__theme:hover{background:var(--ink);color:var(--paper)}.nav__theme:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.about{max-width:64ch}.about__title{font-family:var(--sans);font-weight:700;font-size:clamp(26px,4.5vw,38px);letter-spacing:-.02em;margin:0 0 20px}.about__lead{font-family:var(--sans);font-size:18px;line-height:1.55;margin:0 0 18px}.about__text{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--ink);margin:0 0 24px}.about code{font-family:var(--mono);font-size:.92em;background:var(--off);border:1px solid var(--muted);border-radius:var(--radius);padding:1px 5px}.about__list{list-style:none;margin:0 0 28px;padding:0;border-top:1.5px solid var(--ink)}.about__item{display:flex;flex-wrap:wrap;gap:4px 16px;padding:12px 0;border-bottom:1.5px solid var(--off)}.about__term{font-family:var(--mono);font-weight:700;font-size:14px;flex:0 0 240px}.about__desc{font-family:var(--sans);font-size:14px;color:var(--muted);flex:1 1 240px}.about__built{font-family:var(--sans);font-size:15px;line-height:1.6;border-left:3px solid var(--red);padding-left:14px}@media (max-width: 560px){.bitgrid{--cell: clamp(20px, 7vw, 34px)}.bitgrid__row{gap:10px}.app__controls{gap:16px}.nav{gap:12px}.about__term{flex-basis:100%}}:root{color-scheme:light;--blue: #0b5fbf;--red: #e63223;--yellow: #f2c200;--ink: #1a1a1a;--paper: #ffffff;--off: #f2f1ec;--muted: #6b6b66;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Consolas", monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--border: 1.5px solid var(--ink);--radius: 2px;--transition: 80ms linear}[data-theme=dark]{color-scheme:dark;--blue: #2f80ed;--red: #f2503f;--yellow: #f2c200;--ink: #ececE6;--paper: #141414;--off: #242420;--muted: #9a9a93}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: reduce){*{transition:none!important}}