.calculator-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:20px;width:100%}.calculator{background:#f0f4f8;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);padding:25px;width:100%;max-width:700px;zoom:0.80;margin:0 auto}.display-area{margin-bottom:20px}.expression{text-align:right;font-size:20px;color:#666;margin-bottom:8px;min-height:28px;font-weight:500;font-family:'Courier New',monospace;padding:5px 10px;background:white;border-radius:4px}.result-display{background:linear-gradient(135deg,#4a7c9b 0%,#3d6a8a 100%);color:white;font-size:36px;text-align:right;padding:15px 20px;border-radius:8px;min-height:60px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);font-family:'Courier New',monospace;word-wrap:break-word;overflow-x:auto}.mode-selector{display:flex;align-items:center;gap:20px;font-size:14px;color:#555;justify-content:center;align-items:center}.mode-selector label{cursor:pointer;display:flex;align-items:center;gap:5px}.mode-selector input[type="radio"]{cursor:pointer}.buttons-grid{display:flex;flex-wrap:wrap;gap:6px;width:100%}.buttons-grid .button-group{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;flex:1}button{border:none;border-radius:6px;padding:12px 0;font-size:14px;cursor:pointer;transition:all 0.15s ease;font-weight:500;min-height:45px;width:100%;font-family:inherit}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}button:active{transform:translateY(0)}.func-btn{background:linear-gradient(135deg,#e8eef5 0%,#dde5ee 100%);color:#2c3e50;border:1px solid #c5d3e0;font-size:13px}.func-btn:hover{background:linear-gradient(135deg,#dde5ee 0%,#d0dbe8 100%)}.num-btn{background:linear-gradient(135deg,#b8c9db 0%,#a8bbd0 100%);color:#2c3e50;font-size:18px;font-weight:600}.num-btn:hover{background:linear-gradient(135deg,#a8bbd0 0%,#98abc0 100%)}.op-btn{background:linear-gradient(135deg,#c5d8e8 0%,#b5cce0 100%);color:#2c3e50;font-size:18px}.op-btn:hover{background:linear-gradient(135deg,#b5cce0 0%,#a5c0d8 100%)}.equals-btn{background:linear-gradient(135deg,#6b8fa8 0%,#5a7f98 100%);color:white;font-size:20px;font-weight:700}.equals-btn:hover{background:linear-gradient(135deg,#5a7f98 0%,#4a6f88 100%)}.clear-btn{background:linear-gradient(135deg,#a8c4d9 0%,#98b4c9 100%);color:#2c3e50}.clear-btn:hover{background:linear-gradient(135deg,#98b4c9 0%,#88a4b9 100%)}.mem-btn{background:linear-gradient(135deg,#d0dce8 0%,#c0d0e0 100%);color:#2c3e50}.mem-btn:hover{background:linear-gradient(135deg,#c0d0e0 0%,#b0c0d0 100%)}.history{margin-top:20px;padding-top:15px;border-top:2px solid #d0dce8;display:none}.history-title{font-size:14px;color:#666;margin-bottom:10px;font-weight:600}.history-list{max-height:150px;overflow-y:auto;font-size:14px;color:#555;background:#f8fafc;border-radius:6px;padding:5px}.history-item{padding:6px 10px;border-bottom:1px solid #e0e8f0;font-family:'Courier New',monospace;cursor:pointer;transition:background 0.2s;text-align:left}.history-item:hover{background:#e8f0f8}@media (max-width:768px){.buttons-grid{flex-direction:column}.button-group{width:100%}.calculator{padding:15px}}.main-title{text-align:center;font-size:22px;color:#1e3a5f;margin:0 0 8px 0}.main-desc{text-align:center;font-size:14px;color:#555;margin:0 0 16px 0}