:root{--ink:#192b29;--ink2:#3c4d46;--olive:#45644e;--accent:#b8582d;--cream:#ecece4;--paper:#f6f5ee;--line:#d4d8ce;--quiet:#6c7a72;--dark:#162925;--dark2:#233a33;--green:#c1d7ad;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit}strong{font-weight:700}[hidden]{display:none!important}::selection{background:#cbd9c1;color:#192b29}:focus-visible{outline:3px solid #a85b31;outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:20;top:-90px;left:20px;background:#fff;padding:10px}.skip:focus{top:10px}.site-shell{display:grid;grid-template-columns:263px minmax(0,1fr);min-height:100vh;max-width:1800px;margin:0 auto;box-shadow:0 0 0 1px #c7d0c5}.sidebar{height:100vh;position:sticky;top:0;background:var(--dark);color:#e8eadc;border-right:1px solid #2f4b40;display:flex;flex-direction:column;padding:27px 17px 20px;overflow-y:auto;z-index:3}.sidebar-top{padding:0 10px 25px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;position:relative;width:55px;height:55px;background:var(--green);color:var(--dark);font-family:var(--mono);font-weight:bold;font-size:35px;line-height:1;box-shadow:4px 4px 0 #47634d}.mark-notch{font-size:18px;position:absolute;right:3px;top:1px;color:var(--accent)}.brand-text strong{display:block;font-size:26px;letter-spacing:2px;line-height:1}.brand-text small{font:10px var(--mono);letter-spacing:.08em;color:#aebda8}.dept-note{font:10px/1.8 var(--mono);color:#81978c;margin:25px 0 0;padding-top:15px;border-top:1px solid #365046;letter-spacing:.03em}.search-label,.nav-label{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#adc3b1;letter-spacing:.05em;margin:0 10px 9px}.search-label kbd{background:#344a3f;padding:2px 5px;border:1px solid #4e6258;color:#fff}.search-input{width:100%;padding:11px 13px;margin-bottom:25px;border:1px solid #476455;color:#ecf0e8;background:#243d34;border-radius:0;outline:0}.search-input:focus{border-color:var(--green)}.search-input::placeholder{color:#829a90}.nav-label{color:#779084}.tool-nav{display:grid;gap:3px}.nav-entry{width:100%;border:0;background:transparent;color:#acbeb1;display:flex;gap:11px;align-items:center;text-align:left;padding:13px 11px;border-left:3px solid transparent;font-size:12px}.nav-entry:hover{background:#2b4438;color:white}.nav-entry.active{background:#dae7cc;color:#1b3027;border-left-color:#c5774d;font-weight:bold}.nav-num,.nav-end{font:10px var(--mono)}.nav-num{width:22px;opacity:.7}.nav-end{margin-left:auto}.search-empty{font-size:12px;color:#c9d2c6;padding:8px}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:28px 10px 5px;border-top:1px solid #365046;font:10px var(--mono);letter-spacing:.02em}.side-status{display:flex;align-items:center;gap:8px;color:#b0c5ab}.led,.tiny-led,.status-sq{display:inline-block;width:7px;height:7px;background:#c4dba6;box-shadow:0 0 0 3px #385342}.sidebar-bottom a{text-decoration:none;color:#e0e5d6}.sidebar-bottom a:hover{text-decoration:underline}.sidebar-bottom small{color:#718f7c}.main-frame{min-width:0;display:flex;flex-direction:column}.topbar{height:54px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 34px;font:10px var(--mono);letter-spacing:.07em;color:#53635a}.tiny-led{width:5px;height:5px;box-shadow:none;margin-right:8px;background:#6e9e70}.topbar-right{display:flex;align-items:center;gap:18px}.topbar-tag{border:1px solid var(--line);padding:5px 7px}main{width:100%;max-width:1280px;padding:0 36px 60px;margin:0 auto;flex:1;outline:0}.page{display:none;animation:fadein .15s ease-out}.page.visible{display:block}@keyframes fadein{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.masthead{padding:67px 0 49px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);font:11px var(--mono);letter-spacing:.12em;font-weight:bold}.line-sep{color:#a7ada1;margin:0 6px}h1{margin:16px 0 19px;font-size:clamp(36px,4.4vw,67px);letter-spacing:-.052em;line-height:1.08;font-weight:700}h1 em{font-style:normal;color:#7f8b7b}.masthead>p{max-width:625px;font-size:16px;color:#54665c;line-height:1.8;margin:0}.masthead-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:32px;font:10px var(--mono);letter-spacing:.03em;color:#607368}.status-sq{width:5px;height:5px;margin:0 4px 1px 0;background:#72a36a;box-shadow:none}.section-kicker{display:flex;justify-content:space-between;font:11px var(--mono);font-weight:bold;letter-spacing:.06em;margin:26px 0 14px}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dir-card{appearance:none;min-height:315px;display:flex;flex-direction:column;background:var(--paper);text-align:left;color:var(--ink);padding:17px 18px 13px;border:1px solid var(--line);box-shadow:2px 3px 0 #d9dbd1;transition:transform .12s,border-color .12s,box-shadow .12s}.dir-card:hover,.dir-card:focus-visible{transform:translate(-2px,-2px);border-color:#879e87;box-shadow:4px 5px 0 #bbcdba}.card-top{width:100%;display:flex;justify-content:space-between;font:10px var(--mono);color:#63746a}.card-arrow{font-size:17px;color:var(--accent)}.dir-card>strong{font-size:20px;letter-spacing:-.04em;margin:5px 0}.card-desc{color:#67756d;line-height:1.55;font-size:12px;min-height:53px}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;width:100%;margin-top:auto;font:10px var(--mono);letter-spacing:.02em;color:#415f4b}.art{display:grid;place-items:center;height:110px;width:100%;overflow:hidden}.art-disk{background:repeating-linear-gradient(0deg,#f1f2e7 0 1px,#e5e8de 1px 2px);margin:14px 0}.floppy{width:69px;height:78px;position:relative;background:#273c36;border:3px solid #1c302a;border-radius:2px 9px 2px 2px;box-shadow:5px 5px 0 #bdc4b6}.floppy-shutter{position:absolute;background:#becfc0;border:2px solid #8ca08f;width:36px;height:22px;left:15px;top:-3px}.floppy-shutter:after{content:"";display:block;background:#31443c;height:13px;width:11px;margin:2px 4px}.floppy-sticker{position:absolute;background:#d9dacc;border-top:7px solid #bf784e;bottom:5px;left:8px;right:8px;height:31px}.floppy-sticker:before,.floppy-sticker:after{content:"";display:block;border-top:1px solid #7f8b7b;margin:6px 6px 0}.art-electronics{background:#eef0e6;margin:14px 0}.resistor-drawing{display:flex;align-items:center;height:45px}.resistor-drawing i{display:block;width:30px;height:3px;background:#6d7f72}.resistor-drawing b{display:block;width:12px;height:35px;border-top:6px solid #d7ba8e;border-bottom:6px solid #d7ba8e;background:#d7ba8e}.resistor-drawing b:nth-of-type(1){border-left:7px solid #9c4c31}.resistor-drawing b:nth-of-type(2){border-left:7px solid #2d3b2f}.resistor-drawing b:nth-of-type(3){border-left:7px solid #aa642a}.resistor-drawing b:nth-of-type(4){border-left:7px solid #b19b58}.art-video{margin:14px 0;background:#dfded4}.testpattern{width:160px;height:88px;display:flex;align-items:stretch;box-shadow:4px 4px 0 #b7bdb1;border:4px solid #394b43}.testpattern i{flex:1}.testpattern i:nth-child(1){background:#ededdf}.testpattern i:nth-child(2){background:#e6e37a}.testpattern i:nth-child(3){background:#56bac8}.testpattern i:nth-child(4){background:#54a65b}.testpattern i:nth-child(5){background:#bf69b2}.testpattern i:nth-child(6){background:#d64e41}.testpattern i:nth-child(7){background:#2848b2}.art-serial{margin:14px 0;background:#d8dfd1}.terminal-art{background:#1d322b;color:#a7dba4;width:182px;padding:13px 15px;border:4px solid #6f8d78;font:12px/1.7 var(--mono);box-shadow:4px 4px 0 #a3b1a0}.terminal-art span{animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.art-files{margin:14px 0;background:#e5e7dc}.hex-art{font:15px/1.7 var(--mono);font-weight:bold;letter-spacing:.12em;color:#3d5e48;border-left:3px solid #bb754c;padding-left:15px}.art-vram{margin:14px 0;background:#dee5db}.pixel-grid{width:138px;height:88px;background:linear-gradient(90deg,transparent 48%,#2b4d3f 49%,#2b4d3f 51%,transparent 52%),repeating-linear-gradient(90deg,#739383 0 13px,#ccaf77 13px 26px,#b76f50 26px 39px,#476960 39px 52px);background-size:24px 100%,52px 26px;image-rendering:pixelated;border:7px solid #2c4b3e;box-shadow:5px 5px 0 #adbbb0}.footnote{font:11px/1.7 var(--mono);color:#728177;padding:18px 0}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:24px 36px;border-top:1px solid var(--line);color:#758579;font:10px var(--mono)}.site-footer a{text-decoration:none;color:#475b4d}.footer-divider{color:#adbaab;margin:0 5px}.page-header{padding:51px 0 29px}.page-header h1{margin:10px 0 14px;font-size:clamp(36px,4vw,54px)}.page-header p{margin:0;max-width:770px;color:#53675d;line-height:1.75;font-size:14px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:15px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:2px 3px 0 #dce0d5;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line);font:10px var(--mono);font-weight:bold;letter-spacing:.08em;color:#496452}.panel-heading span+span{font-weight:normal;color:#839083}.panel-body{padding:19px}.panel-body label,.hex-controls label,.serial-send label{display:block;margin:0 0 7px;font:11px var(--mono);color:#516256}.panel-body input:not([type=checkbox]),.panel-body select,.serial-controls select,.terminal-toolbar select,.serial-send input,.serial-send select,.hex-controls input{background:#fff;border:1px solid #bfc9bc;border-radius:0;color:var(--ink);padding:10px 11px;min-height:40px;width:100%;max-width:100%}.panel-body select:focus,.panel-body input:focus,.serial-controls select:focus,.serial-send input:focus{border-color:#73967a}.panel-body>label:not(:first-child){margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}.form-grid label{margin:0 0 6px!important}.primary-btn,.secondary-btn{border:1px solid #1d3930;padding:12px 16px;min-height:42px;font:11px var(--mono);font-weight:bold;letter-spacing:.03em;white-space:nowrap}.primary-btn{background:#233f32;color:#e6efdf;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary-btn:not(:disabled):hover{background:#38624b}.secondary-btn{background:transparent;color:#254536;border-color:#a3b9a7}.secondary-btn:not(:disabled):hover{background:#e3ebdf}.panel-body>.primary-btn{margin-top:22px;width:100%}.input-hint{font-size:11px;color:#7b877d;line-height:1.6;margin:12px 0 0}.results-area{display:grid;gap:13px;min-width:0}.stat-hero{padding:26px;background:var(--dark);color:#ebeee3;min-width:0;overflow:hidden}.stat-name{font:10px var(--mono);letter-spacing:.09em;color:#9db69f}.stat-number{font-size:clamp(24px,3.2vw,42px);font-weight:bold;line-height:1.18;letter-spacing:-.045em;overflow-wrap:anywhere;margin:15px 0 11px;font-variant-numeric:tabular-nums}.stat-number small{font-size:.44em;letter-spacing:0}.stat-sub{font:12px/1.65 var(--mono);color:#b9c8b3;overflow-wrap:anywhere}.facts{background:var(--paper);border:1px solid var(--line);padding:0 17px}.facts>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}.facts>div:last-child{border:0}.facts span{font:10px var(--mono);color:#758176}.facts strong{text-align:right;font:12px var(--mono);color:#2d4f3b;overflow-wrap:anywhere}.note{padding:18px 20px;border-left:3px solid #af7552;background:#e4e8dc;color:#435b4b}.note strong{font:12px var(--mono);font-weight:bold}.note p{font-size:12px;line-height:1.7;margin:8px 0 0}.alert{padding:12px 16px;margin:15px 0;border-left:3px solid;font-size:12px}.alert.error{background:#f2e2db;border-color:#bb6549;color:#7e3e2c}.alert.warning{background:#eee8d5;border-color:#bd9452;color:#6c5739}.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:4px;margin:8px 0 16px}.tabs button{padding:12px 15px;background:transparent;border:1px solid transparent;border-bottom:0;color:#6b7c6e;font:11px var(--mono);font-weight:bold}.tabs button:hover{color:#2f5739}.tabs button[aria-selected=true]{background:var(--paper);border:1px solid var(--line);border-bottom-color:var(--paper);color:#234532;position:relative;bottom:-1px}.e-pane{display:none}.e-pane.active{display:block}.res-figure{display:flex;align-items:center;justify-content:center;background:#e6e9df;padding:20px 6px;margin:13px 0}.res-wire{height:3px;width:32px;background:#78847a}.res-body{background:#d6c49b;display:flex;align-items:stretch;justify-content:space-around;width:190px;height:53px;padding:0 12px;border-radius:25px;border:2px solid #b5a277;box-shadow:inset 0 -7px 0 #c2b08c}.res-band{height:100%;width:13px;box-shadow:2px 0 0 #b3a78366}.serial-controls{display:grid;grid-template-columns:1.2fr repeat(3,.75fr) auto auto;align-items:end;gap:10px}.serial-controls label{display:block;margin-bottom:7px;font:10px var(--mono)}.serial-controls select{min-width:65px}.status-text{font-weight:bold!important;color:#a4604c!important}.status-text.connected{color:#367c47!important}.serial-panel{margin:15px 0}.terminal-toolbar{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:10px 17px;border-bottom:1px solid var(--line)}.terminal-toolbar label{font:10px var(--mono);color:#5c705f}.terminal-toolbar select{width:auto;min-height:30px;padding:4px 10px}.check-inline{display:flex;align-items:center;gap:4px}.text-btn{border:0;background:transparent;font:10px var(--mono);font-weight:bold;color:#3d6247;padding:7px;white-space:nowrap}.text-btn:hover{text-decoration:underline}.serial-output{height:255px;overflow:auto;margin:0;padding:20px;background:#122820;color:#bedfba;font:12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.serial-send{padding:16px}.send-line{display:grid;grid-template-columns:1fr 140px 112px auto;gap:9px}.serial-send label{font:10px var(--mono);margin-bottom:7px}.serial-send input{min-width:0}.serial-send select{font-size:11px}.file-drop{padding:39px 20px;border:2px dashed #9bae9e;background:#edf0e6;display:grid;justify-items:center;gap:5px;margin:8px 0 21px;cursor:pointer}.file-drop:hover,.file-drop.drag-over{background:#dae8d6;border-color:#578568}.drop-symbol{font:24px var(--mono);color:#568465;margin-bottom:9px}.file-drop strong{letter-spacing:.05em;font:14px var(--mono)}.file-drop>span:not(.drop-symbol){color:#6f8275;font-size:12px}.file-drop small{color:#85948a;font:10px var(--mono);margin-top:10px}.file-facts>div{border-bottom:1px solid var(--line);display:grid;gap:5px;padding:10px 0}.file-facts>div:first-child{padding-top:0}.file-facts>div>span{font:10px var(--mono);color:#77887c}.file-facts strong{font:12px/1.5 var(--mono);word-break:break-word}.wordbreak{word-break:break-all!important}.full{width:100%;margin-top:18px}.hex-controls{display:grid;gap:6px}.hex-jump{display:flex;gap:8px}.hex-controls input{font-family:var(--mono)!important}.hex-view{background:#e9ede5;color:#2c5542;margin:15px 0;padding:15px;min-height:250px;overflow-x:auto;white-space:pre;font:11px/1.6 var(--mono)}.hex-nav{display:flex;justify-content:space-between}.file-grid{margin-bottom:16px}.capacity{padding:19px;background:var(--paper);border:1px solid var(--line)}.capacity-top{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);margin-bottom:12px}.capacity-track{height:14px;background:#d8ded4;border:1px solid #aec2b0}.capacity-bar{height:100%;background:#608568;transition:width .2s}.capacity-bar.overflow{background:#b66b4a}code{font-family:var(--mono)}
@media(max-width:1100px){.directory{grid-template-columns:repeat(2,minmax(0,1fr))}.serial-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.serial-controls .primary-btn,.serial-controls .secondary-btn{grid-column:span 2}.send-line{grid-template-columns:1fr 1fr}.send-line input{grid-column:1/-1}.send-line button{grid-column:1/-1}}@media(max-width:810px){.site-shell{display:block}.sidebar{height:auto;position:relative;overflow:visible;padding:15px 16px 10px}.sidebar-top{padding:0}.brand-mark{width:41px;height:41px;font-size:27px}.brand-text strong{font-size:20px}.brand-text small{font-size:8px}.dept-note,.search-label,.search-input,.nav-label,.sidebar-bottom,.search-empty{display:none}.tool-nav{display:flex;overflow-x:auto;gap:5px;padding-top:14px;scrollbar-width:thin}.nav-entry{flex:0 0 auto;width:auto;border-left:0;border-bottom:2px solid transparent;padding:10px 8px;white-space:nowrap}.nav-entry.active{border:0;border-bottom:2px solid #c5774d}.nav-entry .nav-end{display:none}.topbar{padding:0 18px;height:43px}.topbar-right{gap:8px}main{padding:0 18px 35px}.masthead{padding:40px 0 27px}.site-footer{padding:20px 18px}}@media(max-width:650px){.work-grid{grid-template-columns:1fr}.directory{grid-template-columns:1fr}.dir-card{min-height:245px}.art{height:90px}.masthead-meta{gap:10px}.page-header{padding:37px 0 22px}.page-header h1{font-size:36px}.form-grid{gap:12px}.serial-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.serial-controls .primary-btn,.serial-controls .secondary-btn{grid-column:auto}.terminal-toolbar{gap:8px}.send-line{grid-template-columns:1fr 1fr}.send-line select{font-size:11px}.facts>div{flex-direction:column;gap:3px}.facts strong{text-align:left}.topbar-right #date-label{display:none}.stat-number{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}