:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gb-shell:#cdd6a0;--gb-shell-dark:#8a9367;--gb-screen:#9bbc0f;--gb-screen-deep:#7a9c0c;--gb-screen-dark:#0f380f;--gb-key:#2a2d3a;--gb-key-shadow:#14161e;--gb-op:#b03060;--gb-op-shadow:#6a1c3a;--gb-equals:#d62828;--gb-equals-shadow:#7b1313;--gb-clear:#f4a261;--gb-clear-shadow:#a35d1f;--gb-extra:#4a90a4;--gb-extra-shadow:#245766;font-family:Courier New,ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{color:#e6e6e6;background:radial-gradient(circle at 30% 20%,#2b3147,#0000 60%),radial-gradient(circle at 70% 80%,#1d1633,#0000 60%),#0f1320;justify-content:center;align-items:center;padding:24px;display:flex}.calculator{background:linear-gradient(160deg, var(--gb-shell), var(--gb-shell-dark));border-radius:24px 24px 60px;width:min(340px,100%);padding:22px 18px 28px;position:relative;box-shadow:0 18px 40px #0000008c,inset 0 -4px #0003,inset 0 2px #ffffff59}.brand{letter-spacing:.25em;text-transform:uppercase;color:#3b3f2a;text-align:center;margin-bottom:10px;font-size:11px;font-weight:700}.display{background:linear-gradient(180deg, var(--gb-screen), var(--gb-screen-deep));color:var(--gb-screen-dark);text-align:right;letter-spacing:2px;text-shadow:0 0 2px #0f380f80;border:4px solid #3a3f2a;border-radius:8px;min-height:72px;margin-bottom:18px;padding:18px 16px;font-family:Courier New,monospace;font-size:36px;font-weight:700;line-height:1;display:block;overflow:hidden;box-shadow:inset 0 4px 12px #0000004d,inset 0 0 0 2px #0f380f26}.button-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.button{background:linear-gradient(180deg, var(--gb-key), var(--gb-key-shadow));color:#f5f5f5;cursor:pointer;box-shadow:0 4px 0 var(--gb-key-shadow), 0 6px 10px #00000059;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;padding:14px 0;font-family:inherit;font-size:20px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter 80ms}.button:hover{filter:brightness(1.1)}.button:focus-visible{outline-offset:2px;outline:2px solid #fff}.button:active{box-shadow:0 1px 0 var(--gb-key-shadow), 0 2px 4px #0000004d;transform:translateY(3px)}.button.op{background:linear-gradient(180deg, var(--gb-op), var(--gb-op-shadow));box-shadow:0 4px 0 var(--gb-op-shadow), 0 6px 10px #00000059}.button.equals{background:linear-gradient(180deg, var(--gb-equals), var(--gb-equals-shadow));box-shadow:0 4px 0 var(--gb-equals-shadow), 0 6px 10px #00000059}.button.clear{background:linear-gradient(180deg, var(--gb-clear), var(--gb-clear-shadow));color:#2b1d0a;box-shadow:0 4px 0 var(--gb-clear-shadow), 0 6px 10px #00000059}.button.extra{background:linear-gradient(180deg, var(--gb-extra), var(--gb-extra-shadow));box-shadow:0 4px 0 var(--gb-extra-shadow), 0 6px 10px #00000059}.button.zero{grid-column:span 2}@media (width<=360px){body{padding:12px}.calculator{padding:16px 12px 22px}.display{min-height:60px;padding:14px 12px;font-size:30px}.button{padding:12px 0;font-size:18px}.button-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.button{transition:none}}