.calculator{background-color:#222;border:2px solid #bbb;border-radius:12px;width:270px;margin:20px;padding:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:4px 4px 10px #0000004d}.calculator-display{color:#fff;text-align:right;background:#000;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-end;min-height:80px;margin-bottom:12px;padding:12px;font-size:28px;font-weight:700;display:flex;box-shadow:inset 2px 2px 5px #fff3}.calculator-formula{color:#888;min-height:20px;font-size:18px}.calculator-result{font-size:32px;font-weight:700}.button-row{justify-content:space-between;margin-bottom:8px;display:flex}.button{color:#f1f1f1;cursor:pointer;background-color:#333;border:none;border-radius:8px;justify-content:center;align-items:center;width:58px;height:50px;margin:2px;font-size:18px;font-weight:700;transition:all .2s;display:flex;box-shadow:2px 2px 4px #0003}.button:hover{background-color:#444;transform:scale(1.07)}.button:active{background-color:#555;box-shadow:inset 2px 2px 4px #0000004d}.equals{color:#fff;background-color:#0078d7}.equals:hover{background-color:#005a9e}.button.number{background-color:#444}.button.number:hover{background-color:#555}.button.operator{color:#fff;background-color:#ff9800}.button.operator:hover{background-color:#e68900}.button[data-value=C]{color:#fff;background-color:#f44336}.button[data-value=C]:hover{background-color:#d32f2f}.button[data-value="1/x"],.button[data-value=x\^2],.button[data-value=sqrt]{font-size:14px}