:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#242424;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box;margin:0}.homeContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:20px;background-color:#f0f0f0;min-height:100vh;box-sizing:border-box}.infoContainer{font-size:40px;display:flex;flex-direction:column;gap:10px;text-align:center;color:#333}#coolButton{height:50px;width:120px;border-radius:8px;font-size:large;font-weight:700;color:#333;border:2px solid #333;transition:transform .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;box-shadow:2px 2px 5px #0003}#coolButton:hover{cursor:pointer;transform:scale(1.05);border-color:#ff7f00}#coolButton:active{transform:scale(1);box-shadow:1px 1px 3px #0000004d}.linksContainer{font-size:25px;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.linksContainer li{list-style:none;width:100%;text-align:center}.linksContainer li a{text-decoration:none;color:#007bff;font-weight:700;padding:10px 15px;border:1px solid #007bff;border-radius:5px;display:block;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.linksContainer li a:hover{background-color:#007bff;color:#fff;border-color:#007bff}.linksContainer li a:active{background-color:#0056b3;border-color:#0056b3}.linksContainer li a:visited{color:#6610f2;border-color:#6610f2}.linksContainer li a:visited:hover{background-color:#6610f2;color:#fff;border-color:#6610f2}.hw2-weight-converter-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px;background-color:#f0f4f8;background-size:cover;background-position:center;font-family:Arial,sans-serif}.hw2-converter-card{background-color:#fffffff2;padding:30px;border-radius:10px;box-shadow:0 6px 20px #00000026;width:100%;max-width:500px;margin:20px}.hw2-converter-card h2{color:#1a237e;margin-bottom:25px;text-align:center;font-size:1.8rem}.hw2-input-group{margin-bottom:20px;display:flex;flex-direction:column}.hw2-input-group label{font-weight:700;margin-bottom:8px;color:#333;display:block}.hw2-input-group .input-field-container{display:flex;align-items:center}.hw2-input-group input[type=number]{padding:12px;border:1px solid #ced4da;border-radius:5px;font-size:1rem;flex-grow:1;box-sizing:border-box}.hw2-input-group .hw2-icon{width:24px;height:24px;margin-left:10px}.hw2-radio-group{margin-bottom:25px;text-align:left}.hw2-radio-group p{font-weight:700;margin-bottom:12px;color:#333}.hw2-radio-option{margin-bottom:12px;display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease-in-out,color .2s ease-in-out;color:#aeaeae}.hw2-radio-option-selected{background-color:#e9ecef;color:#333}.hw2-radio-option input[type=radio]{margin-right:12px;cursor:pointer;transform:scale(1.1)}.hw2-radio-option .hw2-icon{margin:0 5px}.hw2-result-display{margin-top:30px;padding:20px;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;text-align:center;box-shadow:inset 0 1px 3px #0000000d}.hw2-result-display p{font-size:1.8rem;font-weight:700;color:#0d47a1;margin:0}.hw2-result-display .hw2-unit{font-size:1.3rem;font-weight:400;color:#1565c0}.hw2_img_kg_icon:before{content:"KG";font-weight:700;padding:3px 6px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin:0 5px;display:inline-block}.hw2_img_lb_icon:before{content:"LB";font-weight:700;padding:3px 6px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin:0 5px;display:inline-block}.hw2_img_arrow_icon:before{content:"→";margin:0 8px;font-size:1.2em;color:#555}.hw2_img_scale_icon:before{content:"⚖️";font-size:1.8em;margin-left:10px}.returnHomeContainer{position:absolute;display:flex;justify-content:center;align-items:end;width:100vw;height:100vh;padding:20px;pointer-events:none}.returnHomeButton{align-self:flex-end;width:10%;height:8%;font-size:25px;pointer-events:auto}.returnHomeButton:hover{cursor:pointer}.hw3-page-container{display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;min-height:100vh;font-family:Arial,sans-serif;margin:0;background-color:#f0f0f0;color:#333}.hw3-page-container h1{margin-bottom:20px;color:#1a237e}.hw3-main-content-row{display:flex;flex-direction:row;width:100%;max-width:1600px;gap:20px;align-items:flex-start}.hw3-controls-panel{flex:1;max-width:350px;min-width:250px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 100px);overflow-y:auto}.hw3-control-group{display:flex;flex-direction:column;gap:10px}.hw3-control-group h4{margin-top:0;margin-bottom:5px;color:#0056b3;border-bottom:1px solid #eee;padding-bottom:5px;font-size:1.1rem}.hw3-control-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem}.hw3-control-group input[type=radio],.hw3-control-group input[type=checkbox]{margin-right:5px;transform:scale(1.1)}.hw3-control-group input[type=range]{width:100%;cursor:pointer}.hw3-buttons-group button{padding:10px 15px;font-size:.9rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.hw3-buttons-group button:hover{background-color:#0056b3}.hw3-buttons-group button.playing{background-color:#ff6f61;box-shadow:0 0 5px #ff6f61}.hw3-home-button-section{margin-top:auto;padding-top:20px;border-top:1px solid #eee;display:flex;justify-content:center}.hw3-returnHomeButton{padding:12px 25px;font-size:1rem;color:#fff;background-color:#28a745;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease;width:100%;max-width:200px}.hw3-returnHomeButton:hover{background-color:#218838}.hw3-canvas-area{flex:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-height:500px}#sceneCanvas{border:1px solid #ccc;max-width:100%;height:auto;display:block;background-color:#f9f9f9}.hw3-loading-message{font-size:1.2rem;color:#555;padding:20px;text-align:center}.hw4-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f0f2f5}.hw4-title{font-size:2em;color:#333;margin-bottom:30px}.charts-grid{display:grid;grid-template-columns:1fr;gap:30px;width:100%}@media (min-width: 768px){.charts-grid{grid-template-columns:1fr 1fr}}.chart-container{height:400px;width:100%;position:relative}@media (max-width: 768px){.chart-container{height:350px}}@media (max-width: 480px){.chart-container{height:300px}}.video-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0;padding:20px;box-sizing:border-box}.responsive-video{max-width:100%;max-height:90vh;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.video-container{padding:10px}.responsive-video{max-height:80vh}}.pwa-container{display:flex;flex-direction:column;min-height:100vh;background-color:#eef2f7;color:#333;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden;line-height:1.5}.canvas-area{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:1.5rem;overflow:hidden;box-sizing:border-box}.canvas-element{border:1px solid #c0ccda;border-radius:.75rem;width:100%;height:100%;max-width:960px;max-height:640px;background-color:#fff;display:block;box-shadow:0 4px 12px #0000001a}.no-topic-message{color:#6b7280;font-size:1.25rem;text-align:center;padding:1rem}.menu-area{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:#fff;box-shadow:0 -4px 12px #0000001a;flex-shrink:0;width:100%;box-sizing:border-box}.topic-menu-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;width:100%;max-width:800px}.topic-button{padding:.75rem 1.5rem;background-color:#5a67d8;color:#fff;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;font-size:1.1rem;font-weight:700;text-transform:capitalize;flex-shrink:0;min-width:120px;text-align:center}.topic-button:hover{background-color:#4c51bf;transform:translateY(-2px)}.topic-button:active{background-color:#3e498a;transform:translateY(0)}.topic-button:focus{outline:none;box-shadow:0 0 0 3px #5a67d866}.loading-message,.error-message{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.8rem;font-weight:700;text-align:center;padding:1rem}.error-message{color:#e53e3e}@media (max-width: 768px){.canvas-area,.menu-area{padding:1rem}.topic-menu-container{gap:.75rem;margin-bottom:1rem}.topic-button{padding:.6rem 1.2rem;font-size:1rem;min-width:100px}.loading-message,.error-message{font-size:1.4rem}}.returnHomeContainer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding-bottom:10px;pointer-events:none;z-index:1000}body{margin:0;font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}.resume-container{max-width:960px;margin:20px auto;padding:0 20px}.navbar{background:#333;color:#fff;padding:10px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0003}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.nav-item{margin:0 15px}.nav-link{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease}.nav-link:hover{color:#ffc107}.resume-section{background:#fff;margin-top:20px;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.section-title{color:#333;border-bottom:2px solid #ffc107;padding-bottom:10px;margin-bottom:20px;font-size:1.8em}#summary .section-title{color:#007bff;border-color:#007bff}#education .section-title{color:#28a745;border-color:#28a745}#experience .section-title{color:#dc3545;border-color:#dc3545}#skills .section-title{color:#ffc107;border-color:#ffc107}#portfolio .section-title{color:#6f42c1;border-color:#6f42c1}#activities-honors .section-title{color:#17a2b8;border-color:#17a2b8}.contact-info{margin-bottom:20px}.contact-info p{margin:5px 0}.section-list{list-style:none;padding:0;margin:0}.section-list li{margin-bottom:15px;padding-left:20px;position:relative}.section-list li:before{content:"\\2022";color:#ffc107;font-weight:700;display:inline-block;width:1em;margin-left:-1em;position:absolute;left:0}#skills .section-list{display:flex;flex-wrap:wrap;gap:10px}#skills .section-list li{margin-bottom:0;padding:5px 10px;background:#e9ecef;border-radius:5px;font-size:.9em;position:static}#skills .section-list li:before{content:none}.portfolio-carousel-placeholder{text-align:center;padding:30px;background-color:#eef;border:1px dashed #99c;border-radius:8px;margin-top:20px;font-style:italic;color:#669}@media (max-width: 768px){.resume-container{padding:0 10px}.navbar-nav{flex-direction:column;align-items:center}.nav-item{margin:5px 0}.section-title{font-size:1.5em}.resume-section{padding:15px}}.returnHomeContainer{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;padding-bottom:10px;pointer-events:none;z-index:1000}.returnHomeButton{padding:12px 24px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0003;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.returnHomeButton:hover{background-color:#0056b3;transform:translateY(-1px)}.returnHomeButton:active{background-color:#004085;transform:translateY(0)}#root{max-width:1280px;margin:0 auto;text-align:center}.InfoContainer{font-size:40px}#coolButton{height:50px;width:100px;border-radius:5%;font-size:large}#coolButton:hover{cursor:pointer;transform:scale(1.01)}