:root{font-family:Arial,Helvetica,sans-serif;color:#18352d;background:#f2f4f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:28px;padding:18px max(24px,calc((100vw - 1150px)/2));background:#fcfdf9;border-bottom:1px solid #d8dfd7}.brand{display:flex;align-items:center;gap:10px;color:#193c30;text-decoration:none;letter-spacing:2px;font-size:13px;font-weight:800}.brand span{background:#194e3d;color:#fff;border-radius:9px;padding:7px 13px;font-size:23px}.headernote{font-size:10px;letter-spacing:1.6px;margin-right:auto;color:#617367}main{max-width:1150px;margin:auto;padding:28px 24px}.intro{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#537a55}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15;margin:10px 0 12px}.intro p{max-width:550px;font-size:14px;line-height:1.6;color:#5b6d60}.workspace-mode{width:300px}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}select{width:100%;padding:12px;border:1px solid #c5d1c3;background:white;border-radius:8px;color:#254f39;font:inherit;font-size:13px}.workspace-mode p{font-size:11px}button,a.subtle{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,.lcd:focus-visible{outline:3px solid #dcae39;outline-offset:3px}.subtle,.primary{padding:10px 14px;border:1px solid #ced8cb;border-radius:7px;background:#fff;color:#28533e;font-size:12px;text-decoration:none;display:inline-block}.subtle:hover{background:#e9f0e6}.primary{background:#22543f;color:#fff;border-color:#22543f}.actions{display:flex;gap:8px;flex-wrap:wrap}.workbench{display:grid;grid-template-columns:430px 1fr;gap:54px;align-items:start;max-width:1000px;margin:auto}.calculator-shell{width:430px;background:linear-gradient(100deg,#21667a,#387f8c 40%,#3a7a88 75%,#1b536c);border:3px solid #204858;border-radius:36px 36px 65px 65px;padding:22px 22px 18px;box-shadow:inset 0 0 0 3px #72a0a341,0 15px 30px #1a38251c;color:white;position:relative}.model-label{display:flex;justify-content:space-between;align-items:center;padding:0 6px}.model-label strong{font-size:24px;letter-spacing:-1px;display:block}.model-label em{display:block;font-size:11px;letter-spacing:2px;margin-top:2px}.solar{width:100px;height:28px;border:2px solid #243d43;border-radius:5px;background:repeating-linear-gradient(90deg,#363a35 0 23px,#6d6b56 23px 24px)}.training-label{text-align:right;font-size:8px;letter-spacing:1.4px;margin:12px 3px 9px;color:#e3f0e9}.display-frame{background:#c9cecb;border:2px solid #d7dbd5;padding:9px;border-radius:14px 14px 22px 14px;box-shadow:0 3px 3px #143745,inset 0 0 0 2px #6e8683}.lcd{background:#b9c6a2;color:#17251b;min-height:172px;height:172px;border:2px solid #5f745f;border-radius:6px;padding:7px 10px;font-family:'Courier New',monospace;overflow:hidden;font-weight:600;box-shadow:inset 1px 2px 8px #2d392b35}#indicators{height:15px;display:flex;gap:10px;font-size:10px;line-height:11px;white-space:nowrap}.lcd.off{background:#a1b095}.lcd.off #indicators,.lcd.off #screencontent{visibility:hidden}#screencontent{height:132px;overflow:auto;scrollbar-width:thin;font-size:18px}.display-history{font-size:16px;white-space:nowrap;min-height:21px;overflow:hidden}.display-history.selected{background:#253929;color:#cad3b8}.hist-answer{text-align:right}.editing{display:flex;min-height:46px;align-items:center;padding:4px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.mathseq{display:inline-flex;align-items:center;position:relative;min-width:6px;min-height:1.2em;vertical-align:middle}.mathseq.empty{min-width:10px}.mathseq.empty:after{content:'▫';opacity:.6}.frac{display:inline-flex;flex-direction:column;text-align:center;vertical-align:middle;line-height:1.1;margin:0 3px;font-size:.9em}.frac>.num{border-bottom:1px solid #17251b;padding:0 3px 2px}.frac>.den{padding:2px 3px 0}.power{display:inline-flex;align-items:start}.power>.exponent{font-size:.68em;transform:translateY(-.3em);margin:0 1px}.radical{display:inline-flex;align-items:stretch}.radicand{border-top:1px solid #17251b;margin-top:2px;padding:1px 2px 0}.radical-index{font-size:.55em;align-self:flex-start}.radical-sign{font-size:1.3em;align-self:center}.cursor{display:inline-block;height:1.05em;border-left:2px solid #1c2d1d;align-self:center;margin-right:-2px;position:relative;z-index:1;animation:blink 1.1s steps(2,start) infinite}.current-cell{background:#1d3020;color:#c7d2b3}.answer{display:flex;align-items:center;justify-content:flex-end;min-height:30px;font-size:22px;white-space:nowrap}.menu-tabs{display:flex;gap:12px;font-size:13px;padding-bottom:5px}.menu-tabs .active{background:#17291b;color:#bfcdab;padding:0 3px}.menu-item{display:block;white-space:nowrap;font-size:15px;min-height:22px;line-height:22px}.menu-item.active{background:#253c29;color:#c7d2b3}.mode-row{display:flex;gap:10px;align-items:center;min-height:26px;font-size:14px}.mode-option{padding:1px 2px}.mode-option.chosen{border:1px solid #273a25}.mode-option.active{background:#223a27;color:#c1cfb1}.lcd-error{font-size:16px;padding-top:18px}.lcd-error small{display:block;font-size:12px;line-height:1.8;margin-top:10px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:right;font-size:13px;gap:2px}.data-grid .heading{text-align:center;border-bottom:1px solid #506349}.cell{height:20px;overflow:hidden}.entry-label{font-size:12px;margin-top:3px}.data-entry{min-height:24px;font-size:16px}.keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px 11px;padding:18px 0 0;align-items:end}.keyslot{min-width:0;height:48px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.secondary-label{font-size:10px;min-height:13px;line-height:13px;color:#daf197;text-align:center;white-space:nowrap;letter-spacing:0}.key{position:relative;width:100%;height:32px;flex-shrink:0;background:linear-gradient(#f9fcf4,#dee9df);border:1px solid #234b54;border-bottom:3px solid #153c48;border-radius:15px;color:#19302b;box-shadow:0 1px 1px #bad5d85c,inset 0 0 0 1px #ffffff7f;font-size:17px;font-weight:600;padding:0;line-height:26px;user-select:none;touch-action:manipulation}.key:hover{filter:brightness(1.08)}.key:active,.key.pressed{transform:translateY(1px);border-bottom-width:1px;filter:brightness(.9)}.key.small{font-size:12px}.key.number{font-size:22px;border-radius:7px 7px 11px 11px}.key.dark{background:linear-gradient(#172e34,#0c2026);color:#fff;box-shadow:inset 0 0 0 1px #5f8285}.key.second{background:linear-gradient(#9cbf37,#6e8c14);color:#172a12;box-shadow:inset 0 0 0 1px #d2e2a4}.key.second.latched{background:#d2e876;outline:2px solid #e3f4ae}.keyslot.shifted .secondary-label{color:#fff;font-weight:bold}.keyslot.shifted .key{outline:1px solid #adc55c}.dpad{grid-column:4/6;grid-row:1/3;width:123px;height:96px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border-radius:50%;background:#153c4e;border:2px solid #477d89;box-shadow:inset 0 0 0 2px #608792,0 2px 2px #1b3a40;align-self:center}.dpad button{border:0;background:transparent;color:#fff;font-size:14px;padding:0;cursor:pointer}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.dpad .center{grid-column:2;grid-row:2;border-radius:50%;background:#67919c;border:1px solid #143b4b}.case-footer{text-align:center;font-size:8px;letter-spacing:1.8px;color:#d2e6e2;margin:18px 0 0}aside{display:flex;flex-direction:column;gap:18px}.panel{background:#fff;border:1px solid #dce4d8;border-radius:13px;padding:24px;line-height:1.6;font-size:13px}h2{font-size:19px;margin:5px 0 16px;letter-spacing:-.3px}.panelhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.panelhead h2{margin:0}.lessonkeys,.trace{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.keychip{font-size:11px;padding:3px 7px;border-radius:5px;border:1px solid #c8d6c7;color:#234936;background:#f0f4eb}.muted,#lessonnote{font-size:12px;color:#617260;line-height:1.7}.panel ul{padding-left:18px}.panel li{margin:12px 0}details{margin-top:16px}summary{cursor:pointer;color:#315a3d;font-size:12px;font-weight:bold}.integration{margin:32px auto 0;max-width:1000px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.integration>div:first-child{flex:1;min-width:250px}.integration p{max-width:450px;margin-bottom:0}.integration h2{margin-bottom:8px}footer{font-size:11px;line-height:1.7;color:#667565;max-width:1000px;margin:24px auto}footer a{color:#315e3d}.exam aside{display:none}.exam .workbench{display:block}.exam .calculator-shell{margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.embed header,.embed .intro,.embed aside,.embed .integration,.embed footer{display:none}.embed main{padding:8px;max-width:448px}.embed .workbench{display:block}.embed .calculator-shell{width:100%;margin:0}.embed{background:transparent}.display-fraction{display:inline-flex;flex-direction:column;text-align:center;line-height:1.1;font-size:.8em;vertical-align:middle;padding:0 5px}.display-fraction span:first-child{border-bottom:1px solid;padding:0 3px}.display-fraction span:last-child{padding:1px 3px}.lcd .plainseq{display:inline}.plainfrac{display:inline-flex}.plainfrac .frac{display:inline-flex;flex-direction:row;margin:0}.plainfrac .num,.plainfrac .den{border:0;padding:0}.plainfrac .num:after{content:'/'}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}@media(max-width:900px){.workbench{gap:24px;grid-template-columns:400px 1fr}.calculator-shell{width:400px;padding:20px 18px}.keypad{gap:4px 9px}.intro{gap:24px}.headernote{display:none}header{justify-content:space-between}}@media(max-width:720px){main{padding:24px 14px}.intro{display:block}.intro h1{font-size:30px}.workspace-mode{margin-top:18px;width:100%}.workbench{display:flex;flex-direction:column;align-items:center}.calculator-shell{width:min(100%,400px)}aside{width:100%}.keypad{gap:4px 8px}.keyslot{height:45px}.dpad{height:90px;width:116px}.key{height:30px}.integration{gap:12px}.headernote{display:none}header{padding:14px;gap:10px}.brand{font-size:11px;letter-spacing:1px}header .subtle{font-size:10px;padding:9px}.embed main{padding:5px}.lcd{height:165px;min-height:165px}.calculator-shell{border-radius:28px 28px 55px 55px}#screencontent{height:125px}}@media(max-width:355px){.calculator-shell{padding:16px 12px}.keypad{gap:3px 5px}.dpad{width:98px}.model-label strong{font-size:20px}.solar{width:80px}.secondary-label{font-size:8px}.key.number{font-size:20px}}
