@font-face{font-family:FiraSans;src:local("FiraSans-Regular"),url(/assets/FiraSans-Regular-BN6hITtY.ttf) format("truetype")}@font-face{font-family:Light;src:local("FiraSans-Light"),url(/assets/FiraSans-Light-P_jKZfWb.ttf) format("truetype")}@font-face{font-family:Bold;src:local("FiraSans-Bold"),url(/assets/FiraSans-Bold-N1IGzrdY.ttf) format("truetype")}@font-face{font-family:ExtraBold;src:local("FiraSans-ExtraBold"),url(/assets/FiraSans-ExtraBold-DUdlT-rt.ttf) format("truetype")}@font-face{font-family:ExtraLight;src:local("FiraSans-ExtraLight"),url(/assets/FiraSans-ExtraLight-CQldGacB.ttf) format("truetype")}.keypad{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;background:var(--col-primary);border-radius:.25rem;padding:.25rem}.keypad .basic-keys,.keypad .function-keys,.keypad .advanced-keys{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.25rem}.keypad .basic-keys .key,.keypad .function-keys .key,.keypad .advanced-keys .key{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;background:var(--col-window-bg);border:none;border-radius:.25rem;font-family:ExtraLight;min-width:1rem;color:var(--col-white);padding:.75rem}.keypad .basic-keys:not(:last-child):after,.keypad .function-keys:not(:last-child):after,.keypad .advanced-keys:not(:last-child):after{content:"";position:absolute;right:-7px;align-self:center;opacity:.2;width:3px;height:1rem;background:var(--col-window-bg);border-radius:1rem}.keypad .basic-keys .key{font-size:1rem}.keypad .function-keys .angle-convert{display:flex;gap:.2rem;color:var(--col-white-faded)}.keypad .function-keys .angle-convert hr{align-self:center;height:.5rem;opacity:.2;border-radius:1rem}.keypad .function-keys .angle-convert .current{color:var(--col-white)}.keypad .advanced-keys .focus-sup{color:var(--col-white-faded)}.keypad .advanced-keys .focus-sup sup{color:var(--col-white)}.keypad .advanced-keys .braces{display:flex;gap:.25rem;color:var(--col-white-faded)}.keypad .advanced-keys .braces .current{color:var(--col-white)}.keypad.cover{opacity:.5;transition:opacity .3s ease}.keypad.uncover{opacity:1;transition:opacity .3s ease}.keypad.hidden{position:absolute;pointer-events:none;visibility:hidden;transform:scaleY(.1)}.keypad.shown{position:relative;pointer-events:auto;animation-name:stretch-keypad-out;animation-duration:.2s;animation-timing-function:ease-in-out;transform-origin:top center;transition:transform .2s,opacity .3s ease}@keyframes stretch-keypad-out{0%{transform:scaleY(.1)}75%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.calculation-display{z-index:-1;color:var(--col-window-bg);background-color:var(--col-white, white);box-shadow:0 5px 3px var(--std-col-box-shadow);border-radius:.5rem;padding-inline:.75rem;padding-block:.5rem;display:grid;grid-template-columns:1fr 5rem}.calculation-display .display{cursor:text;overflow:hidden}.calculation-display .display .top-display{padding:0;margin:0;min-height:1.5em;font-weight:700;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.calculation-display .display .interaction{position:relative;display:flex;gap:.5rem;overflow:hidden}.calculation-display .display .interaction p{font-family:Bold;text-align:center;align-self:center}.calculation-display .display .interaction input{z-index:1;font-family:FiraSans;color:var(--col-window-bg);background:none;border:none;width:100%;font-size:1.5rem;-webkit-tap-highlight-color:transparent}.calculation-display .display .interaction input:focus{outline:none}.calculation-display .display .interaction input::placeholder{font-family:ExtraLight;opacity:.4;font-style:italic;color:var(--col-window-bg)}.calculation-display .display .interaction .bracket-preview{position:absolute;color:var(--col-window-bg);border:none;background:none;top:0;left:0;width:100%;font-size:1.5rem;font-family:FiraSans;opacity:.7;-webkit-user-select:none;user-select:none;z-index:0;white-space:pre;will-change:transform}.calculation-display .submission-area,.calculation-display .submission-area>*{transition:background-color .5s ease-out}.calculation-display .submission-area{display:grid;justify-content:center;align-items:center;border:none;border-radius:1rem;background:var(--col-secondary);box-shadow:3px 3px 3px #0003;overflow:hidden;position:relative}.calculation-display .submission-area:active{box-shadow:inset 2px 1px #00000040}.calculation-display .submission-area .angle-unit{position:absolute;color:var(--col-white);background:var(--col-secondary);text-shadow:0 1px 2px rgba(0,0,0,.25);top:.11rem;right:1rem;font-size:.6rem;font-family:ExtraLight}.calculation-display .submission-area .submit-icon{background:var(--col-secondary);color:var(--col-white, rgb(255, 255, 255));text-shadow:0 1px 1px rgba(0,0,0,.25);font-family:FiraSans;font-size:2rem}.calculation-display.submitted .submission-area,.calculation-display.submitted .submission-area>*{background:var(--col-accent);transition:background-color .5s ease-out}.calculation-display.submitted .submission-area .submit-icon,.calculation-display.submitted .submission-area>* .submit-icon{font-size:1.5rem;font-style:italic}.history-div{position:relative;display:grid;background:var(--col-white-faded)}.history-div.clearing{height:50vh}.history-div ul{padding:.5em .8em .5em .75em;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;list-style-type:none;max-height:50vh;display:grid;gap:.5rem}.history-div ul .item-enter{opacity:0;transform:translate(100%)}.history-div ul .item-enter-active{opacity:1;transform:translate(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.history-div ul .item-exit{transform:translate(0);opacity:1}.history-div ul .item-exit-active{transform:translate(-100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.history-div ul li{position:relative;display:grid;justify-content:center;grid-template-columns:1fr 2rem;gap:.25em;cursor:pointer;-webkit-user-select:none;user-select:none}.history-div ul li .history-part{display:grid;grid-template-columns:1rem 1fr;grid-template-rows:1rem 1fr;align-items:center;overflow-x:scroll;padding:.5em 0 0 .5em;border-radius:.5rem;color:var(--col-window-bg);background:var(--col-white-faded);box-shadow:0 0 1px var(--std-col-box-shadow)}.history-div ul li .history-part:hover{box-shadow:0 0 5px var(--std-col-box-shadow)}.history-div ul li .history-part:active{background:var(--col-secondary);color:var(--col-white)}.history-div ul li .history-part:active~.detail .index{color:var(--col-white)}.history-div ul li .history-part .operation{grid-column:span 2;font-family:ExtraBold;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;padding-right:1.1em}.history-div ul li .history-part span{font-size:1.3em;text-align:center;font-family:ExtraBold}.history-div ul li .history-part .result{font-size:1.3em;justify-self:start;text-align:center}.history-div ul li .history-part::-webkit-scrollbar{height:.3rem}.history-div ul li .history-part::-webkit-scrollbar-track{background:none}.history-div ul li .history-part::-webkit-scrollbar-thumb{background:var(--col-white-faded);border-radius:.5rem}.history-div ul li .detail{display:flex;align-items:center;justify-content:center;background:var(--col-accent);border-radius:.5rem;font-family:ExtraLight}.history-div ul li .detail>button{cursor:pointer}.history-div ul li .detail:hover{box-shadow:0 0 5px var(--std-col-box-shadow)}.history-div ul li .detail:active{background:var(--col-white)}.history-div ul li .detail:active .del-btn svg{color:var(--col-accent);fill:var(--col-accent)}.history-div ul li .detail .del-btn{width:100%;height:100%;background:none;border:none}.history-div ul li .detail .del-btn svg{color:var(--col-white);fill:var(--col-white);width:1.2rem;height:1.2rem;filter:drop-shadow(0px 1px var(--std-col-box-shadow))}.history-div ul li .detail .index{position:absolute;right:3rem;top:0;font-size:1.5em;font-family:Bold;font-style:italic;pointer-events:none;color:var(--col-window-bg);opacity:.5}.history-div ul::-webkit-scrollbar{width:.2rem}.history-div ul::-webkit-scrollbar-track{background-color:transparent}.history-div ul::-webkit-scrollbar-thumb{background:var(--col-tertiary);border-radius:.5rem;box-shadow:0 1px 1px #0000004d}.history-div ul::-webkit-scrollbar-thumb:hover{background:var(--col-window-bg)}.hidables{position:relative;width:clamp(15rem,60vw,50rem);justify-self:end;display:grid;grid-template-columns:1fr 3rem;gap:1rem}.hidables .history-div{overflow:hidden;border-radius:.5rem;box-sizing:border-box;-webkit-transition:max-height .5s ease,opacity .5s ease-in;transition:max-height .5s ease,opacity .5s ease-in}.hidables .history-div .no-history{min-height:2.5rem;text-align:center;display:grid;align-items:center;text-transform:uppercase;font-family:ExtraLight;font-size:1.2rem;color:var(--col-window-bg);background-color:var(--col-white-faded)}.hidables>button{cursor:pointer;position:absolute;bottom:0}.hidables .show-hide-btn,.hidables .clear-all-btn{display:grid;border:none;aspect-ratio:1/1;border-radius:100%;padding:.5rem;position:absolute;transition:transform .1s ease-in-out,background-color .5s ease,opacity .3s ease}.hidables .show-hide-btn svg,.hidables .clear-all-btn svg{width:3ch;height:3ch;stroke-width:.5}.hidables .show-hide-btn{bottom:0;right:.5rem;background:var(--col-tertiary)}.hidables .show-hide-btn .outer-circle{transform-origin:center;transform:rotate(360deg);transition:transform .5s ease-in-out}.hidables .clear-all-btn{bottom:3rem;right:.5rem;background:var(--col-white)}.hidables .clear-all-btn svg{color:var(--col-accent);stroke-width:3}.hidables .clear-all-btn:disabled svg{color:var(--col-white-faded)}.hidables.shown .show-hide-btn{box-shadow:3px 3px 3px #0003;animation-name:bounce-in;animation-duration:.3s;animation-timing-function:cubic-bezier(.23,1,.32,1)}.hidables.shown .show-hide-btn svg .outer-circle{transform:rotate(0)}.hidables.shown .show-hide-btn{color:var(--col-window-bg)}.hidables.shown .clear-all-btn:disabled{opacity:0}.hidables.shown .history-div{max-height:50vh}.hidables.shown .history-div ul{transition:opacity .3s ease-in}.hidables.shown .history-div .no-history{transition:opacity .3s ease-in;opacity:1}.hidables.hidden .show-hide-btn{background-color:var(--col-primary);box-shadow:inset 1px 1px 5px #0003;animation-name:bounce-out;animation-duration:.3s;animation-timing-function:cubic-bezier(.23,1,.32,1)}.hidables.hidden .show-hide-btn svg{color:var(--col-window-bg);fill:var(--col-window-bg)}@keyframes bounce-out{50%{transform:scale(.9)}to{transform:scale(1)}}.hidables.hidden .clear-all-btn{opacity:0;transform:scale(.1)}.hidables.hidden .history-div{max-height:1rem;align-self:end}.hidables.hidden .history-div ul{opacity:0;transition:opacity .5s ease-out}.hidables.hidden .history-div .no-history{transition:opacity .3s ease-in;opacity:0;-webkit-user-select:none;user-select:none}.preview-display{position:absolute;width:100%;padding-right:2.75rem;background:var(--col-window-bg);border:1px solid var(--col-white-faded);border-radius:.25rem;overflow:hidden;bottom:3.5rem;z-index:1000;animation-name:stretch-out;animation-duration:.2s;animation-timing-function:ease-in-out;opacity:1;transform-origin:top center;transition:transform .2s,opacity .3s ease}.preview-display.padded{bottom:-3rem}@keyframes stretch-out{0%{transform:scaleY(.1)}75%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.preview-list{z-index:1000;list-style-type:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;padding-inline:.5rem;padding-block:.25rem;padding-top:.5rem;display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:scroll;scrollbar-gutter:stable;background:var(--col-window-bg);border-radius:.25rem}.preview-list li{position:relative;border-radius:.25rem;font-family:Light;cursor:pointer;background:var(--col-white);max-width:min-content;color:var(--col-window-bg)}.preview-list li .display{white-space:nowrap;padding:.25rem 1rem}.preview-list li.selected{background:var(--col-secondary)}.preview-list li.selected .display{position:relative;color:var(--col-white);text-decoration:underline}.preview-list li:active{opacity:.5}.preview-list li:active.selected .display:after{content:""}.preview-list button{position:absolute;align-self:center;right:.25rem;background:none;border:none;cursor:pointer}.preview-list button .info-icon{font-size:2rem;fill:var(--col-primary);color:var(--col-window-bg);border-radius:1rem}.preview-list button:disabled .info-icon{fill:var(--col-accent)}.preview-list::-webkit-scrollbar{height:.2rem}.preview-list::-webkit-scrollbar-track{background-color:transparent}.preview-list::-webkit-scrollbar-thumb{background:var(--col-tertiary);border-radius:.5rem;box-shadow:0 1px 1px #0000004d}.information .modal-content{background:var(--col-window-bg)}.information .modal-content h2{margin-block:1rem;color:var(--col-tertiary)}.information ul{list-style-type:none;display:grid;gap:.5rem;padding:1rem .5rem;max-height:50vh;overflow-y:auto;border-radius:.25rem}.information ul li{display:grid;gap:.25rem;background:var(--col-secondary-faded);color:var(--col-white);padding:.75rem;border-radius:.5rem}.information ul li h3{color:var(--col-white)}.information ul li p{margin-left:1rem;color:var(--col-white)}.information ul::-webkit-scrollbar{width:.2rem}.information ul::-webkit-scrollbar-track{background-color:transparent}.information ul::-webkit-scrollbar-thumb{background:var(--col-tertiary);border-radius:.5rem;box-shadow:0 1px 1px #0000004d}.calculator{position:relative;display:grid;gap:.5rem;z-index:1000;border-radius:.5rem}.option-area{position:relative;transition:transform .2s ease-in-out}.option-area .option-form{position:absolute;top:2.5em;right:0;background:var(--col-white-faded);box-shadow:0 0 5px #0000004d;border-radius:.25rem}.option-area .option-form.shown{z-index:100000;opacity:1;visibility:visible;pointer-events:auto;transition:max-height .2s ease-in-out,opacity .2s ease-in-out,visibility 0s linear 0s}.option-area .option-form.shown ul>*{transition:opacity .2s ease-in-out;opacity:1}.option-area .option-form.hidden{z-index:auto;max-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .2s ease-in-out,opacity .5s,visibility 0s linear .5s}.option-area .option-form.hidden ul>*{opacity:0}.option-area .setting-btn{border:none;background:none;display:grid;transform:rotate(0);transition:transform .2s ease-in-out}.option-area .setting-btn svg{fill:var(--col-primary);width:2rem;height:2rem;margin:0}.option-area .setting-btn.shown{transform:rotate(180deg)}.option-area .setting-btn.shown svg{fill:var(--col-tertiary)}.option-area .setting-btn.shown svg .inside-circle{fill:var(--col-white)}.option-form.cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;border-radius:.25rem;z-index:1;pointer-events:none}.option-form>ul{list-style-type:none;padding:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.2rem;min-width:12rem;min-height:8rem}.option-form>ul li{position:relative;color:var(--col-white);background:var(--col-window-bg);min-height:3rem;border-radius:.25rem;padding:.5em;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;display:grid;align-content:end}.option-form>ul li p{position:absolute;top:0;left:.5em;font-size:.8em;font-family:Light;text-transform:uppercase}.list-type{z-index:10000;overflow-y:scroll;scrollbar-gutter:stable;position:absolute;left:0;right:0;top:3.5rem;width:8rem;display:grid;justify-self:center;gap:.25em;background:var(--col-primary);box-shadow:0 0 5px #0000004d;border:1px solid var(--col-primary);border-radius:.25rem;padding:.3rem .2rem .3rem .35rem}.list-type.hidden{max-height:0;opacity:0;visibility:hidden;transition:max-height .2s ease-in-out,opacity .5s,visibility 0s linear .5s}.list-type.shown{max-height:10em;opacity:1;visibility:visible;transition:max-height .2s ease-in-out,opacity .3s ease-in-out,visibility 0s linear 0s}.list-type div{padding:.7rem .5rem;border-radius:.25rem;background:var(--col-window-bg);font-size:.9em;text-transform:capitalize}.list-type div:hover{color:var(--col-white)}.list-type div.current{color:var(--col-white);background:var(--col-secondary);box-shadow:inset 5px 5px 10px var(--col-secondary),inset -5px -5px 10px var(--col-secondary)}.list-type::-webkit-scrollbar{width:.2rem}.list-type::-webkit-scrollbar-track{background-color:transparent}.list-type::-webkit-scrollbar-thumb{background:var(--col-tertiary);border-radius:.5rem;box-shadow:0 1px 1px #0000004d}.slider-type{display:grid;grid-template-columns:1em 1fr 1em;align-items:center;gap:.25rem}.slider-type>button{display:flex;cursor:pointer;border:none;background:none}.slider-type>button.prev-button{transform-origin:center;transform:rotate(180deg)}.slider-type>button svg{align-self:end;fill:var(--col-primary);width:1em;height:1em}.slider-type>button:hover svg,.slider-type>button:active svg{fill:var(--col-white)}.slider-type .selected-option{font-family:Light;background:var(--col-primary);color:var(--col-window-bg);border-radius:.25rem;padding:.25rem}header{display:flex;justify-content:space-between;align-items:center;position:relative}header h1{color:var(--col-primary);font-family:ExtraBold;font-size:2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease;font-size:1em}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-overlay.hidden{opacity:0;pointer-events:none;z-index:-10000}.modal-content{background:var(--col-white);color:var(--col-window-bg);padding:1em;border-radius:.25rem;max-width:500px;width:100%;box-shadow:0 2px 10px #0003}.modal-content.visible{animation-name:bounce-in;animation-duration:.3s;animation-timing-function:cubic-bezier(.165,.84,.44,1);opacity:1}@keyframes bounce-in{50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-content.hidden{transform:scale(.9);opacity:0;transition:transform .5s,opacity .3s ease}.modal-content h2{margin-top:0}.modal-content p{font-family:ExtraLight}.modal-content .modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1em}.modal-content .modal-buttons button{font-size:1em;padding:.5em 1em;border:none;border-radius:.3rem;cursor:pointer;font-family:ExtraBold}.modal-content .modal-buttons .confirm-btn{background-color:var(--col-accent);color:var(--col-white)}.modal-content .modal-buttons .cancel-btn{background-color:var(--col-primary);color:var(--col-window-bg)}@media screen and (max-width: 650px){header{font-size:.8rem}main .calculator{width:clamp(15rem,80vw,80rem)!important;font-size:.8rem}main .calculator{width:clamp(15rem,80vw,90rem)}.hidables{width:clamp(15rem,80vw,50rem)!important}.keypad .function-keys .angle-convert{position:relative;display:flex}.keypad .function-keys .angle-convert hr{display:none}.keypad .function-keys .angle-convert p:not(.current){display:none}.keypad .function-keys .angle-convert .current{justify-self:center;align-self:center}.keypad .key{padding:none}.keypad .key .angle-convert{gap:0;font-size:.75rem}.preview-display{bottom:3.75rem}}@media screen and (max-width: 360px){main{align-items:center}main .calculator{margin-inline:1rem!important;width:auto!important}header .option-form{right:-1rem!important;margin-top:.5rem}header .option-form ul{font-size:.85rem;min-width:10rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}.default-theme{--col-window-bg: #1F3333;--col-primary: #B2B59B;--col-secondary: #008989;--col-tertiary: #bf8935;--col-accent: #c05746;--col-white: white;--std-col-box-shadow: hsla(0, 0%, 0%, .3);--col-white-faded: rgba(255, 255, 255, .5);--col-window-bg-faded: rgba(31, 51, 51, .3);--col-secondary-faded: rgba(0, 137, 137, .3)}.light-theme{--col-window-bg: #F4EDEA;--col-primary: #dfb385;--col-secondary: #F4DFCC;--col-tertiary: #5f7055;--col-accent: #F79489;--col-white: rgb(122, 89, 79);--std-col-box-shadow: hsla(0, 0%, 0%, .3);--col-white-faded: rgba(122, 89, 79, .6);--col-window-bg-faded: rgb(244, 237, 234, .3);--col-secondary-faded: rgba(244, 223, 204)}.dark-theme{--col-window-bg: #1d1b20;--col-primary: #ded7e1;--col-secondary: #615b71;--col-tertiary: #ffd8e4;--col-accent: #b3261e;--col-white: #fef7ff;--std-col-box-shadow: hsla(0, 0%, 0%, .3);--col-white-faded: rgba(254, 247, 255, .6);--col-window-bg-faded: rgba(29, 27, 32, .3);--col-secondary-faded: rgba(97, 91, 113, .3)}*{padding:0;margin:0;box-sizing:border-box}main{position:relative;font-family:FiraSans,monospace;background:var(--col-window-bg);display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding-bottom:env(safe-area-inset-bottom)}main .calculator,main header{margin-block:3rem;margin-inline:auto}main header{width:clamp(15rem,80vw,90rem)}main .calculator{width:clamp(15rem,60vw,80rem)}main .calculator .hidables{width:clamp(15rem,50vw,35rem)}.calculator{margin-bottom:env(safe-area-inset-bottom)}.calculator.padded{margin-bottom:calc(env(safe-area-inset-bottom) + 5.75rem)}html{scroll-padding-bottom:env(safe-area-inset-bottom)}