:root{color-scheme:light;--ink:#282c2b;--muted:#777b76;--gold:#e6b750;--blue:#73bada;font-family:Arial,Helvetica,sans-serif;background:#eae9e3;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#f5f4ef 0,transparent 65%);min-height:100vh}button,a,input,label{-webkit-tap-highlight-color:transparent}button,.file-button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.file-button:focus-within{outline:3px solid #267fa8;outline-offset:4px}button{color:inherit}main{max-width:1180px;margin:auto;padding:0 44px}.page-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d3cb;gap:24px}.wordmark{text-decoration:none;font-size:26px;font-weight:700;color:var(--ink);letter-spacing:-1px}.wordmark span{font-size:10px;letter-spacing:2.5px;font-weight:500;margin-left:9px}.edition{color:var(--muted);font-size:10px;letter-spacing:2px}.text-button{border:0;background:none;font-size:12px}.text-button span{margin-left:14px}.workspace{padding:76px 0 36px}.calculator-wrap{max-width:960px;margin:auto;container-type:inline-size}.calculator{border-radius:17px;background:linear-gradient(110deg,#37383a,#161719 70%);padding:13px 20px 15px;box-shadow:0 2px 0 #67686a inset,0 -5px 0 #101112 inset,0 3px 0 #85847f,0 9px 0 #252629,0 13px 4px #0003,0 32px 40px #20202030;border:2px solid #161719;user-select:none}.metal-panel{height:145px;display:flex;align-items:center;gap:32px;padding:19px 25px 20px;background:repeating-linear-gradient(0deg,#ffffff08 0px,#00000009 1px,transparent 2px,transparent 3px),linear-gradient(105deg,#a7a9a9,#e0e0dc 30%,#b3b6b5 68%,#dadbd6);border-radius:6px 6px 2px 2px;border:1px solid #a3a5a5;box-shadow:0 1px 1px #fff9 inset}.screen-bezel{background:linear-gradient(#141719,#454746);padding:9px 12px 10px;box-shadow:0 2px 3px #0008,0 1px 2px #fff9;border-radius:5px;width:72%;height:101px}.screen{background:linear-gradient(160deg,#aeb59b,#bac2a9);height:100%;box-shadow:inset 0 3px 8px #20271970;position:relative;border:1px solid #191f16;padding:7px 13px;color:#242b21;border-radius:2px}#display{font-family:'Courier New',monospace;font-weight:bold;display:block;text-align:right;white-space:pre;height:48px;line-height:48px;font-size:43px;letter-spacing:-1px}.annunciators{display:flex;gap:13px;height:15px;font:10px 'Courier New',monospace;font-weight:bold;align-items:center}.annunciators #rpnalg{margin-left:auto}.device-brand{display:flex;gap:12px;align-items:center;color:#272b2c}.hp-mark{font-family:Georgia,serif;border:2px solid #343838;font-weight:bold;font-style:italic;letter-spacing:-6px;font-size:37px;padding-right:8px;border-radius:50%;width:49px;height:49px;line-height:44px;transform:skew(-8deg)}.device-brand strong{font-size:34px;letter-spacing:-2px;display:block;line-height:1}.device-brand div>span{font-size:13px;letter-spacing:1px;font-style:italic}.keyboard{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(4,82px);gap:3px 15px;padding:13px 16px 7px;background:linear-gradient(105deg,#282a2b,#1a1c1e);border:1px solid #111;border-top:none}.key{position:relative;background:none;border:none;padding:23px 0 0;min-width:0;touch-action:manipulation;border-radius:4px}.key-top{display:block;background:linear-gradient(#414446 0%,#292c2f 38%,#232527 42%,#17191b 100%);border:1px solid #090a0b;border-top:1px solid #626567;border-radius:5px 5px 7px 7px;height:49px;box-shadow:0 4px 0 #090a0b,0 6px 4px #0009,1px 0 1px #67686844 inset;position:relative;color:#fafaf8;font-size:20px;line-height:28px}.key .primary{display:block;padding-top:1px}.key .shift-f{position:absolute;top:3px;left:-8px;right:-8px;font-size:12px;line-height:16px;color:var(--gold);font-weight:normal;white-space:nowrap}.key .shift-g{display:block;color:var(--blue);font-size:11px;line-height:14px;white-space:nowrap}.key.small .primary{font-size:15px}.key.digit .primary{font-size:25px}.key.enter{grid-row:span 2}.key.enter .key-top{height:134px;display:flex;flex-direction:column;justify-content:center}.key.enter .primary{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;margin:0 auto;font-size:13px;font-weight:bold;line-height:15px}.key.enter .shift-g{margin-top:5px}.key.gold .key-top{background:linear-gradient(#f6c961,#d9a236);color:#262018;border-top-color:#ffe3a2}.key.blue .key-top{background:linear-gradient(#90cce8,#549cbe);color:#162e3a;border-top-color:#beefff}.key.gold .primary,.key.blue .primary{font-size:23px;padding-top:7px}.key:active .key-top,.key.pressed .key-top{transform:translateY(3px);box-shadow:0 1px 0 #090a0b,0 2px 2px #0008}.key:hover .key-top{filter:brightness(1.12)}.device-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#9b9c9b;padding:14px 17px 1px}.under-calculator{display:flex;justify-content:space-between;max-width:950px;margin:33px auto 28px;color:var(--muted);font-size:11px;gap:15px;align-items:center}#saved-dot{display:inline-block;width:5px;height:5px;background:#668878;border-radius:50%;margin:0 8px 2px 0}kbd{font:10px 'Courier New',monospace;border:1px solid #cecec5;padding:2px 4px;border-radius:3px;color:#555d57;white-space:nowrap;line-height:1.9}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cccec5;padding-top:22px;gap:14px}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.toolbar button,.file-button,.panel button{border:1px solid #c6c9bf;background:transparent;border-radius:4px;padding:10px 12px;font-size:11px;display:inline-block}.toolbar button:hover,.file-button:hover,.panel button:hover{background:#dddfd5}.toolbar button[aria-expanded=true]{background:#303a33;color:#f9f9f1;border-color:#303a33}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}#notice{font-size:12px;color:#5a695a;min-height:14px;margin-bottom:0}.panel{margin-top:24px;padding:26px;border:1px solid #cbd0c4;background:#f4f4ed99;border-radius:6px}.panel h2{font-size:18px;font-weight:500;margin:0 0 20px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.panel-heading span{font-size:11px;color:var(--muted)}.panel-heading button{margin-bottom:15px}.register-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.register{border:1px solid #d0d5c8;padding:12px;min-width:0;background:#f7f7f1}.register label{display:block;font-size:10px;color:#7a8176;margin-bottom:7px}.register output{font:14px 'Courier New',monospace;overflow-wrap:anywhere}.storage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.storage-grid .register output{font-size:12px}details{border-top:1px solid #d1d6ca;margin-top:20px;padding-top:17px}summary{cursor:pointer;font-size:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 35px}.help h3{font-size:13px}.help p,.muted{font-size:12px;line-height:1.8;color:#636b60}.help a,footer a{color:inherit}.help .danger{margin-top:12px;color:#86574b}#program-list{font-size:12px;max-height:320px;overflow:auto;line-height:1.8}#history{max-height:250px;overflow:auto;margin:0;padding-left:30px;font:12px 'Courier New',monospace;line-height:2}#history li{padding:3px 10px;border-bottom:1px solid #ddd}#history li span{float:right}footer{display:flex;gap:18px;border-top:1px solid #ced1c6;padding:23px 0 35px;color:#8a8e83;font-size:10px;align-items:center}.footer-right{margin-left:auto;font-size:8px;letter-spacing:1px}.off #display,.off .annunciators{visibility:hidden}[hidden]{display:none!important}@media(min-width:1500px){.workspace{padding-top:100px}}@container(max-width:850px){.calculator{padding:1.3cqw 2cqw 1.5cqw;border-radius:2cqw}.metal-panel{height:15cqw;padding:2cqw 2.5cqw;gap:3cqw}.screen-bezel{height:10.7cqw;padding:1cqw 1.3cqw}.screen{padding:.5cqw 1.2cqw}#display{font-size:4.5cqw;height:5.1cqw;line-height:5.1cqw}.annunciators{font-size:1.05cqw;gap:1.3cqw;height:1.6cqw}.hp-mark{font-size:3.8cqw;width:5.1cqw;height:5.1cqw;line-height:4.5cqw;letter-spacing:-.6cqw;padding-right:.8cqw}.device-brand{gap:1.2cqw}.device-brand strong{font-size:3.5cqw}.device-brand div>span{font-size:1.4cqw}.keyboard{grid-template-rows:repeat(4,8.6cqw);column-gap:1.5cqw;row-gap:.3cqw;padding:1.4cqw 1.6cqw .7cqw}.key{padding:2.5cqw 0 0}.key-top{height:5.1cqw;font-size:2.1cqw;line-height:2.9cqw;border-radius:.5cqw}.key .shift-f{font-size:1.3cqw;top:.3cqw;line-height:1.7cqw;left:-.8cqw;right:-.8cqw}.key .shift-g{font-size:1.2cqw;line-height:1.45cqw}.key.small .primary{font-size:1.6cqw}.key.digit .primary{font-size:2.6cqw}.key.enter .key-top{height:14cqw}.key.enter .primary{font-size:1.4cqw;line-height:1.6cqw;letter-spacing:.1cqw}.key.enter .shift-g{margin-top:.5cqw}.key.gold .primary,.key.blue .primary{font-size:2.4cqw;padding-top:.7cqw}.device-bottom{font-size:.85cqw;padding:1.4cqw 1.7cqw .1cqw;letter-spacing:.2cqw}}@media(max-width:700px){main{padding:0 14px}.page-header{height:78px}.edition{display:none}.workspace{padding-top:38px}.under-calculator{font-size:10px;align-items:flex-start;flex-direction:column;margin-top:26px;gap:7px}.toolbar{align-items:flex-start;flex-direction:column;gap:8px}.toolbar button,.file-button{font-size:11px;padding:10px}.panel{padding:18px}.register-grid,.storage-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:1fr;gap:8px}.footer-right{display:none}footer{font-size:9px;gap:12px;flex-wrap:wrap}.key{min-height:0}.calculator-wrap{min-width:0}}@media(prefers-reduced-motion:no-preference){.key-top{transition:transform .06s,filter .12s}}@media print{body{background:white}.page-header,.toolbar,footer,.under-calculator,#notice,.help{display:none}.workspace{padding-top:0}.calculator{box-shadow:none}.panel{break-inside:avoid}}
/* The visible LCD uses vector segments; the text output remains accessible. */
#display{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;line-height:1px;font-size:1px}
#lcd{display:block;width:100%;height:48px;fill:#252d22}
.off #lcd{visibility:hidden}
@container(max-width:850px){#lcd{height:5.1cqw}}
@media(max-height:500px) and (min-width:600px){.page-header{height:48px}.workspace{padding-top:14px}.calculator-wrap{max-width:600px}.under-calculator{margin-top:25px}.edition{font-size:8px}}
.collection-link{color:inherit;font-size:12px;text-decoration:none;margin-left:auto;margin-right:20px}.collection-link:hover{text-decoration:underline}@media(max-width:520px){.page-header{flex-wrap:wrap;gap:12px}.collection-link{margin-right:0}}
