: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;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}}.main-content{display:flex;text-align:center;gap:10px;padding:10px;position:relative;margin-left:auto;margin-right:auto;justify-content:center}.home-container{margin-top:0;text-align:center;padding:1rem;background-color:var(--secondary-bg);flex:1;border-radius:8px}.login-logout-container{text-align:center;margin-bottom:15px;width:100%}.login-out-btn{width:90%;padding:10px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background-color:var(--button-bg);color:var(--button-text);transition:background-color .3s ease,transform .1s ease}.login-out-btn:hover{filter:brightness(1.1);transform:scale(1.03)}.login-out-btn.logout{background-color:#e53935;color:#fff}.login-out-btn.logout:hover{background-color:#c62828}.sticky-sidebar{display:flex;flex-direction:column;width:250px;position:sticky;top:5px;align-self:flex-start;height:calc(100vh - 40px);background-color:var(--button-bg);padding:10px;border-radius:8px;box-shadow:0 0 8px #0000001a}.sticky-sidebar a{text-decoration:none;color:var(--button-text);font-weight:500;display:block;padding:6px 8px;border-radius:5px;transition:background-color .3s ease,filter .3s ease}.sticky-sidebar a:hover{filter:brightness(1.1);background-color:#ffffff1a}.sidebar-nav{flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:5px;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-nav a{text-decoration:none;color:var(--button-text);background-color:var(--button-bg);padding:8px 12px;border-radius:5px;transition:filter .3s ease,transform .1s ease}.sidebar-nav a:hover{filter:brightness(1.1);transform:scale(1.03)}.sidebar-scroll{flex-grow:1;overflow-y:auto;padding:15px 15px 30px}.sidebar-divider{border:none;border-top:1px solid rgba(255,255,255,.2);margin:1px 0}.sidebar-toggle-btn{display:none;position:fixed;top:10px;right:10px;background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 14px;font-size:18px;border-radius:5px;cursor:pointer;z-index:1000;transition:filter .3s ease}.sidebar-toggle-btn:hover{filter:brightness(1.1)}.sidebar-dark-toggle{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 14px;font-size:16px;border-radius:5px;cursor:pointer;transition:filter .3s ease,transform .1s ease}.sidebar-dark-toggle:hover{filter:brightness(1.1);transform:scale(1.02)}.profile-section{position:relative;width:160px;margin:0 auto 10px;display:flex;justify-content:center;align-items:center}.profile-section .profile-image{width:160px;height:160px;border-radius:50%;object-fit:cover;display:block;margin:0 auto}.profile-section .edit-icon{position:absolute;bottom:8px;right:8px;width:24px;height:24px;cursor:pointer;opacity:0;transition:opacity .2s ease;background-color:#0009;border-radius:50%;padding:4px}.profile-section:hover .edit-icon{opacity:1}.interests-list{list-style-type:disc;padding-left:20px;margin:10px 0;color:var(--text-color);font-size:1rem}.interests-list li{margin-bottom:6px}.body-list{list-style-type:none;padding-left:0;margin:10px auto;color:var(--text-color);font-size:1rem}.body-list li{margin-bottom:6px}.uni-marks{display:flex;gap:20px;width:100%}.column{flex:1}.left{margin-left:10%}.right{margin-right:10%}#education p{line-height:1.4;margin:5px auto}#experience p{margin:5px 0;line-height:1.4}@media(max-width:1000px){.main-content{margin-top:0;flex-direction:column}.sticky-sidebar{position:fixed;top:10px;right:0;width:220px;height:100vh;background-color:var(--button-bg);padding:20px;box-shadow:-3px 0 6px #0003;transition:transform .3s ease;z-index:999;transform:translate(100%)}.sticky-sidebar.sidebar-visible{transform:translate(0)}.sticky-sidebar.sidebar-hidden{transform:translate(100%)}.sidebar-toggle-btn{display:block}.uni-marks{flex-direction:column}.column{margin:0}.doc-btn{width:80%!important}}.editable-section{position:relative;padding-right:24px}.edit-icon{position:absolute;top:4px;right:4px;width:18px;height:18px;cursor:pointer;opacity:0;transition:opacity .2s ease;filter:invert(1)}.editable-section:hover .edit-icon,.profile-section:hover .edit-icon{opacity:1}textarea{width:100%;min-height:80px;font-size:14px;padding:6px;border:1px solid #ccc;border-radius:4px;resize:vertical}.login-out-btn.logout{background-color:#d9534f;color:#fff}.login-out-btn.logout:hover{background-color:#c9302c}.experience ul{display:flex;justify-content:center;flex-wrap:wrap;column-gap:30px;width:100%;list-style-position:inside;padding-left:0}.experience ul li{break-inside:avoid;margin-bottom:5px}.projects ul{list-style-position:inside;padding-left:0}.projects ul li{margin-bottom:5px}.project-link:hover h3{color:#00f;text-decoration:underline}.doc-btn{margin:10px;width:40%}:root{--primary-bg: #222;--secondary-bg: #111;--tertiary-bg: #10332f;--selected-bg: #28a745;--text-color: #fff;--heading-color: #fff;--button-bg: #444;--button-text: #fff}html.light-mode,body.light-mode{--primary-bg: #007bff;--secondary-bg: #f4f4f4;--tertiary-bg: #b3e6d1;--selected-bg: #28a745;--text-color: #000;--heading-color: #000;--button-bg: #007bff;--button-text: #fff}html.dark-mode,body.dark-mode{--primary-bg: #222;--secondary-bg: #111;--tertiary-bg: #10332f;--selected-bg: #28a745;--text-color: #fff;--heading-color: #fff;--button-bg: #444;--button-text: #fff}html,body{margin:0;padding:0;height:100%;width:100%;background-color:var(--primary-bg);transition:background-color .3s ease,color .3s ease;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;width:100%;color:var(--text-color)}.app-container{background-color:var(--primary-bg);color:var(--text-color);min-height:100vh;padding:10px;transition:background-color .3s ease,color .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.nav-links a{display:inline-block;line-height:1;padding:8px 12px;transition:background-color .3s ease,color .3s ease,transform .1s ease}button{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;transition:background-color .3s ease,color .3s ease,transform .1s ease}button:hover{filter:brightness(1.1);transform:scale(1.03)}button:active{transform:scale(.98)}h1{font-size:2rem;font-weight:900;color:var(--heading-color);margin:16px 0;padding-bottom:6px;border-bottom:3px solid color-mix(in srgb,var(--heading-color) 50%,transparent);letter-spacing:1px}h2{font-size:1.6rem;font-weight:800;color:var(--heading-color);margin:14px 0;padding-bottom:5px;border-bottom:2px solid color-mix(in srgb,var(--heading-color) 40%,transparent);letter-spacing:.8px}h3{font-size:1.4rem;font-weight:600;color:var(--heading-color);margin:12px 0;padding-bottom:4px;border-bottom:2px solid color-mix(in srgb,var(--heading-color) 20%,transparent);letter-spacing:.5px}