@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}button{border:none;outline:none;appearance:none;background:transparent;color:#fff}body{background:linear-gradient(20deg,#2a7b9b,#57c785,#eddd53);min-height:65rem;color:#000}header{text-align:center}h1{font-family:Poppins,cursive;font-size:3rem;margin:0 auto 3rem;color:#2b2a4e}.App{min-height:80dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.developer_info{margin-top:.5rem;color:#00000080}.developer_info span{font-weight:600;color:#165b3280}.calculator{border:3px solid rgba(255,255,255,.3);border-radius:10px;max-width:600px;width:100%;overflow:hidden}.display{background-color:#141414;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem;height:120px;flex-direction:column;box-shadow:-2px 11px 13px -5px #14141475}.display .history{position:absolute;top:10px;left:10px}.display .history-btn{background:transparent;color:#aaa;font-size:15px;border:none;cursor:pointer;transition:color .2s ease,transform .1s ease}.display .history-btn:hover{color:#fff;transform:scale(1.1)}.display .expression{overflow-x:auto;width:100%;text-align:right;color:#ffffff87;font-weight:600;scrollbar-width:none}.display .result{font-size:2.2rem;font-weight:600;color:#fff}.keys{background-color:#1d1d1d;display:flex;padding:1rem;gap:1rem}.keys button{padding:.8rem 1.2rem;font-size:1.3rem;cursor:pointer;color:#ffffff80;border-radius:5px}.keys button:hover{background-color:#fff3}.line{margin-block:1rem;width:3px;background-color:#ffffff14}.keys_scientific{width:30%;display:grid;grid-template-columns:repeat(2,1fr)}.keys_basic{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.keys_basic .equal{background-color:#db8b02;color:#fff}.keys_basic .number{color:#dadada}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#ffffffe6;border-radius:12px;width:300px;max-height:400px;overflow-y:auto;box-shadow:0 4px 20px #0003;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-weight:600;color:#333}.close-btn{border:none;background:transparent;font-size:18px;cursor:pointer;color:#000}.modal-body{padding:10px 15px}.modal-body ul{list-style:none;margin:0;padding:0}.modal-body li{display:flex;justify-content:space-between;background:#f9f9f9;border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:14px}.modal-body li .result{color:#0078d7;font-weight:600}.empty{text-align:center;color:#888}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:610px){body{padding:1rem}.keys{flex-direction:column;gap:0}.line{display:none}.keys_scientific{width:100%;grid-template-columns:repeat(5,1fr)}}