.hero-art.interactive-hero-art{position:static;width:100%;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:auto;overflow:visible}.basic-calculator{width:100%;max-width:340px;padding:20px;background:#dadbd2;color:#262a24;border:1px solid #b1b4a6;border-bottom:5px solid #a7aa9c;border-radius:16px;box-shadow:0 16px 28px rgba(37,40,31,.14),inset 0 1px 0 #f1f2eb;isolation:isolate}.basic-calculator:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.basic-calculator-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 2px 10px}.basic-calculator-top>span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.calculator-backspace{display:grid;place-items:center;width:32px;height:28px;padding:4px;border-radius:5px;background:rgba(0,0,0,0);color:#505648}.calculator-backspace:hover{background:#c5c8bb}.basic-display{display:flex;flex-direction:column;justify-content:space-between;text-align:right;gap:8px;padding:14px 16px;min-height:92px;border:2px solid #8b927c;border-radius:6px;background:#c6cfaf;color:#283022;box-shadow:inset 0 3px 7px rgba(41,49,31,.16)}.basic-display output{font-family:Courier New,monospace;font-size:36px;font-weight:700;line-height:1.1;letter-spacing:-1px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#283022}.basic-display.has-error{border-color:#9e4435;background:#e5c9b9}.basic-expression{font:11px Courier New,monospace;min-height:14px;color:#46513a;overflow:auto;white-space:nowrap;max-width:100%;scrollbar-width:none}.basic-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.basic-keys button{display:grid;place-items:center;min-height:44px;padding:0;border-radius:6px;border:1px solid #33372f;border-bottom:3px solid #272b24;background:#41463c;color:#faf9f1;font-size:18px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:background .12s ease,transform .12s ease}.basic-keys button:hover{background:#515748}.basic-keys button:active{transform:translateY(2px)}.basic-keys button:focus-visible{outline:2px solid #94421e;outline-offset:3px;z-index:1}.basic-keys button.utility{font-size:14px;color:#30362b;background:#bcc0b1;border-color:#9a9f8d #9a9f8d #919784}.basic-keys button.utility:hover{background:#cbd0c0}.basic-keys button.operation{background:#747d65;border-color:#616b53;color:#fffdf5;font-size:21px}.basic-keys button.operation:hover{background:#626d52}.basic-keys button.equals{grid-column:span 2;background:#ac512c;border-color:#8a3f20 #8a3f20 #79391f;color:#fffaf2;font-size:23px}.basic-keys button.equals:hover{background:#974321}.basic-calculator-help{color:#52594a!important;font-size:10px!important;text-align:center;line-height:1.5!important;margin:14px 0 0!important;min-height:15px}.basic-calculator-help.calculator-error{color:#943a2a!important}html[data-theme=dark] .basic-calculator{background:#3e4438;border-color:#58614e #58614e #242a21;color:#edeee4;box-shadow:0 16px 28px rgba(0,0,0,.22),inset 0 1px 0 #59624d}html[data-theme=dark] .basic-calculator .calculator-backspace{color:#c7cdbb}html[data-theme=dark] .basic-calculator .calculator-backspace:hover{background:#515a47}html[data-theme=dark] .basic-calculator .basic-calculator-help{color:#c1c9b5!important}html[data-theme=dark] .basic-calculator .basic-calculator-help.calculator-error{color:#f3b5a5!important}@media(max-width:760px){.basic-calculator{max-width:330px}}@media(prefers-reduced-motion:reduce){.basic-keys button{transition:none}}