body{background-color:#e4e4e4;flex-direction:column;max-width:50em;height:100%;margin:0 auto;display:flex}*{box-sizing:border-box}.titleContainer{background-color:#e4e4e4;height:7vh}.titleContainer div{justify-content:space-between;margin-top:2vh;padding:0 2vh;display:flex}.titleContainer div .historyBtn{cursor:pointer;background-color:#fff;border:none;border-radius:5px;padding:.5em;font-family:sans-serif}.titleContainer div span .github{width:2rem}.calculationContainer{text-align:right;background-color:#e4e4e4;width:100%;min-width:0;height:20vh;padding-right:3vh;font-family:sans-serif}.calculationContainer .calculation{white-space:nowrap;min-width:0;height:2em;font-size:3vh;overflow-x:auto}.calculationContainer .result{white-space:nowrap;min-width:0;font-size:5.5vh;font-weight:700;overflow-x:auto}.historyContainer{height:3em}.buttonContainer{grid-template-columns:25% 25% 25% 25%;height:72.8vh;display:grid}.buttonContainer .item1{grid-column:1/3}.buttonContainer .clear{grid-column:3/5}.buttonContainer button{background-color:#eee;border:none;border-radius:.4rem;margin:.2vh;padding:2vh;font-size:4vh;transition:all .1s ease-in}.buttonContainer button:hover{cursor:pointer}.buttonContainer button:active{background-color:#ebebeb;transform:scale(.98);box-shadow:0 0 3px #4d4d4d}.buttonContainer button:focus{outline:0}.buttonContainer button img{max-width:100%;position:relative}.buttonContainer .plusMinus{background-image:url(../images/clear.png);background-position:50%;background-repeat:no-repeat;background-size:1.5em}.buttonContainer .numButton{background-color:#fafafa;font-weight:700}.buttonContainer .operationButton:active{color:#fff;background-color:#839aff}.btnStyle{border-color:#4d4d4d;box-shadow:0 0 3px #4d4d4d}.checkBtn{cursor:pointer;background-color:#e4e4e4;border:none;border-radius:5px;padding:.5em;display:none;position:absolute;right:4vh;box-shadow:0 0 2px #000}.checkBtn:hover{background-color:#fff}.alertDialog{border:none;border-radius:.75rem;width:min(90vw,24rem);padding:1.5rem;font-family:sans-serif;box-shadow:0 1rem 3rem #0004}.alertDialog::backdrop{background-color:#0006}.alertDialog h2{margin:0 0 .75rem;font-size:1.25rem}.alertDialog p{margin:0 0 1.5rem}.alertDialog form{justify-content:flex-end;display:flex}.alertDialog button{color:#fff;cursor:pointer;background-color:#3b5fff;border:none;border-radius:.4rem;padding:.6rem 1.25rem;font-size:1rem}.historyDialog{border:none;border-radius:.75rem;width:min(90vw,28rem);padding:1.5rem;font-family:sans-serif;box-shadow:0 1rem 3rem #0004}.historyDialog::backdrop{background-color:#0006}.historyDialog h2{margin:0 0 .75rem;font-size:1.25rem}.historyDialog .historyList{max-height:50vh;margin:0 0 1rem;padding:0;list-style:none;overflow-y:auto}.historyDialog .historyList li{overflow-wrap:anywhere;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.historyDialog .historyEmpty{margin:0 0 1rem}.historyDialog .historyList:not(:empty)+.historyEmpty{display:none}.historyDialog button{color:#fff;cursor:pointer;background-color:#3b5fff;border:none;border-radius:.4rem;padding:.4rem .9rem}.historyDialog form{justify-content:flex-end;display:flex}@media (prefers-color-scheme:dark){body,.titleContainer,.calculationContainer{color:#f5f5f5;background-color:#121212}.titleContainer div .historyBtn,.checkBtn{color:#f5f5f5;background-color:#303030}.titleContainer div span .github,.buttonContainer .plusMinus{filter:invert()}.buttonContainer button{color:#f5f5f5;background-color:#303030}.buttonContainer .numButton{background-color:#424242}.buttonContainer button:active{background-color:#555}.buttonContainer .operationButton:active{background-color:#5977ff}.btnStyle{border-color:#aaa;box-shadow:0 0 3px #aaa}.checkBtn:hover{background-color:#484848}.alertDialog,.historyDialog{color:#f5f5f5;background-color:#242424}.historyDialog .historyList li{border-bottom-color:#555}}