body{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#calculator{border-radius:20px;flex-direction:column;align-items:center;width:320px;padding:20px;display:flex;box-shadow:0 10px 30px #0000004d}.dark{color:#fff;background:#1e1e2f}.light{color:#000;background:#f5f5f5}.theme-toggle{cursor:pointer;color:#fff;background-color:#ff4081;border:none;border-radius:12px;margin-bottom:10px;padding:5px 10px;font-size:.9rem}.light .theme-toggle{background-color:#555}#formula{color:#aaa;text-align:right;min-height:20px;padding:5px 10px;font-size:1rem}.display{text-align:right;border-bottom:2px solid #444;min-height:40px;margin-bottom:15px;padding:10px;font-size:2.2rem}.dark .display{color:#fff}.light .display{color:#000}.error{color:#ff4d4d;text-align:right;margin-bottom:10px;font-size:.9rem}.keypad{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}button{cursor:pointer;border:none;border-radius:10px;padding:20px;font-size:1.2rem;transition:all .2s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}#clear{background:#ff4d4d;grid-column:span 2}#equals{background:#1abc9c;grid-row:span 2}.zero{grid-column:span 2}.dark button{color:#fff;background:#333}.dark #clear{background:#ff4d4d}.dark #equals{background:#1abc9c}.light button{color:#000;background:#ddd}.light #clear{background:#ff4d4d}.light #equals{background:#1abc9c}.history{text-align:right;width:100%;max-height:150px;margin-top:15px;font-size:.9rem;overflow-y:auto}.history h3{margin-bottom:5px}@media (max-width:400px){#calculator{width:90%;padding:15px}button{padding:15px;font-size:1rem}.display{padding:8px;font-size:1.8rem}}@media (max-height:600px){body{align-items:flex-start;height:auto;padding-top:20px}}@media (max-width:300px){#calculator{width:100%;padding:10px}button{padding:10px;font-size:.9rem}.display{padding:6px;font-size:1.5rem}}.history::-webkit-scrollbar{width:6px}.history::-webkit-scrollbar-thumb{background:#888;border-radius:3px}