:root{color-scheme:dark}body,body.skin-green{--bg:#001400;--fg:#20ff6b;--accent:#0b4;--border:#093;--glow:#0c3;--shadow:#052;--console-bg:#000;--status:#82ffb7}body.skin-amber{--bg:#1a0e00;--fg:#ffbf3d;--accent:#a66f00;--border:#6a4a00;--glow:#ffbf3d;--shadow:#251700;--console-bg:#000;--status:#ffd680}body.skin-win31{--bg:#c0c0c0;--fg:#000000;--accent:#000080;--border:#808080;--glow:#000080;--shadow:#404040;--console-bg:#ffffff;--status:#000080}body.skin-apple{--bg:#f5f5f7;--fg:#1d1d1f;--accent:#0a84ff;--border:#d2d2d7;--glow:#0a84ff;--shadow:#b3b3b3;--console-bg:#ffffff;--status:#0a84ff}body.skin-c64{--bg:#40318d;--fg:#6fb0ff;--accent:#8fddee;--border:#6a5acd;--glow:#8fddee;--shadow:#1d1050;--console-bg:#40318d;--status:#8fddee}body.skin-bsod{--bg:#0000aa;--fg:#ffffff;--accent:#ffffff;--border:#88a;--glow:#ffffff;--shadow:#000055;--console-bg:#0000aa;--status:#ffffff}body.skin-nixie{--bg:#0a0a0a;--fg:#ff7a18;--accent:#ff9e3d;--border:#cc6a00;--glow:#ff8a00;--shadow:#3b1a00;--console-bg:#000;--status:#ffc37a}body.skin-sinclair{--bg:#0a0a0a;--fg:#ff2a2a;--accent:#b00020;--border:#5a000f;--glow:#ff3b3b;--shadow:#240006;--console-bg:#000000;--status:#ff7f7f}body.skin-hp48{--bg:#d7dfc5;--fg:#0c1a12;--accent:#3a5f3a;--border:#8aa57a;--glow:#3a5f3a;--shadow:#9db08f;--console-bg:#c8d6b3;--status:#0c1a12}body.skin-sonnet18{--bg:#f2e8d5;--fg:#2a1f14;--accent:#6b4e2e;--border:#c7b89a;--glow:#b0895a;--shadow:#d6c7a7;--console-bg:#efe4cf;--status:#5a3d22}body.skin-sonnet18,body.skin-sonnet18 .btn,body.skin-sonnet18 .console,body.skin-sonnet18 .input,body.skin-sonnet18 .brand,body.skin-sonnet18 .menu a,body.skin-sonnet18 select,body.skin-sonnet18 option{font-family:Comic Mono,Cascadia Code,Fira Code,Courier New,Courier,monospace;font-style:italic;letter-spacing:.02em}body{background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;margin:0}a{color:var(--fg)}main{margin:0;padding:0;border:0;background:transparent;box-shadow:none;height:100vh}.console{background:var(--console-bg);border:1px solid var(--border);padding:.75rem;min-height:180px;white-space:pre;overflow:auto;box-shadow:inset 0 0 12px var(--shadow);margin:0}.status{color:var(--status);min-height:1.2em}.row{display:flex;gap:.5rem;margin:.5rem 0;flex-wrap:wrap}.layout.vertical #rightPane .row:first-child{margin-top:0}.btn{flex:1 1 60px;padding:.6rem .4rem;background:color-mix(in oklab,var(--bg),black 20%);border:1px solid var(--accent);color:var(--fg);cursor:pointer;text-align:center;box-shadow:0 0 6px var(--shadow)}.btn:hover{background:color-mix(in oklab,var(--bg),black 10%)}.btn.op{border-color:color-mix(in oklab,var(--accent),white 20%)}.btn.wide{flex:2 1 120px}.btn.shrink{flex:0 0 auto;padding:.4rem .5rem;white-space:nowrap}.row.quarters>.btn{flex:1 1 60px;min-width:0}.row.quarters>.qgroup{flex:1 1 60px;min-width:0}.qgroup{display:flex;gap:.5rem}.qgroup .btn{flex:1 1 0%;min-width:0}body.skin-sinclair .btn{background:color-mix(in oklab,var(--bg),white 8%);color:#fdd;border-color:#b00020}body.skin-sinclair .btn:hover{background:color-mix(in oklab,var(--bg),white 16%)}body.skin-sinclair .btn.op{border-color:color-mix(in oklab,#b00020,white 20%)}.input{width:100%;padding:.6rem;background:var(--console-bg);border:1px solid var(--accent);color:var(--fg);box-shadow:inset 0 0 8px var(--shadow);box-sizing:border-box;max-width:100%}.kbd{opacity:.8;font-size:.9em}.hidden,.angle-only{display:none}body.mode-1 .angle-only{display:inline-block}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.leftbar{display:inline-flex;align-items:center;gap:1rem}.brand{font-size:1rem;font-weight:700;text-shadow:0 0 6px var(--glow)}.rightbar,.menu{display:inline-flex;align-items:center;gap:1rem}.menu a{color:var(--fg);text-decoration:none;border-bottom:1px dotted var(--border)}.menu a:hover{text-decoration:underline}.menu .ext-icon{font-size:.85em;opacity:.85;margin-left:.25em}.switch{display:inline-flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.switch input{display:none}.switch .slider{position:relative;width:48px;height:24px;background:color-mix(in oklab,var(--bg),black 20%);border:1px solid var(--accent);border-radius:24px;box-shadow:inset 0 0 6px var(--shadow)}.switch .slider:before{content:"";position:absolute;width:20px;height:20px;top:1px;left:1px;background:var(--fg);border-radius:50%;box-shadow:0 0 6px var(--glow);transition:transform .2s ease}.switch input:checked+.slider{background:color-mix(in oklab,var(--bg),black 10%)}.switch input:checked+.slider:before{transform:translate(24px)}.switch .view-label{font-size:.85rem;opacity:.9}.switch .view-label.right{margin-left:.25rem}.switch input:disabled+.slider{opacity:.5;filter:grayscale(30%)}.switch.disabled{opacity:.6;cursor:not-allowed}.switch.disabled .slider{cursor:not-allowed}.skinpicker label{font-size:.85rem;opacity:.9;margin-right:.25rem}.skinpicker select{background:var(--console-bg);color:var(--fg);border:1px solid var(--accent);box-shadow:inset 0 0 6px var(--shadow);padding:.25rem .5rem}.layout{display:flex;gap:.75rem;padding:.75rem;height:calc(100vh - 48px);box-sizing:border-box}.layout.horizontal{flex-direction:column}.layout.vertical{flex-direction:row}.pane{min-width:0}#leftPane{display:flex;flex-direction:column}.stackbox{display:flex;flex-direction:column;min-height:0}.console{flex:1 1 auto}.stack-line{display:flex;align-items:flex-end;gap:.5rem;padding:2px 0}.stack-line .idx{opacity:.8;min-width:2.2em;text-align:right}.nixie-display{display:inline-flex;gap:4px;align-items:flex-end}.nixie-digit{position:relative;width:28px;height:40px;border-radius:8px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px color-mix(in oklab,var(--glow),black 40%),0 0 10px color-mix(in oklab,var(--glow),black 0%);border:1px solid color-mix(in oklab,var(--border),black 10%);background:radial-gradient(120% 80% at 50% 10%,color-mix(in oklab,var(--glow),transparent 85%),transparent 55%),radial-gradient(80% 100% at 50% 60%,color-mix(in oklab,var(--accent),transparent 90%),transparent 70%),linear-gradient(180deg,color-mix(in oklab,#3b1a00,black 50%),color-mix(in oklab,#000,black 0%))}body.skin-nixie .nixie-digit .glyph{font-weight:700;font-size:26px;color:var(--fg);text-shadow:0 0 8px var(--glow),0 0 16px var(--glow);font-family:ui-monospace,Menlo,Consolas,monospace}body.skin-nixie .nixie-decimal{width:8px;height:8px;border-radius:50%;background:var(--fg);box-shadow:0 0 6px var(--glow),0 0 12px var(--glow);margin-bottom:6px}body.skin-nixie .nixie-minus{width:18px;height:3px;background:var(--fg);box-shadow:0 0 6px var(--glow)}.lcd-display{display:inline-flex;gap:6px;align-items:center;padding:2px 4px;background:color-mix(in oklab,var(--console-bg),white 8%);border:1px solid var(--border);box-shadow:inset 0 0 6px var(--shadow)}.lcd-digit{position:relative;width:22px;height:36px}.lcd-seg{position:absolute;background:color-mix(in oklab,var(--fg),transparent 85%);opacity:.25;transition:opacity .1s ease}.lcd-seg.on{background:var(--fg);opacity:.95}.lcd-a{top:2px;left:4px;right:4px;height:4px}.lcd-b{top:4px;right:2px;width:4px;height:12px}.lcd-c{bottom:4px;right:2px;width:4px;height:12px}.lcd-d{bottom:2px;left:4px;right:4px;height:4px}.lcd-e{bottom:4px;left:2px;width:4px;height:12px}.lcd-f{top:4px;left:2px;width:4px;height:12px}.lcd-g{top:16px;left:4px;right:4px;height:4px}.lcd-dp{bottom:0;right:-2px;width:5px;height:5px;border-radius:50%}body.skin-sinclair .lcd-display{background:#000;border-color:#5a000f;box-shadow:inset 0 0 12px #240006}body.skin-sinclair .lcd-seg{background:#ff00001f;opacity:.18}body.skin-sinclair .lcd-seg.on{background:#ff2a2a;opacity:1;box-shadow:0 0 6px var(--glow),0 0 12px var(--glow)}.hp-display{display:inline-flex;gap:6px;align-items:center;padding:4px 6px;background:color-mix(in oklab,var(--console-bg),white 20%);border:1px solid var(--border);box-shadow:inset 0 0 4px var(--shadow);border-radius:2px}.hp-digit{display:grid;grid-template-columns:repeat(5,5px);grid-template-rows:repeat(7,5px);gap:2px}.hp-px{width:5px;height:5px;background:color-mix(in oklab,var(--fg),transparent 90%);opacity:.25}.hp-px.on{background:color-mix(in oklab,var(--fg),black 10%);opacity:.95;box-shadow:0 0 1px var(--fg)}.hp-gap{width:6px}body.skin-hp48 .hp-display{background:#cbd9b8;border-color:#9fb18c;box-shadow:inset 0 0 6px #9db08f}body.skin-hp48 .hp-px{background:#0c1a121f;opacity:.22}body.skin-hp48 .hp-px.on{background:#0c1a12;opacity:.95}.layout.horizontal .row{margin:.25rem 0}.layout.horizontal .btn{padding:.4rem .3rem;font-size:.95rem}.layout.horizontal .console{min-height:140px}@media (max-height: 700px){.layout.horizontal .btn{padding:.35rem .25rem;font-size:.9rem}.layout.horizontal .row{margin:.2rem 0}.layout.horizontal .console{min-height:110px}}#layout{width:100%;max-width:1100px;margin-inline:auto}#layout.horizontal{max-width:820px}#layout.vertical{max-width:1100px}@media (min-width: 1600px){#layout.horizontal{max-width:760px}#layout.vertical{max-width:1000px}}.layout.vertical .pane{flex:0 0 50%;max-width:50%}#rightPane,#leftPane{margin-inline:0}.hamburger{display:none;align-items:center;justify-content:center;width:36px;height:32px;font-size:20px;line-height:1;background:color-mix(in oklab,var(--bg),black 20%);color:var(--fg);border:1px solid var(--accent);box-shadow:0 0 6px var(--shadow);cursor:pointer}.hamburger:hover{background:color-mix(in oklab,var(--bg),black 10%)}.rightbar{position:relative}.topbar .menu .mobile-only{display:none}@media (max-width: 700px){.hamburger{display:inline-flex}.topbar .menu{display:none;position:absolute;top:calc(100% + 6px);right:0;flex-direction:column;gap:.5rem;background:color-mix(in oklab,var(--console-bg),white 6%);border:1px solid var(--accent);box-shadow:0 6px 12px #00000059;padding:.5rem .75rem;z-index:50;min-width:220px}.topbar .menu a{padding:.25rem 0}.topbar .menu.open{display:flex}.topbar .menu .mobile-only{display:block}.topbar .menu .menu-group{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem}.topbar .menu .menu-divider{height:1px;background:var(--border);margin:.25rem 0}.topbar .menu .menu-label{font-size:.85rem;opacity:.9}.rightbar .skinpicker,.rightbar>.switch{display:none}}