*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{background-color:#181825;min-height:100vh;font-family:sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=480px){.app{align-items:stretch;min-height:100dvh}}.calculator{background-color:#1e1e2e;border-radius:16px;width:320px;padding:24px;box-shadow:0 8px 32px #0006}.calculator .display{box-sizing:border-box;color:#cdd6f4;text-align:left;white-space:pre-wrap;word-break:break-all;background-color:#11111b;border-radius:8px;width:100%;min-height:140px;margin-bottom:20px;padding:16px;font-family:Courier New,monospace;font-size:22px;line-height:1.5;overflow-y:auto}.calculator .display .placeholder{color:#45475a}.calculator .buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.calculator .buttons .button{cursor:pointer;border:none;border-radius:8px;padding:18px 0;font-size:18px;font-weight:500;transition:background-color .1s}.calculator .buttons .button.number{color:#cdd6f4;background-color:#313244}.calculator .buttons .button.number:hover{background-color:#45475a}.calculator .buttons .button.operator{color:#89b4fa;background-color:#45475a}.calculator .buttons .button.operator:hover{background-color:#585b70}.calculator .buttons .button.equals{color:#1e1e2e;background-color:#89b4fa;font-weight:700}.calculator .buttons .button.equals:hover{background-color:#b4befe}.calculator .buttons .button.wide{grid-column:span 2}@media (width<=480px){.calculator{box-shadow:none;border-radius:0;flex-direction:column;width:100%;height:100dvh;padding:16px;display:flex}.calculator .buttons{flex:1;grid-template-rows:repeat(5,1fr);align-content:stretch}.calculator .buttons .button{height:100%}}@keyframes button-press{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.calculator .buttons .button.pressed{animation:.18s ease-out button-press}