Kalkulator Pro

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate an interactive calculator app titled “Kalkulator Pro,” with all visible UI text in Indonesian. It is a polished single-screen calculator rather than an arcade game: center a tall, narrow calculator card on a responsive viewport, with no scrolling page and the card able to compact itself on short screens. Use a premium dark glassmorphism aesthetic: deep navy/black background with a subtle 28px square grid, purple glow in the upper-left, cyan glow toward the lower-right, and a very faint animated diagonal light sweep. The main card is approximately 390px wide, rounded about 32px, semi-transparent navy with a blurred glass effect, thin pale border, inner highlight, large soft shadow, and a purple glow near its upper-right corner. Include a light theme toggle that changes the background and card/display/key palette to pale blue-white while retaining purple accents, and persist the selected theme.

At the top of the card, create a header with a gradient rounded-square brand mark showing the division symbol “÷” in white, followed by the title “Kalkulator Pro” and subtitle “Lengkap, cepat, dan bergaya.” On the right place a sun-style button labeled “☼” for toggling dark/light mode and a rounded “Riwayat” button for showing or hiding calculation history. Below it, make a large dark inset display with rounded corners; align values to the right, show a small muted expression line above the main result, and show the current result in a large bright white-to-lavender-to-cyan gradient. Start with result 0 and no expression.

Implement the calculator controls and exact behavior. Under the display, add a five-column memory row with buttons MC, MR, M+, M−, and MS. MC clears memory; MR recalls memory into the current value; M+ adds the current numeric value to memory; M− subtracts it; MS stores the current value. Persist memory in local storage. The main keypad is a four-column grid: first row AC, backspace (⌫), %, and division (÷); then 7/8/9/×, 4/5/6/−, 1/2/3/+; final row has a two-column-wide 0, decimal point, and equals (=). Use rounded raised navy keys with subtle gradient, inset highlight and shadow; function labels are muted light gray, AC is pink/red, operators are purple, and equals has a vivid purple-blue gradient with glow.

Calculator logic: enter digits, replacing the initial 0 and limiting the current string to 16 characters; support one decimal point and decimal input. AC resets current value to 0, pending operator, previous value, and waiting state. Backspace removes the last digit unless waiting for a new operand or the display is Error. Selecting +, −, ×, or ÷ stores the current number and pending operator; selecting another operator while waiting replaces the operator; if a previous operation is pending, evaluate it first. Equals evaluates the pending binary operation, clears the pending operation, puts the result into the display, and sets the next digit to begin a new operand. Division by zero and non-finite results display “Error.” Round ordinary operation results to at most 10 decimal places. The percent button divides the current value by 100. Format displayed/history numbers using Indonesian locale grouping with up to 10 fractional digits. Support keyboard input: number keys, period, Enter or = for equals, Escape for clear, Backspace, %, and +, -, *, / mapped to the visible operators.

Add a hidden scientific panel toggled by the footer button labeled “Ilmiah”; when opened it appears as a four-column grid above the normal keypad, and the button label changes to “Standar.” Its buttons are x², √x, 1/x, x!, sin, cos, tan, log, ln, π, e, and ±. Apply scientific operations to the current number and then wait for a new operand. Use degrees for sin/cos/tan. Square, square root (Error for negative), inverse (Error for zero), factorial (Error for negative, non-integer, or above 170), base-10 log and natural log (Error for nonpositive), constants π and e, and sign toggle are required. Round finite scientific results to 10 decimal places; invalid/non-finite results show Error. Keep the footer text “Mode ilmiah • Keyboard aktif” and place the Ilmiah/Standar toggle at its right.

When “Riwayat” is opened, reveal a compact history section below the footer with a divider, heading “Perhitungan terakhir,” red/pink “Hapus semua” action, and rows showing the formatted expression on the left and bold result on the right. On each successful equals calculation, prepend an entry such as “7 + 3” and its result; retain only the latest 20 entries and persist them in local storage. “Hapus semua” empties the history. The interface should be touch-friendly with press/hover feedback, slight scale-down on activation, responsive typography, and compact key/display sizes on short screens. Preserve the clean portrait layout and do not add unrelated game mechanics, enemies, scoring, timers, or animations beyond the subtle background sweep and UI transitions visible in this design.