@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Patrick Hand,cursive,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light}body{min-height:100dvh;background:#faf8f0}#app{min-height:100dvh}.calculator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background:#faf8f0;padding:1rem;font-family:Patrick Hand,cursive}.calculator-body{width:100%;max-width:360px;border:3px solid #2a2a2a;border-radius:18px;padding:1.25rem;background:#fefcf3;box-shadow:4px 4px #2a2a2a,2px 2px #2a2a2a;position:relative}.calculator-body:before{content:"";position:absolute;inset:-5px;border:2px dashed #b0a890;border-radius:22px;pointer-events:none}.calculator-display{background:#e8e4d4;border:2px solid #2a2a2a;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;text-align:right;min-height:80px;display:flex;align-items:flex-end;justify-content:flex-end;box-shadow:inset 2px 2px 4px #0000001a;position:relative}.calculator-display:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 18px,#c8c4b4 18px,#c8c4b4 19px);border-radius:10px;pointer-events:none;opacity:.4}.calculator-display-text{font-size:3rem;color:#2a2a2a;line-height:1;word-break:break-all;position:relative;z-index:1}.calculator-display-text.small{font-size:2rem}.calculator-display-text.xsmall{font-size:1.4rem}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-btn{font-family:Patrick Hand,cursive;font-size:1.5rem;border:2.5px solid #2a2a2a;border-radius:50%;width:72px;height:72px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;position:relative;box-shadow:2px 2px #2a2a2a}.calc-btn:active{transform:translate(2px,2px);box-shadow:none}.calc-btn.number{background:#fefcf3;color:#2a2a2a}.calc-btn.number:hover{background:#f0ece0}.calc-btn.function{background:#d4cfc0;color:#2a2a2a}.calc-btn.function:hover{background:#c4bfb0}.calc-btn.operator{background:#e8843c;color:#fefcf3;border-color:#2a2a2a}.calc-btn.operator:hover{background:#d6742e}.calc-btn.operator.active{background:#fefcf3;color:#e8843c}.calc-btn.zero{grid-column:span 2;border-radius:36px;width:100%;justify-content:flex-start;padding-left:28px}.calculator-body:after{content:"";position:absolute;top:-14px;right:20px;width:40px;height:8px;background:#2a2a2a;border-radius:2px;transform:rotate(-3deg)}.calculator-doodle{position:absolute;width:16px;height:16px;border:2px solid #b0a890;border-radius:50%;opacity:.5}.calculator-doodle.top-left{top:-24px;left:12px}.calculator-doodle.bottom-right{bottom:-20px;right:16px}.calculator-title{font-size:1.4rem;color:#6a6550;margin-bottom:.75rem;text-align:center;letter-spacing:1px;transform:rotate(-1deg)}@media(max-width:400px){.calc-btn{width:64px;height:64px;font-size:1.3rem}.calculator-body{padding:1rem}.calculator-buttons{gap:8px}.calculator-display-text{font-size:2.5rem}.calculator-display-text.small{font-size:1.7rem}.calculator-display-text.xsmall{font-size:1.2rem}}