@font-face{font-family:sf-pro;src:url(/assets/SF-Pro-Rounded-Black-6DTm7h6O.otf) format("woff2");font-weight:400;font-style:normal}:root{font-family:sf-pro;font-weight:700}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#000;overflow:hidden}.container{max-width:320px;margin:40px auto;background-color:#fdf6e6;border-radius:15px;box-shadow:0 4px 12px #0000001a}.display{border-radius:16px;padding:16px;margin-bottom:16px;overflow:hidden;transition:all .3s ease-in-out;height:100px;display:flex;flex-direction:column;justify-content:flex-end}.display-expression{font-size:18px;color:#9ca3af;opacity:0;transform:translateY(20px);transition:all .3s ease;height:24px;text-align:right}.display-expression.visible{opacity:1;transform:translateY(0)}.display-result.normal-mode{display:flex;justify-content:flex-start;align-items:center;font-size:36px;color:#111827;transition:all .3s ease}.display-result.result-mode{display:flex;justify-content:space-between;align-items:center;font-size:2rem;color:#111827;transition:all .3s ease}.equal{color:#b8f3d7;font-size:40px}.result-text{display:flex;justify-content:flex-end;font-size:2rem;flex:1}.btn{background:#fdf6e6;width:60px;height:60px;font-weight:700;box-shadow:3px 3px #000;border:1px solid black;border-radius:10px;padding:15px;font-size:1.5rem;cursor:pointer;transition:all .2s}.btn:hover{background:#d5d5d5}.btn:active{box-shadow:none}.keypad{padding:15px;background:#b8f3d7;border-radius:15px;box-shadow:0 4px 12px #0000001a}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}