:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#00000080;width:100%;height:100vh;overflow:hidden}.header{background-color:#036;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.header .tabs{position:absolute;right:100px}.header .tabs ul{list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:row;font-size:20px;padding:0;font-weight:600;margin:0}.header .tabs ul li{margin-right:30px;padding:10px 15px;cursor:pointer;font-family:sans-serif;color:#ffeb99;transition:background-color .3s ease-in-out,color .3s ease-in-out}.header img{width:50px;position:absolute;left:40px}.header h1{all:unset;position:absolute;left:110px;font-size:30px;font-weight:600;font-family:cursive;margin-bottom:0;color:#fff}.cal{width:auto;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:0;flex-direction:row;gap:4px;position:relative;z-index:10}.left-area,.right-area{width:75%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;background-color:#000;margin:0}.right-area{background-color:#000;width:25%;padding:0;margin-right:60px}.left-area{margin-left:60px}.display{background-color:red;padding:30px;margin-top:-80px;position:relative;scale:.7;margin-left:-50px}.display h1{all:unset;font-size:40px;font-weight:600;text-decoration:underline;letter-spacing:1.5px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.input-box{background-color:#000;width:98%;height:60px;margin-bottom:20px;margin-top:30px;box-sizing:border-box;border-radius:8px;box-shadow:3px 3px 8px #00000080}.input-box input{width:98%;display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box;font-size:20px;background-color:#000;color:#fff;padding-left:15px;border:none;outline:none;border-radius:8px}.digits{background-color:#00f;width:auto;position:relative;height:auto;display:flex;flex-direction:row;justify-content:space-between;padding:10px;border-radius:10px;box-shadow:5px 5px 12px #0006;margin-right:15px;margin-top:20px}.headin{text-align:center;width:100%}.col1,.col2,.col3,.col4{flex:1;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:10px}.col4{margin-right:0}.col1 button,.col2 button,.col3 button,.col4 button{border-radius:12px;width:100%;margin-bottom:12px;height:55px;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border:none;cursor:pointer;box-shadow:4px 4px 10px #00000080;transition:all .2s ease-in-out}.col1 button:hover,.col2 button:hover,.col3 button:hover,.col4 button:hover{box-shadow:6px 6px 15px #000000b3;transform:scale(1.1);background-color:#5f5f5f}.col3 .btneq{background-color:green}.col3 .btneq:hover{background-color:#6fed16}.col4 .btn-sy{background-color:orange}.col4 .btn-sy:hover{background-color:#ffa600ee}.col1 .btn-clear,.col2 .btn-clear{background-color:red}.col1 .btn-clear:hover,.col2 .btn-clear:hover{background-color:#c80000;box-shadow:6px 6px 15px #ff000080}.scien{display:flex;align-items:center;justify-content:center;flex-direction:row}.expand-btn{position:absolute;font-weight:600;top:50px;right:-65px;transform:rotate(90deg);border-radius:20px 20px 0 0;color:#fff;background-color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.expand-btn:hover{background-color:#db1515;transform:rotate(90deg) translateY(-2px)}.col-btn{position:absolute;top:-40px;right:20px;font-weight:600;border-radius:20px 20px 0 0;background-color:#000;color:#fff;padding:10px 15px;cursor:pointer;z-index:1;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.col-active{top:-40px;right:20px}.expand-active{top:50px;right:-65px}.col-btn:hover{transform:translateY(-2px);background-color:#ff2f2f}.dark-mode,.light-mode{position:absolute;height:70px;width:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out;box-shadow:0 5px 5px #000;flex-direction:column;padding:0;scale:.7;z-index:1001}.light-mode p{font-size:18px;color:#000;margin-top:-2px;padding:0}.dark-mode p{font-size:18px;color:#fff;padding:0;margin-top:0}.dark-mode{background-color:#050101;top:0;right:-5px;color:#000}.dark-mode i{font-size:24px;color:#f3f3f3;margin-top:20px;margin-bottom:2px;padding:0}.light-mode{background-color:#fff;top:0;left:-5px;color:#000;border:2px #000000 solid}.light-mode i{font-size:26px;color:#000;margin-top:15px;padding:0}.main-section{display:flex;align-items:center;justify-content:center;flex-direction:row}.content{font-size:20px;text-align:left;padding:0 15px;margin:80px 25px 25px;line-height:1.4;border-left:5px solid #00bcd4;background-color:#333;z-index:0}.content h2{font-size:20px;color:#fff;font-weight:700;margin-bottom:10px}.content p{color:#ccc;font-size:14px;padding-right:5px;font-weight:500;text-align:justify;margin-top:8px}.history{width:380px;height:450px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow-y:hidden;position:relative;display:grid;grid-template-rows:auto 1fr auto;align-items:center;text-align:center;padding:10px 10px 20px;margin:-80px auto 0 0;scale:.85}.history-active{margin-left:-70px;width:370px}.history-title{display:flex;justify-content:center;align-items:center}.history-title h3{font-size:26px;margin-top:0;color:#333;border-bottom:2px solid #007bff;width:fit-content;margin-bottom:10px}.history-list{background:linear-gradient(to bottom,#3a3a3a,#1e1e1e);border-radius:8px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;box-shadow:inset 0 2px 5px #0000001a;padding:15px;width:330px;height:300px;margin:0 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 transparent}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.history-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%}.history-list li{font-size:14px;background:#e9ecef;border-radius:5px;color:#333;padding:10px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease,transform .2s ease;width:auto;min-width:150px;max-width:100%}.history-list li:hover{background:#d6d6d6;transform:scale(1.03)}.history-button{display:flex;justify-content:center;align-items:center;margin-top:15px}.history-button button{font-size:14px;background:#dc3545;color:#fff;border:none;border-radius:5px;width:90%;padding:10px;cursor:pointer;transition:background .3s ease,transform .2s ease}.history-button button:hover{background:#c82333;transform:scale(1.05)}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;padding:0 10px 10px;color:#fff;text-align:center;box-shadow:0 -2px 10px #0000004d}.footer-text{font-size:16px;font-weight:500;margin-bottom:0}.footer-links{display:flex;gap:20px}.footer-link{color:#f1c40f;text-decoration:none;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:15px;font-size:10px;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#ecf0f1}.footer i{font-size:14px}.trig-container{width:400px;padding-top:10px;height:auto;background:#6f0;border-radius:8px;box-shadow:20px 10px 18px #0000001a;text-align:center;scale:.7;margin-top:-60px;z-index:0}h2{font-size:24px;color:#f80;text-decoration:underline;margin-bottom:15px}.button-group{display:flex;justify-content:center;gap:19px;margin-bottom:15px}.button-group button{padding:8px 12px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;font-size:15px;transition:background .3s ease}.button-group button:hover{background-color:#0056b3}.trig-info{background:#ccc;padding:0 5px 5px;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;flex-direction:column}.trig-info h3{font-size:22px;color:#333;margin-bottom:0}.trig-info ul{list-style-type:none;padding:0;width:75%}.trig-info li{font-size:18px;background:red;color:#333;font-weight:500;padding:5px;margin:5px 0;letter-spacing:1.1px;border-radius:3px}.trig-info li:nth-child(odd){background-color:#333;color:#fff}.trig-info li:nth-child(2n){background-color:#fff}.bmi-calculator-wrapper{width:260px;text-align:center;padding:5px 15px 15px;border-radius:12px;margin-top:-40px;box-shadow:0 4px 12px #00000026;background-color:#999;transition:transform .3s ease}.bmi-calculator-wrapper:hover{transform:scale(1.02)}.bmi-calculator-title{font-size:1.4rem;color:#fff;font-weight:700;margin-bottom:12px}.bmi-input{display:block;width:92%;height:20px;margin:8px auto;padding:8px;border:1px solid #bbb;border-radius:6px;font-size:1rem;transition:border .3s ease}.bmi-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.bmi-button{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.bmi-calculate-button{width:40%;padding:10px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease}.bmi-calculate-button:hover{background:linear-gradient(135deg,#0056b3,#003f80);transform:translateY(-2px)}.bmi-result{margin-top:10px;padding:10px;border-radius:6px;background-color:#eef;font-size:1rem;font-weight:700}.bmi-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;padding:20px;align-items:center}.bmi-popup-content{background:#fff;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0000004d;width:260px;padding:20px}.bmi-popup-content h3{margin:10px 0;font-size:1.2rem}.bmi-popup-content .bmi-message{font-size:1rem;font-weight:700}.bmi-popup-content button{margin-top:15px;padding:8px 15px;background:#007bff;color:#fff;border:none;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background .3s ease}.bmi-popup-content button:hover{background:#0056b3}.bmi-value.underweight{color:orange}.bmi-value.normal{color:#28a745}.bmi-value.overweight{color:#ffc107}.bmi-value.obese{color:#dc3545;font-weight:700}.container{width:100%;height:100vh;display:grid;grid-template-rows:8% 83% 9%;grid-template-columns:auto;grid-template-areas:"header" "main" "footer";position:relative}.about-container{margin-right:70p;display:flex;justify-content:space-between;align-items:center;margin:auto;padding:25px;font-family:Arial,sans-serif;gap:20px}.disabled{color:gray;cursor:not-allowed;opacity:.5;pointer-events:none}.about-me{background:#f4f4f4;padding:20px 20px 10px;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;width:25%;height:100%;margin-left:30px}.active-dark,.active-light{position:absolute;height:70px;width:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out;box-shadow:0 5px 5px #000;flex-direction:column;padding:0;scale:.7;z-index:1001}.active-light p{font-size:18px;color:#fff;margin-top:-2px;padding:0}.active-dark p{font-size:18px;color:#000;padding:0;margin-top:0}.active-dark{background-color:#fff;top:55px;right:-5px;color:#000}.active-dark i{font-size:24px;color:#000;margin-top:20px;margin-bottom:2px;padding:0}.active-light{background-color:#000;top:55px;left:-5px;color:#000}.active-light i{font-size:26px;color:#fff;margin-top:15px;padding:0}.image-container{width:200px;height:200px;border-radius:8px}.profile-image{width:100%;height:100%;object-fit:cover}.about-text{text-align:center;margin-top:15px}.about-me h2{font-size:22px;color:#007bff;margin-bottom:5px}.about-me p{font-size:15px;color:#333;line-height:1.5;text-align:justify}.links{margin-top:10px;display:flex;align-items:center;justify-content:center;flex-direction:row}.links a{text-decoration:none;color:#007bff;font-weight:700;margin-right:15px;transition:color .3s ease}.links a i{color:#333;font-size:22px;margin-right:10px;margin-left:20px}.links a:hover{color:#0056b3}.about-calculator{width:75%;background:#ccc;margin-right:30px;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.about-calculator h2{font-size:22px;color:#007bff;text-decoration:none;border-bottom:2px solid #007bff;padding-bottom:10px;margin-top:15px}.about-calculator p{font-size:15px;color:#333;line-height:1.5}.about-calculator ul{list-style-type:none;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.about-calculator li{font-size:15px;padding:8px;background:#e9ecef;border-radius:5px;color:#333;display:flex;align-items:center;width:calc(50% - 10px);box-sizing:border-box}.about-calculator li:nth-child(1),.about-calculator li:nth-child(4),.about-calculator li:nth-child(5),.about-calculator li:nth-child(8),.about-calculator li:nth-child(9){background-color:#333;color:#fff}.about-calculator li:nth-child(2),.about-calculator li:nth-child(3),.about-calculator li:nth-child(6),.about-calculator li:nth-child(7),.about-calculator li:nth-child(10){background-color:#fff}