:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#app{min-height:100vh}.calc{background-color:var(--calc-bg,transparent);-webkit-user-select:none;user-select:none;cursor:grabbing;z-index:7;border-radius:5px;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;display:flex;overflow:hidden}.calc__display{flex-direction:column;justify-content:center;align-items:center;display:flex}.calc__history,.calc__output{text-align:right;-webkit-user-select:none;user-select:none;cursor:grabbing;color:#f8fbff;width:100%;min-height:40px;padding-right:10px;line-height:36px;overflow:hidden}.calc__output{border-bottom:1px solid #ffffff1a;font-size:34px}.calc__history{opacity:.7;font-size:24px}.calc__keyboard{grid-template-columns:repeat(4,1fr);width:100%;padding:7px;display:grid}.calc__key{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:0;min-width:60px;height:50px;padding:0;font-family:inherit;font-size:20px;font-weight:600;transition:all .25s;position:relative;transform:scale(1)}.calc__key:not(.calc__key--flat-bottom){border-bottom:1px solid #ffffff1a}.calc__key:not(.calc__key--flat-right){border-right:1px solid #ffffff1a}.calc__key:hover:before{content:"";opacity:.3;background-color:currentColor;position:absolute;inset:0}.calc__key:active{transform:scale(.9)}.calc__key--off,.calc__key--flip,.calc__key--copy{font-size:22px;font-weight:400}.calendar{background-color:var(--calendar-bg,transparent);-webkit-user-select:none;user-select:none;cursor:grabbing;z-index:7;border-radius:5px;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;padding:10px;display:flex;position:relative;overflow:hidden}.calendar--month-list-open{background-color:#0000}.calendar__header{color:#f8fbff;justify-content:space-between;align-items:center;padding:0;font-weight:600;display:flex}.calendar__month-picker{cursor:pointer;padding:10px;position:relative}.calendar__month-picker:after{content:"";opacity:0;will-change:opacity;background-color:#edf0f5;transition:opacity .2s linear;position:absolute;inset:0}.calendar__month-picker:hover:after{opacity:.4}.calendar__year-picker{align-items:center;display:flex}.calendar__year-value{color:#f8fbff}.calendar__year-change{cursor:pointer;border-radius:50%;place-items:center;width:35px;height:35px;margin:0 7px;display:grid;position:relative}.calendar__year-change:after{content:"";opacity:0;will-change:opacity;background-color:#edf0f5;border-radius:50%;transition:opacity .2s linear;position:absolute;inset:0}.calendar__year-change:hover:after{opacity:.4}.calendar__body{padding:0}.calendar__week-days{border-bottom:1px solid #fff3;grid-template-columns:repeat(7,1fr);height:40px;margin-bottom:5px;font-weight:400;display:grid}.calendar__week-day{color:#f8fbff;place-items:center;display:grid}.calendar__days{color:#f8fbff;grid-template-columns:repeat(7,1fr);display:grid}.calendar__day{cursor:pointer;justify-content:center;align-items:center;width:33px;height:33px;padding:0;font-weight:500;animation:1s forwards to-top;display:flex;position:relative}.calendar__day--empty{cursor:default;pointer-events:none}.calendar__day--today{background-color:#ffffff40;border-radius:50%}.calendar__day span{background-color:#f8fbff;transition:width .2s ease-in-out,height .2s ease-in-out;position:absolute}.calendar__day span:first-child,.calendar__day span:nth-child(3){width:2px;height:0}.calendar__day span:nth-child(2),.calendar__day span:nth-child(4){width:0;height:2px}.calendar__day span:first-child{bottom:0;left:0}.calendar__day span:nth-child(2){top:0;left:0}.calendar__day span:nth-child(3){top:0;right:0}.calendar__day span:nth-child(4){bottom:0;right:0}.calendar__day:hover span:first-child,.calendar__day:hover span:nth-child(3){height:100%}.calendar__day:hover span:nth-child(2),.calendar__day:hover span:nth-child(4){width:100%}.calendar__day:hover span:nth-child(2){transition-delay:.2s}.calendar__day:hover span:nth-child(3){transition-delay:.4s}.calendar__day:hover span:nth-child(4){transition-delay:.6s}.calendar--month-list-open .calendar__header,.calendar--month-list-open .calendar__body,.calendar--month-list-open .calendar__footer{visibility:hidden}.calendar__footer{justify-content:center;align-items:center;display:flex}.calendar__footer-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;margin:0 5px;padding:8px 12px;font-family:inherit;font-size:22px;line-height:1;transition:background-color .2s linear}.calendar__footer-button:hover{background-color:#ffffff26}.calendar__month-list{background-color:var(--calendar-bg,#1f1f1f);visibility:hidden;pointer-events:none;z-index:2;grid-template-columns:repeat(3,auto);padding:10px;font-size:14px;font-weight:400;transition:transform .2s ease-in-out,visibility .2s;display:grid;position:absolute;inset:0;transform:scale(1.2)}.calendar__month-list--visible{visibility:visible;pointer-events:auto;transform:scale(1)}.calendar__month-list>div{place-items:center;display:grid}.calendar__month-list-item{cursor:pointer;color:#f8fbff;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.calendar__month-list-item:after{content:"";opacity:0;background-color:#edf0f5;transition:opacity .2s linear;position:absolute;inset:0}.calendar__month-list-item:hover:after{opacity:.4}@keyframes to-top{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.flipper{perspective:1200px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;cursor:grab;width:255px;height:345px;position:fixed}.flipper__inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:5px;transition:all .7s linear;position:relative;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.flipper__inner--rotated{transform:rotateY(180deg)}.flipper--presentation .flipper__inner{transition-duration:.3s}.flipper__front,.flipper__back{box-sizing:border-box;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.flipper__front{transform:rotateY(0)}.flipper__back{transform:rotateY(-180deg)}