:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2ead8;background:#171816;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button{font:inherit}nextjs-portal{pointer-events:none;display:none}.app-shell{background:linear-gradient(135deg,#ffffff14,#0000 34%),linear-gradient(#282923,#121312);place-items:center;min-height:100vh;padding:12px;display:grid}.calculator{background:linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/4px 100%,linear-gradient(#ffffff2e,#0000 18%),linear-gradient(160deg,#716d60 0%,#474a42 42%,#191b18 100%);border:1px solid #666459;border-radius:20px 20px 32px 32px;grid-template-rows:auto auto auto auto 1fr;gap:10px;width:min(100%,430px);height:min(800px,100vh - 24px);min-height:700px;padding:20px 18px 22px;display:grid;box-shadow:0 26px 70px #00000080,inset 0 2px 3px #ffffff42,inset 0 -10px 20px #00000042}.brand-row,.mode-row{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.brand-mark{color:#f2e3c1;letter-spacing:0;font-size:.74rem}.model-mark{color:#f8e9cf;background:#a32231;border-radius:4px;padding:2px 8px;font-size:1.05rem;font-weight:700}.mode-row{color:#e0d0a8;grid-template-columns:1fr auto 18px;min-height:16px;font-size:.72rem}.display{color:#10180e;background:linear-gradient(#ffffff57,#0000 32%),#b8c0a5;border:5px solid #171915;border-radius:8px;align-items:end;min-height:112px;padding:12px 14px;display:grid;box-shadow:inset 0 4px 12px #0006,0 1px #ffffff47}output{text-align:left;overflow-wrap:anywhere;place-items:end start;min-height:72px;font-family:Courier New,monospace;font-size:clamp(1.05rem,8vw,2.42rem);line-height:1.05;display:grid}.menu-key-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-block:8px 4px;display:grid}.menu-key,.calc-key{cursor:pointer;border:0;min-width:0;font-weight:700;line-height:1}.menu-key{color:#f0e5cb;text-overflow:ellipsis;background:linear-gradient(#2b2d29 0%,#10120f 100%);border-radius:7px;min-height:46px;font-size:.7rem;overflow:hidden;box-shadow:0 5px #060706,0 8px 12px #00000061,inset 0 1px #ffffff2e}.physical-keypad{grid-template-rows:.86fr .92fr repeat(4,1fr);gap:10px;min-height:0;display:grid}.key-row{gap:10px;min-height:0;display:grid}.key-row-6{grid-template-columns:repeat(6,minmax(0,1fr))}.key-row-5{grid-template-columns:repeat(5,minmax(0,1fr))}.key-row-index-1{grid-template-columns:repeat(6,minmax(0,1fr))}.calc-key{color:#f4ead3;background:linear-gradient(#33332f,#171815 100%);border-radius:7px;grid-template-rows:1fr auto;place-items:center;min-height:46px;padding:6px 4px 5px;display:grid;position:relative;box-shadow:0 5px #070807,0 8px 13px #00000061,inset 0 1px #ffffff2e}.primary-legend,.shift-legend{text-align:center;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:visible}.calc-key:not(.operator-key):not(.shift-key):not(.input-key){color:#f4ead3}.calc-key .primary-legend{letter-spacing:0;font-size:clamp(.82rem,3.2vw,1.24rem);font-weight:700}.calc-key .shift-legend{color:#d7d0bd;min-height:.78rem;font-size:clamp(.55rem,2.6vw,.78rem);font-weight:500}.calc-key.shifted .primary-legend{color:#c9c1ae;font-size:clamp(.56rem,2.8vw,.8rem);font-weight:500}.calc-key.shifted .shift-legend{color:#fff2d5;font-size:clamp(.82rem,3.2vw,1.24rem);font-weight:700}.calc-key .primary-legend.long-legend,.calc-key.shifted .shift-legend.long-legend{font-size:clamp(.68rem,2.25vw,.86rem)}.calc-key .shift-legend.long-legend,.calc-key.shifted .primary-legend.long-legend{font-size:clamp(.5rem,2vw,.62rem)}.operator-key{color:#111619;background:linear-gradient(#c8ced3,#8c959d);box-shadow:0 5px #596269,0 8px 13px #00000057,inset 0 1px #ffffff85}.operator-key .shift-legend,.operator-key.shifted .primary-legend{color:#293034}.operator-key.shifted .shift-legend{color:#0d1214}.input-key{grid-column:span 2}.shift-key:after{content:"";background:#9ed8e3;border-radius:8px;width:58%;height:8px;box-shadow:0 0 0 1px #ffffff2e}.shift-key[aria-pressed=true]:after{background:#f1c75b}.calc-key:active,.menu-key:active{transform:translateY(3px);box-shadow:0 2px #070807,0 4px 8px #00000059}button:focus-visible{outline-offset:2px;outline:2px solid #e0bf67}@media (max-width:480px){.app-shell{padding:0}.calculator{border-radius:0;width:100%;height:100vh;min-height:640px;padding:16px 14px 18px}.menu-key-row,.physical-keypad,.key-row{gap:8px}}@media (max-width:360px){.calculator{padding-inline:10px}.menu-key,.calc-key .shift-legend,.calc-key.shifted .primary-legend{font-size:.55rem}}