.calculator{-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#000;flex-direction:column;width:100%;max-width:375px;min-height:100vh;padding:0 16px 24px;display:flex}.calculator-display{flex:1;justify-content:flex-end;align-items:flex-end;min-height:140px;padding:20px 8px;display:flex;overflow:hidden}.display-value{color:#fff;word-break:break-all;text-align:right;font-weight:300;line-height:1}.calc-display-large{font-size:88px}.calc-display-medium{font-size:70px}.calc-display-small{font-size:56px}.calc-display-xsmall{font-size:44px}.calculator-buttons{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.calc-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:80px;height:80px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:34px;font-weight:400;transition:opacity .1s,transform .1s;display:flex}.calc-btn:active{opacity:.7;transform:scale(.95)}.calc-btn.digit{color:#fff;background-color:#333}.calc-btn.digit:hover{background-color:#444}.calc-btn.digit:active{background-color:#737373}.calc-btn.zero{border-radius:40px;grid-column:span 2;justify-content:flex-start;width:174px;padding-left:32px}.calc-btn.function{color:#000;background-color:#a5a5a5}.calc-btn.function:hover{background-color:#b5b5b5}.calc-btn.function:active{background-color:#d9d9d9}.calc-btn.operator{color:#fff;background-color:#ff9500}.calc-btn.operator:hover{background-color:#fa3}.calc-btn.operator:active{background-color:#cc7a00}.calc-btn.operator.active{color:#ff9500;background-color:#fff}@media (max-width:400px){.calculator{padding:0 10px 16px}.calculator-buttons{gap:12px}.calc-btn{width:72px;height:72px;font-size:30px}.calc-btn.zero{border-radius:36px;width:156px;padding-left:28px}.calc-display-large{font-size:72px}.calc-display-medium{font-size:58px}.calc-display-small{font-size:46px}.calc-display-xsmall{font-size:38px}}@media (min-width:401px) and (max-width:500px){.calc-btn{width:76px;height:76px;font-size:32px}.calc-btn.zero{border-radius:38px;width:166px;padding-left:30px}}@media (min-height:700px){.calculator{justify-content:flex-end;padding-top:40px}.calculator-display{min-height:160px}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.calc-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}