:root{--lavender: #CDB4DB;--blush: #FFC8DD;--pink: #FFAFCC;--soft-blue: #BDE0FE;--sky-blue: #A2D2FF;--bg-main: #BDE0FE;--bg-secondary: #FFC8DD;--accent: #FFAFCC;--accent-soft: #CDB4DB;--link-color: #A2D2FF;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2d2d2d;background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--accent)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--bg-main),var(--bg-secondary))}h1{font-size:3.2em;line-height:1.1}button{border-radius:14px;border:none;padding:.6em 1.4em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-soft);color:#2b2b2b;cursor:pointer;box-shadow:6px 6px 12px #00000026,-6px -6px 12px #ffffff59;transition:all .25s ease}button:hover{transform:translateY(-2px);background-color:var(--accent)}button:focus,button:focus-visible{outline:3px solid var(--sky-blue)}@media(prefers-color-scheme:dark){:root{--dark-blue: #BDCFFF;--dark-indigo: #B8C0FF;--dark-violet: #C8B6FE;--dark-purple: #E7C5FF;--dark-pink: #FED5FF;--bg-main: #B8C0FF;--bg-secondary: #C8B6FE;--accent: #E7C5FF;--accent-soft: #BDCFFF;--link-color: #FED5FF;color:#1f1f1f;background-color:var(--bg-main)}body{background:linear-gradient(180deg,var(--bg-main),var(--bg-secondary))}button{background-color:var(--accent-soft);box-shadow:6px 6px 12px #00000059,-6px -6px 12px #ffffff26}button:hover{background-color:var(--accent)}a:hover{color:var(--dark-purple)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0;font-family:Poppins,sans-serif}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;transition:.35s ease}.calculator{width:340px;padding:24px;border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff59;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 45px #00000026}.app.dark .calculator{background:#ffffff26;color:#fff}.display{padding:18px;border-radius:16px;margin-bottom:18px;text-align:right;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff40;border:1px solid rgba(255,255,255,.3)}.app.dark .display{background:#ffffff2e}.display.dark{background:linear-gradient(135deg,#b8c0ff,#c8b6fe)}.display.light{background:linear-gradient(135deg,#bde0fe,#ffc8dd)}.expression{font-size:18px;opacity:.65}.result{font-size:34px;font-weight:600}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-button{padding:16px;border:none;border-radius:16px;font-size:18px;cursor:pointer;background:#ffc8dd;box-shadow:0 6px 14px #00000026;transition:transform .15s,box-shadow .15s,background .2s}.calc-button:hover{transform:translateY(-4px) scale(1.05);background:#ffafcc;box-shadow:0 12px 20px #0003}.calc-button:active{transform:scale(.88)}.app.dark .calc-button{background:#e7c5ff}.heart{position:fixed;font-size:18px;pointer-events:none;animation:heartFloat .9s ease forwards}@keyframes heartFloat{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-80px) scale(1.8);opacity:0}}.history{margin-top:18px;max-height:140px;overflow-y:auto;padding-right:4px;font-size:14px;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.history-item{padding:6px 4px;border-bottom:1px dashed rgba(0,0,0,.2);transition:transform .2s}.history-item:hover{transform:translate(4px)}.app.dark .history-item{border-bottom:1px dashed rgba(255,255,255,.35)}.history-item{padding:6px 4px;border-bottom:1px dashed rgba(0,0,0,.2);animation:historyEnter .35s ease}@keyframes historyEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.history::-webkit-scrollbar{width:6px}.history::-webkit-scrollbar-thumb{background:#ffafcc;border-radius:10px}.theme-toggle{margin-bottom:14px;border:none;padding:8px 14px;border-radius:14px;cursor:pointer;font-size:14px;background:#a2d2ff;transition:all .2s}.theme-toggle:hover{transform:scale(1.05)}@media(max-width:500px){.calculator{width:340px;padding:26px;border-radius:28px;background:#ffffff59;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px #00000026,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.4)}.keypad{gap:10px}.calc-button{padding:18px;font-size:17px}.result{font-size:30px}}@media(max-width:360px){.calc-button{padding:16px;font-size:16px}}