body{background-color:#0d0d0d;color:#fff;font-family:Segoe UI,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.header{width:320px;padding:20px;background:#1a1a1a;border-radius:20px;box-shadow:0 8px 20px #0009}.input-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}input{flex:1;width:92%;margin-bottom:13px;background-color:transparent;color:#fff;border:none;text-align:right;font-size:36px;caret-color:#fff;outline:none}.result{text-align:right;font-size:20px;color:#aaa;min-height:24px;margin-bottom:10px}hr{border:none;border-top:1px solid #333;margin:10px 0}.memory-row,.sci-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.sci-row{grid-template-columns:repeat(5,1fr)}.main-header{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}button{border:none;border-radius:50%;height:70px;width:70px;font-size:22px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#2e2e2e;color:#fff;transition:transform .1s ease,background .2s ease}button:hover{background:#3d3d3d;transform:scale(1.05)}.operators{color:#4cd964}.equalsign{background-color:#34c759;color:#fff}.equalsign:hover{background-color:#28a745}button:active{transform:scale(.95);background:#555}.deleteicon{font-size:86%;margin-left:87%;color:#999;cursor:pointer;transition:.3s ease}.deleteicon:hover{color:#ff4d4d;transform:scale(1.2)}.deleteicon.active{color:#28a745}.deleteicon.active:hover{color:#34c759;transform:scale(1.2)}.history{margin-top:15px;font-size:14px;color:#ccc}.history h4{margin:5px 0;font-size:16px;color:#fff}