.calculator__button{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2em;color:#111;border:1px solid #7f7f7f;margin:0;padding:0;background:hsla(0,0%,87%,.878);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(hover:hover){.calculator__button:hover{background:hsla(0,0%,78%,.878)}}.calculator__button:active{background:hsla(0,0%,67%,.878)}.calculator__button--op{background:hsla(96,57%,80%,.878)}@media(hover:hover){.calculator__button--op:hover{background:hsla(96,57%,70%,.878)}}.calculator__button--op:active{background:rgba(141,211,95,.878)}.calculator__button--submit{background:rgba(113,200,55,.878)}@media(hover:hover){.calculator__button--submit:hover{background:rgba(90,160,44,.878)}}.calculator__button--submit:active{background:rgba(68,120,33,.878)}.calculator__button:after,.calculator__button:before{content:"";display:inline-block;width:1px;height:0;padding:80% 0 0 0}.calculator__button sup{position:relative;top:-.5em;font-size:.6em}.calculator{--gap:7px;--bd-filter:blur(3px);flex:1 0 0;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;font-size:calc(var(--gap)*2);max-width:640px;max-height:100vh;padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.calculator__display{font-size:1.6em;display:block;padding:var(--gap);text-align:right;color:#fff;background-color:hsla(0,0%,7%,.878);-webkit-backdrop-filter:var(--bd-filter);backdrop-filter:var(--bd-filter)}.calculator__problem{font-size:.6em;line-height:1em;padding:var(--gap);min-height:calc(1em + var(--gap)*2);color:#ccc}.calculator__answer{padding:var(--gap);line-height:calc(var(--gap)*5)}.calculator__answer--large{font-size:1.5em}.calculator__answer--medium{font-size:1.1em}.calculator__answer--small{font-size:.9em}.calculator__answer--xsmall{font-size:.7em}.calculator__buttons{display:grid;grid-template-rows:repeat(4,25%);grid-template-columns:repeat(6,1fr);grid-template-areas:"n7 n8 n9 ce c back" "n4 n5 n6 pow div sub" "n1 n2 n3 sqr mul add" "sign n0 dec sqrt per solve";-webkit-backdrop-filter:var(--bd-filter);backdrop-filter:var(--bd-filter)}@media(min-height:420px){.calculator{max-width:420px}.calculator__buttons{grid-template-rows:repeat(6,16.6666%);grid-template-columns:repeat(4,1fr);grid-template-areas:"per ce c back" "sqrt sqr pow div" "n7 n8 n9 mul" "n4 n5 n6 sub" "n1 n2 n3 add" "sign n0 dec solve"}}@media(min-width:360px){.calculator{--gap:9px}}@media(min-width:420px){.calculator{--gap:10px}}*{box-sizing:border-box}html{font-size:16px;font-family:Varela Round,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;position:relative;background-color:#f3f3f3;background-image:url(/img/360x640.c6854a28.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}body,html{padding:0;margin:0;height:100%;overflow:hidden}body{background:none}#app{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;left:0;bottom:0}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email],input[type=file],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{display:block;width:100%;font-size:1.1rem;font-family:Arial,sans-serif;padding:.4rem .6rem;border-radius:0;border:1px solid #7f7f7f;background-color:#fff;box-shadow:none}input[type=file]{font-size:1em}select{white-space:nowrap}input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{font-size:.8rem;color:#999;opacity:1}input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:.8rem;color:#999;opacity:1}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{font-size:.8rem;color:#999;opacity:1}.button{display:inline-block;font-size:1em;font-family:inherit;text-decoration:none;border:none;border-radius:0;padding:.6em 1em;margin:.2em 0;text-align:center;vertical-align:middle;box-shadow:none;background-color:rgba(113,200,55,.878);background-size:100%;transition:background-color .6s,transform .4s,opacity .4s!important;overflow:hidden;cursor:pointer}@media(hover:hover){.button:hover{background-color:rgba(90,160,44,.878)}}.button:active{background-color:rgba(68,120,33,.878);transform:scale(.92);transition:none!important}.button[disabled]{opacity:.5;pointer-events:none}.button-set{display:flex;flex-wrap:wrap;gap:.2em}.button-set .button{flex:1 0 calc(50% - 0.2em)}label{display:block;font-size:.9em}@media(min-width:360px){html{background-image:url(/img/540x960.ccbf4290.jpg)}}@media(min-width:540px)and (orientation:portrait){html{background-image:url(/img/720x1280.198ef61d.jpg)}}@media(min-width:540px)and (orientation:landscape){html{background-image:url(/img/720x480.a5d4ff91.jpg)}}@media(min-width:720px){html{background-image:url(/img/1024x1821.bf555c9e.jpg)}}@media(min-width:1024px){html{background-image:url(/img/1280x853.151b1b58.jpg)}}@media(min-width:1280px){html{background-image:url(/img/1920x1280.2f3b80ed.jpg)}}@media(min-width:1920px){html{background-image:url(/img/2560x1707.9da830bd.jpg)}}@media(min-width:2560px){html{background-image:url(/img/3840x2560.6a59e8a6.jpg)}}.error-page{z-index:2000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;left:0;bottom:0}.error-page .error-card{width:80%;max-width:480px;margin:2rem auto;padding:2rem;text-align:center;background-color:hsla(0,0%,100%,.878);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.error-page .error-card p{margin:0}.error-page .error-card .error-icon{display:block;width:30%;height:auto;margin:2rem auto}