:root{--calc-bg:#1e1e2e;--display-bg:#0d0d15;--text-primary:#fff;--text-secondary:#6c757d;--btn-bg:#2d2d44;--btn-hover:#3d3d5c;--btn-shadow:#1a1a2e;--btn-text:#fff;--operator-bg:#4361ee;--operator-hover:#5a75f0;--equals-bg:#f72585;--equals-hover:#ff4d9e;--clear-bg:#ff6b6b;--clear-hover:#ff8585;--delete-bg:#ffd93d;--delete-hover:#ffe066;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh}#root{text-align:center;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}*{box-sizing:border-box;margin:0;padding:0}.calculator-layout{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.history-toggle{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:15px;width:100%;margin-top:20px;padding:12px;font-size:.95rem;transition:all .2s}.history-toggle:hover{color:#fff;background:#fff3}.history-panel{-webkit-backdrop-filter:blur(25px);background:#ffffff14;border-radius:25px;flex-direction:column;width:100%;max-height:300px;padding:25px;display:flex;box-shadow:0 20px 40px -12px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.history-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.history-header h3{color:#fff;margin:0;font-size:1.2rem;font-weight:500}.clear-history{color:#fff;cursor:pointer;background:#ef4444cc;border:none;border-radius:10px;padding:6px 14px;font-size:.85rem;transition:all .2s}.clear-history:hover{background:#ef4444;transform:scale(1.05)}.history-list{flex-direction:column;gap:12px;padding-right:5px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.history-empty{color:#fff6;text-align:center;padding:30px 20px;font-size:1rem}.history-item{background:#0003;border-radius:12px;flex-direction:column;gap:5px;padding:12px 15px;transition:all .2s;display:flex}.history-item:hover{background:#0000004d}.history-expression{color:#ffffff80;font-size:.9rem}.history-result{color:#fff;text-align:right;font-size:1.2rem;font-weight:500}@media (width<=480px){.calculator-layout{gap:15px}.history-panel{border-radius:20px;max-height:250px;padding:20px}.history-header h3{font-size:1.1rem}.history-expression{font-size:.85rem}.history-result{font-size:1.1rem}}.calculator-wrapper{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#7e22ce 100%) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:15s infinite gradientShift;display:flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.calculator-card{-webkit-backdrop-filter:blur(25px);background:#ffffff14;border-radius:35px;width:100%;max-width:380px;padding:35px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.display-screen{text-align:right;background:#00000059;border-radius:25px;flex-direction:column;justify-content:flex-end;min-height:120px;margin-bottom:30px;padding:30px 25px;display:flex;box-shadow:inset 0 2px 10px #0003}.previous-value{color:#ffffff8c;word-break:break-all;letter-spacing:.5px;min-height:28px;margin-bottom:10px;font-size:1.2rem;font-weight:400}.current-value{color:#fff;word-break:break-all;text-shadow:0 2px 4px #0003;font-size:3.2rem;font-weight:300;line-height:1.1}.current-value.error{color:#ff6b6b;font-weight:500}.keypad{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.key{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:20px;padding:24px 16px;font-size:1.5rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #00000026,0 1px 3px #0000001a,inset 0 1px #ffffff26}.key:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.key:hover:before{opacity:1}.key:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 15px #0003,0 2px 5px #0000001a,inset 0 1px #fff3}.key:active{transform:translateY(-1px);box-shadow:0 3px 8px #00000026,inset 0 2px 4px #0003}.number{background:#ffffff1f}.number:hover{background:#ffffff2e}.operator{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:600;box-shadow:0 4px 15px #6366f159,inset 0 1px #ffffff40}.operator:hover{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-3px);box-shadow:0 8px 25px #6366f180,inset 0 1px #ffffff4d}.operator:active{transform:translateY(-1px);box-shadow:0 3px 10px #6366f14d,inset 0 2px 4px #0003}.equals{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);grid-row:span 2;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 15px #f59e0b59,inset 0 1px #ffffff40}.equals:hover{background:linear-gradient(135deg,#fbbf24 0%,#fb923c 100%);transform:translateY(-3px);box-shadow:0 8px 25px #f59e0b80,inset 0 1px #ffffff4d}.equals:active{transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d,inset 0 2px 4px #0003}.function{background:#ffffff26;font-weight:600}.function:hover{background:#ffffff38}.function.clear-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 15px #ef444459}.function.clear-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 8px 25px #ef444480}.zero{grid-column:span 2}.decimal{background:#ffffff1a;font-weight:600}@media (width<=480px){.calculator-wrapper{padding:15px}.calculator-card{border-radius:30px;padding:25px}.display-screen{border-radius:20px;min-height:100px;padding:25px 20px}.current-value{font-size:2.8rem}.previous-value{font-size:1.1rem}.key{border-radius:18px;padding:20px 12px;font-size:1.4rem}.keypad{gap:14px}}@media (width<=360px){.calculator-card{padding:20px}.key{border-radius:16px;padding:18px 10px;font-size:1.3rem}.keypad{gap:12px}.current-value{font-size:2.4rem}.previous-value{font-size:1rem}}@media (width<=320px){.key{border-radius:14px;padding:16px 8px;font-size:1.2rem}.keypad{gap:10px}}