@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box}body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;animation:15s infinite gradientBG;display:flex}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.app-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;width:100%;max-width:900px;padding:1rem;display:flex}.calculator-container{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #1f26875e}.calculator-grid{grid-template-rows:minmax(7rem,auto) repeat(5,5rem);grid-template-columns:repeat(4,5rem);gap:.5rem;display:grid}.calculator-grid>button{cursor:pointer;color:#fff;background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;outline:none;font-family:inherit;font-size:1.5rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 6px #0000001a}.calculator-grid>button:hover{background-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.calculator-grid>button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.operation-button{background-color:#e73c7e80!important}.operation-button:hover{background-color:#e73c7eb3!important}.evaluate-button{background-color:#23d5ab80!important}.evaluate-button:hover{background-color:#23d5abb3!important}.span-two{grid-column:span 2}.output{word-wrap:break-word;word-break:break-all;background-color:#0006;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:space-around;align-items:flex-end;margin-bottom:.5rem;padding:1rem;display:flex;box-shadow:inset 0 2px 5px #0006}.output .previous-operand{color:#ffffffbf;min-height:1.5rem;font-size:1.25rem}.output .current-operand{color:#fff;font-size:2.5rem;font-weight:700}.history-panel{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;width:280px;height:480px;padding:1.5rem;display:flex;box-shadow:0 8px 32px #1f26875e}.history-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.history-header h2{margin:0;font-size:1.5rem}.clear-history-btn{color:#fff;cursor:pointer;background:#f006;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.9rem;font-weight:600;transition:background .2s}.clear-history-btn:hover{background:#f009}.history-list{flex-direction:column-reverse;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-panel li{word-break:break-all;background:#0003;border-radius:8px;padding:.75rem;font-size:1.1rem}.history-panel .no-history{opacity:.6;text-align:center;background:0 0;margin-top:2rem;font-style:italic}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media screen and (width<=768px){.app-layout{flex-direction:column;align-items:center;gap:1.5rem;height:auto;padding-top:2rem}body{height:auto;min-height:100vh}.history-panel{width:100%;max-width:320px;height:250px}.calculator-grid{grid-template-columns:repeat(4,5.5rem)}}@media screen and (width<=480px){.calculator-grid{grid-template-rows:minmax(6rem,auto) repeat(5,4.5rem);grid-template-columns:repeat(4,4.5rem);gap:.4rem}.calculator-grid>button{font-size:1.25rem}.history-panel{width:100%;max-width:320px;margin-bottom:2rem}}@media screen and (width<=382px){.calculator-grid{grid-template-rows:minmax(5rem,auto) repeat(5,4rem);grid-template-columns:repeat(4,4rem);gap:.3rem}.calculator-grid>button{font-size:1rem}}