@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap";:root{font-size:16px}*{box-sizing:border-box;padding:0;margin:0}html,body{height:100%}body{display:flex;justify-content:center;align-items:center;font-family:Noto Sans,sans-serif;color:#2b303b;background-color:#8985ff}.calculator{display:grid;grid-template-rows:228px 1fr;grid-template-columns:1fr;justify-content:normal;align-content:normal;gap:0px;position:relative;overflow:hidden;height:100svh;width:100%;max-width:600px;background-color:#f5f5ff}.screen{display:grid;grid-template-rows:1fr 1fr;gap:16px;align-items:center;padding:62px 24px 24px;border-radius:0 0 16px 16px;background-color:#dde;text-align:right}.screen .expression{height:100%;font-size:1.618rem;letter-spacing:2px;word-break:break-all;overflow-y:auto;scrollbar-width:thin;scrollbar-color:grey transparent}.screen .expression::-webkit-scrollbar{width:4px}.screen .expression::-webkit-scrollbar:horizontal{height:3px}.screen .expression::-webkit-scrollbar-track{background:transparent}.screen .expression::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px}.screen .constant{font-size:2.617924rem;letter-spacing:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:grey transparent}.screen .constant::-webkit-scrollbar{width:4px}.screen .constant::-webkit-scrollbar:horizontal{height:3px}.screen .constant::-webkit-scrollbar-track{background:transparent}.screen .constant::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px}.screen .evaluation{grid-row:span 2;font-size:2.617924rem;word-break:break-all;overflow-y:auto;scrollbar-width:thin;scrollbar-color:grey transparent}.screen .evaluation::-webkit-scrollbar{width:4px}.screen .evaluation::-webkit-scrollbar:horizontal{height:3px}.screen .evaluation::-webkit-scrollbar-track{background:transparent}.screen .evaluation::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px}.screen .error{color:#da1e37;font-size:3.3300157929rem;word-break:normal}.button{border:none;border-radius:16px;aspect-ratio:1/1;font-family:Noto Sans,sans-serif;font-size:1.618rem;background-color:#e6e6ff;outline:none;-webkit-tap-highlight-color:transparent}@media (hover: hover){.button:hover{cursor:pointer;background-color:#d8d6ff}}.button:active,.button.active{background-color:#c9c7ff}.button svg{pointer-events:none}.button.ac{grid-column:1/4;aspect-ratio:3.1/1}.button.operator{background-color:#d8d6ff}@media (hover: hover){.button.operator:hover{cursor:pointer;background-color:#c9c7ff}}.button.operator:active,.button.operator.active,.button.equal{background-color:#bab8ff}@media (hover: hover){.button.equal:hover{cursor:pointer;background-color:#aba8ff}}.button.equal:active,.button.equal.active{background-color:#9c99ff}.controls{display:grid;grid-template-columns:repeat(4,minmax(32px,100px));align-content:center;justify-content:center;gap:4px;height:100%;padding:24px}.history{position:absolute;top:0%;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:0px;height:100%;width:100%;background-color:#f5f5ff;transition:left .25s linear}.history.open{left:0%}.history.closed{left:100%}.history .header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:16px;padding:24px;border-radius:0 0 16px 16px;background-color:#d8d6ff;font-size:1.618rem}.history .header .back-icon,.history .header .trash-icon{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:0px;font-size:1.618rem;width:38px;height:38px;border-radius:24px;cursor:pointer;transition:background .15s;outline:none;-webkit-tap-highlight-color:transparent}.history .header .back-icon:active,.history .header .trash-icon:active{background-color:#bab8ff}.history .header .trash-icon{margin-left:auto}.history .list{list-style-type:none;font-size:1.618rem;scrollbar-width:thin;scrollbar-color:grey transparent;overflow-y:scroll;text-align:right}.history .list::-webkit-scrollbar{width:4px}.history .list::-webkit-scrollbar:horizontal{height:3px}.history .list::-webkit-scrollbar-track{background:transparent}.history .list::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px}.history .list li{padding:16px 24px;word-break:break-all;border-radius:16px;color:#6c7993;transition:background .15s}.history .list li:active,.history .list li:hover{background-color:#dde;cursor:pointer}.history .list li .result{display:block;color:#2b303b}.history-icon{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:0px;font-size:1.618rem;width:38px;height:38px;border-radius:24px;cursor:pointer;transition:background .15s;outline:none;-webkit-tap-highlight-color:transparent;position:absolute;top:24px;left:24px;font-size:32px}.history-icon:active{background-color:#bab8ff}.history-icon:hover{cursor:pointer}@media screen and (min-width: 600px){.calculator{margin:0 auto;border-radius:16px;box-shadow:0 2px 8px -2px #0600c2;max-height:700px;max-width:360px}.calculator .screen{border-radius:16px}}