@font-face{font-family:LilitaOne;src:url(/icons/fonts/LilitaOne-Regular.ttf) format("truetype");font-display:swap}:root{color-scheme:light;--calc-background: #fefded;--calc-surface: rgba(255, 255, 255, .78);--calc-display: #fffdf2;--calc-key: #ffffff;--calc-key-shadow: rgba(55, 38, 25, .12);--calc-text: #333333;--calc-muted: #8b8075;--calc-coral: #fa7070;--calc-green: #03bf63;--calc-orange: #ffb867}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{min-width:320px;background:var(--calc-background);overscroll-behavior:none}body{min-height:100svh;overflow-x:hidden;color:var(--calc-text);font-family:Arial,sans-serif;background:var(--calc-background);transition:background-color .25s ease,color .25s ease}body.dark-mode{color-scheme:dark;--calc-background: #333333;--calc-surface: rgba(56, 56, 56, .88);--calc-display: #414141;--calc-key: #4b4b4b;--calc-key-shadow: rgba(0, 0, 0, .28);--calc-text: #ffffff;--calc-muted: #c4bdb7}button,a{-webkit-tap-highlight-color:transparent}.calculator-page{position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(18px,4vw,48px) 16px}.page-back-link{position:fixed;z-index:20;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:grid;width:52px;height:52px;place-items:center;color:var(--calc-text);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:var(--calc-surface);box-shadow:0 6px 16px #3c28191f;text-decoration:none;transition:color .2s ease,transform .2s ease,background-color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-back-link svg{width:26px;height:26px}.page-back-link:hover,.page-back-link:focus-visible{color:var(--calc-coral);transform:translate(-2px)}.calculator-layout{position:relative;width:100%;min-width:0;min-height:100%;display:grid;place-items:center}.calculator-stage{position:relative;width:min(100%,410px);min-width:0}.calculator-shell{width:100%;min-width:0;max-width:100%;padding:clamp(18px,4vw,28px);border:1px solid rgba(255,255,255,.55);border-radius:32px;background:var(--calc-surface);box-shadow:0 20px 50px #3c28191f,0 4px 12px #3c281914;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.calculator-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;margin-bottom:18px}.calculator-brand{margin:0;color:var(--calc-coral);font-family:LilitaOne,Arial,sans-serif;font-size:clamp(22px,7vw,30px);letter-spacing:.5px}.history-toggle,.history-close{border:0;color:var(--calc-muted);background:transparent;cursor:pointer}.history-toggle{position:absolute;right:0;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;font-size:23px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.history-icon{display:block;width:23px;height:23px}.history-toggle:hover,.history-toggle:focus-visible{color:var(--calc-coral);background:#fa70701f;transform:scale(1.05)}.calculator-display{width:100%;min-width:0;min-height:132px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;padding:20px clamp(16px,4vw,24px);overflow:hidden;border-radius:24px;background:var(--calc-display);box-shadow:inset 0 2px 5px #37261914;text-align:right}.calculator-expression{min-height:20px;max-width:100%;overflow:hidden;color:var(--calc-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.calculator-value{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;color:var(--calc-text);font-family:LilitaOne,Arial,sans-serif;font-size:clamp(30px,9vw,58px);line-height:.95;white-space:nowrap;scrollbar-width:none}.calculator-value::-webkit-scrollbar{display:none}.calculator-value.is-error{color:var(--calc-coral);font-size:clamp(30px,9vw,48px)}.calculator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2.2vw,12px);margin-top:18px}.calculator-button{min-width:0;min-height:0;aspect-ratio:1;padding:8px;border:0;border-radius:50%;color:var(--calc-text);background:var(--calc-key);box-shadow:0 5px 0 var(--calc-key-shadow),0 8px 14px #3c28190f;cursor:pointer;font:700 clamp(20px,6vw,28px)/1 Arial,sans-serif;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.calculator-button:hover{filter:brightness(1.03);transform:translateY(-2px)}.calculator-button:active{box-shadow:0 2px 0 var(--calc-key-shadow),0 4px 8px #3c28190f;transform:translateY(3px)}.utility-button{color:var(--calc-text);background:color-mix(in srgb,var(--calc-orange) 36%,var(--calc-key));font-size:clamp(17px,5vw,23px)}.operator-button{color:#fff;background:var(--calc-coral)}.equals-button{color:#fff;background:var(--calc-green)}.calculator-hint{margin:18px 0 0;color:var(--calc-muted);font-size:12px;text-align:center}.history-panel{position:fixed;z-index:15;right:16px;bottom:16px;left:16px;max-height:min(70svh,520px);padding:18px;overflow:auto;visibility:hidden;border:1px solid rgba(255,255,255,.55);border-radius:24px;opacity:0;color:var(--calc-text);background:var(--calc-surface);box-shadow:0 20px 50px #3c28192e;pointer-events:none;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.history-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.history-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-actions{display:flex;align-items:center;gap:8px}.history-title{margin:0;font-size:18px;font-weight:700}.history-clear{padding:5px 9px;border:0;border-radius:999px;color:var(--calc-coral);background:#fa70701f;cursor:pointer;font:inherit;font-size:12px;transition:background-color .2s ease,opacity .2s ease}.history-clear:hover:not(:disabled),.history-clear:focus-visible:not(:disabled){background:#fa707038}.history-clear:disabled{cursor:default;opacity:.4}.history-close{width:30px;height:30px;border-radius:50%;font-size:26px;line-height:1;transition:color .2s ease,background-color .2s ease,transform .28s ease,top .28s ease,right .28s ease}.history-close:hover,.history-close:focus-visible{color:var(--calc-coral);background:#fa70701f}.history-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.history-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(139,128,117,.22);font-size:13px}.history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item strong{flex:0 0 auto;color:var(--calc-coral);font-family:LilitaOne,Arial,sans-serif;font-size:21px;font-weight:400}.history-empty{margin:18px 0 4px;color:var(--calc-muted);font-size:13px;text-align:center}.page-back-link:focus-visible,.history-toggle:focus-visible,.history-clear:focus-visible,.history-close:focus-visible,.calculator-button:focus-visible{outline:3px solid color-mix(in srgb,var(--calc-green) 70%,white);outline-offset:3px}@media (max-width: 380px){.calculator-shell{padding:14px;border-radius:26px}.calculator-display{border-radius:20px}.calculator-button{padding:6px}}@media (max-width: 600px){.calculator-display{min-height:100px}}@media (min-width: 1100px) and (hover: hover){html,body{overflow:hidden}.calculator-page{height:100svh;min-height:0;padding:12px 24px;overflow:hidden}.calculator-layout{height:100%;min-height:0}.calculator-stage{width:min(380px,calc(100vw - 32px))}.calculator-shell{padding:16px;border-radius:26px}.calculator-header{min-height:26px;margin-bottom:10px}.calculator-brand{font-size:25px}.history-toggle{display:none}.calculator-display{min-height:92px;gap:4px;padding:13px 16px;border-radius:20px}.calculator-expression{min-height:16px;font-size:12px}.calculator-value{font-size:clamp(30px,4vw,48px)}.calculator-grid{gap:8px;margin-top:12px}.calculator-button{font-size:clamp(18px,2vw,25px)}.utility-button{font-size:clamp(16px,1.8vw,21px)}.calculator-hint{margin-top:10px;font-size:11px}.history-panel{position:absolute;top:0;right:calc(100% + 16px);bottom:auto;left:auto;display:block;width:46px;min-height:46px;max-height:46px;padding:7px;overflow:hidden;visibility:visible;border-radius:23px;opacity:1;pointer-events:auto;transform:none;transition:width .32s cubic-bezier(.22,1,.36,1),max-height .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),border-radius .32s ease,box-shadow .32s ease}.history-panel.is-open{width:220px;max-height:calc(100svh - 24px);padding:18px;border-radius:24px;transform:none}.history-header{min-height:30px}.history-title,.history-clear,.history-content{opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.history-panel.is-open .history-title,.history-panel.is-open .history-clear,.history-panel.is-open .history-content{opacity:1;visibility:visible;transition-delay:.12s}.history-actions{min-width:30px}.history-close{position:absolute;top:7px;right:7px;transform:rotate(45deg)}.history-panel.is-open .history-close{top:18px;right:18px;transform:rotate(0)}.history-panel.is-open .history-actions{padding-right:38px}.history-content{max-height:calc(100svh - 104px);overflow-y:auto}}@media (hover: hover){html,body{cursor:none}a,button{cursor:pointer}.custom-cursor{position:fixed;z-index:99999;width:16px;height:16px;border-radius:50%;background:var(--calc-coral);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .15s ease-out,transform .15s ease-out}.custom-cursor.hide{opacity:0;transform:translate(-50%,-50%) scale(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}