*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#1f355c 0%,#0f172a 45%,#0b1120 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.app{align-items:flex-start;gap:18px;display:flex}.calculator{background-color:#0f172ae6;border:1px solid #94a3b84d;border-radius:16px;width:430px;padding:8px 10px;box-shadow:0 18px 35px #00000059}.title{text-align:center;border-bottom:2px solid #3b82f666}.calculator-title{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.display{margin:16px 0}.display-result{text-align:right;color:#94a3b8;margin-bottom:6px;font-size:.92rem}.display-input{color:#f8fafc;text-align:right;background-color:#0f172a;border:1px solid #94a3b859;border-radius:10px;width:100%;margin:10px 0;padding:11px;font-size:1.8rem}.display-input:focus{outline:none}.buttons{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.buttons button{color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:50px;font-size:1rem;font-weight:600;transition:all .2s}.buttons button:hover{transform:translateY(-2px)}.numbers{background:linear-gradient(135deg,#3b82f6,#2563eb)}.arithmetic{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.logical-operators{background:linear-gradient(135deg,#11b9d6,#19bee7)}.remove{background:linear-gradient(135deg,#f97316,#ea580c)}.clear{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;padding:10px 20px}.equal{background:linear-gradient(135deg,#07db78,#08d846)}.history{background:linear-gradient(135deg,#ec4899,#f43f5e);grid-column:span 5}.history-title{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.history-panel{background-color:#0f172ae6;border:1px solid #94a3b84d;border-radius:16px;width:290px;max-height:520px;padding:14px;display:none;overflow-y:auto}.show-history .history-panel{display:block}.history-header{justify-content:space-between;margin-bottom:12px;display:flex}#historyList{flex-direction:column;gap:10px;list-style:none;display:flex}#historyList li{cursor:pointer;background-color:#111827;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.history-empty{color:#94a3b8}@media (width<=780px){.app{flex-direction:column;width:100%}.calculator,.history-panel{width:100%}}