#nums-bottom,#nums-top,#screen-bottom,#screen-top{width:100%;position:absolute}#calculator{user-select:None;width:600px;height:600px;background-image:radial-gradient(at center,#281f58 70%,#193444);border-radius:30px;box-shadow:10px 10px 25px #000}#calculator-interface{margin:17px;width:560px;height:565px;background-image:linear-gradient(to top right,#131f30,#1d2b3d);position:relative;border-radius:15px}#calculator-screen{position:absolute;background-image:radial-gradient(at center,#375077 25%,#2d446b);border:4px inset #213353;width:504px;height:80px;top:6%;left:25.2px;border-radius:5px}#screen-top{top:0;height:30%;background-color:#2e4366}#screen-bottom{top:30%;height:calc(70% - 5px);background-color:#293c5e;border-top:#31486e solid 5px}#nums-bottom,#nums-top{height:100%;font-family:Arial,Helvetica,sans-serif,"Century Gothic";text-align:right}#nums-top{color:#e0e0e0b0;font-size:18px;padding:2px 0;user-select:text}#nums-bottom{color:#e0e0e0;font-size:30px;user-select:text}#functional-container{position:absolute;width:520px;height:60px;top:23.5%;left:27px}#nums-container{background-image:linear-gradient(to top right,#16253b,#1e3047);position:absolute;border-radius:10px;width:299.6px;height:61%;top:37%;left:11.2px}#arithmetic-container{position:absolute;left:327.8px;width:215px;top:calc(53% - 90px)}.button{margin:5px;font-family:helvetica,"century gothic",arial;color:#fff;border-radius:5px;display:flex;float:left;justify-content:center;align-items:center;transition:.17s ease-in-out 10ms}.button:hover{transform:scale(1.15);cursor:pointer}#arithmetic-container .button:active,#functional-container .button:active,#nums-container .button:active{transition:10ms ease-in-out 10ms;transform:scale(1)}#functional-container .button:active{background-color:#182a53}#arithmetic-container .button:active{background-color:#273e61}#nums-container .button:active{background-color:#1c385e}#functional-container .button{border:3px dashed #3e568a;font-size:2.2em;width:70px;height:55px}#functional-container #del1 img{width:40px;height:40px}#euler,#factorial,#pi{font-family:'Times New Roman',Times,serif}.numbers-line{margin:13px 0 20px 4%;clear:both}#nums-container .button{background-color:#243b5a;font-size:2.2em;width:80px;height:70px}#nums-container #clear{font-size:1.8em;background-color:#291246;border:1px solid}#nums-container #clear:active{background-color:#3a1764}#functional-container #ce,#functional-container #del1{font-size:1.3em;background-color:#472a69;border:1px solid}#functional-container #ce:active,#functional-container #del1:active{background-color:#462075}#nums-container #comma{font-size:3em}#arithmetic-container .button{background-color:#24355a;font-size:2.2em;width:95px;height:55px}#arithmetic-container #equalTo{background-color:#3a5285;width:calc(100px * 2);height:65px}#arithmetic-container #equalTo:active{background-color:#314e8b;transform:scale(1.09)}#calculator span{color:#fff;font-family:arial,sans-serif;font-size:38px;font-weight:200;display:block;width:100%;max-width:800px;margin:20px auto;text-align:center}.calc-wrapper{display:flex;gap:20px}#calc-history{flex:1;max-width:600px;background:#f9f9f9;border-left:1px solid #ccc;padding:10px;overflow-y:auto;font-size:14px}.history-header{display:flex;justify-content:space-between;align-items:center}#clear-history{font-size:12px;padding:3px 6px;cursor:pointer;background-color:#e74c3c;color:#000;border:none;border-radius:4px}#history-list{list-style:none;padding-left:0;margin-top:10px}.history-actions{display:flex;gap:5px;margin-left:8px}.history-actions button{border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:3px}#history-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #ddd;padding:6px 0;cursor:default}.history-expression{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;cursor:pointer;color:#333;transition:background .2s}.history-expression:hover{background:#eef}.history-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777;margin-top:2px}.timestamp{font-style:italic}.history-actions button{font-size:11px;margin-left:5px;padding:1px 4px}@media (max-width:768px){.calc-wrapper{flex-direction:column;align-items:center}#calculator{width:95vw;height:auto;border-radius:20px;padding-bottom:20px}#calculator-interface{width:90vw;height:auto;margin:10px auto}#calculator-screen{width:85vw;height:80px;left:0;right:0;margin:auto}#arithmetic-container,#functional-container,#nums-container{width:90vw;position:static}#functional-container{padding-top:120px;margin-left:15px}#arithmetic-container{margin-left:15px}#arithmetic-container .button,#functional-container .button,#nums-container .button{width:25vw;height:50px;font-size:1.4em}#arithmetic-container #equalTo{width:30vw;height:50px}#calc-history{width:90vw;max-width:90vw;font-size:12px}}