body{margin:0;background-color:#fff}#root{max-width:1100px;margin:0 auto}.leetcode-stats-svg{margin-top:1rem;width:100%;max-width:450px;transition:transform .3s ease;border-radius:10px}.leetcode-stats-svg:hover{transform:scale(1.03)}:root{--background-color: #f9f9f9;--primary-color: #f9f9f9;--secondary-color: #00bfff;--text-color: #333333;--header-text-color: #333333}body{font-family:Georgia,Times New Roman,Times,serif;color:var(--text-color)}main{padding-top:100px}section{padding:0;border-bottom:none}section>div{background-color:transparent;padding:40px;border-radius:10px;box-shadow:none;margin-bottom:40px;max-width:900px;margin-left:auto;margin-right:auto}h2{color:var(--header-text-color);font-family:Georgia,serif;font-style:italic;font-size:2.2rem;margin-top:0;margin-bottom:40px;text-align:left;position:relative;padding-bottom:15px;border-bottom:1px solid #000}h2:after{display:none}header{background-color:#fffffff2;border-bottom:1px solid #eaeaea;color:var(--header-text-color);padding:1rem 0rem;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 1px 5px #00000080;display:flex;justify-content:center}nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.brand-lockup{align-items:flex-start;display:flex;flex-direction:column;gap:5px}nav .site-title{font-size:1.5rem;text-transform:none}nav .nav-misc{border-bottom:1px solid currentColor;color:#111;font-size:.86rem;font-style:italic;line-height:1.2;padding-bottom:2px;text-transform:none}nav .nav-misc:hover,nav .nav-misc.active{border-bottom-color:var(--secondary-color)}nav ul{list-style:none;margin:0;padding:0;display:flex}nav ul li{margin-left:25px}nav button{color:#333;background:none;border:0;cursor:pointer;font-family:Georgia,serif;text-transform:uppercase;text-decoration:none;font-weight:700;transition:color .3s ease;letter-spacing:1px;padding:0}nav button:hover,nav button.active{color:var(--secondary-color)}nav button.active:before{background-color:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:8px;transform:translateY(-1px);width:6px}nav button:focus-visible,.misc-tabs button:focus-visible{outline:2px solid var(--secondary-color);outline-offset:4px}.about-container{display:flex;align-items:center;gap:40px}.about-text{flex:1;font-size:1.1rem;line-height:1.6}.hobbies-list{list-style-type:none;padding:0;margin-top:20px;line-height:2}.experience-item,.project-item{background-color:transparent;padding:40px 0;margin-bottom:0;border-bottom:1px solid #e0e0e0;border-radius:0}.experience-item:last-child,.project-item:last-child{border-bottom:none;padding-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.experience-header div{flex:1}.experience-header h3{margin:0;color:var(--header-text-color);font-size:1.4rem}.experience-date{color:var(--secondary-color);font-style:italic;white-space:nowrap;padding-left:20px}.experience-item p{margin:5px 0;color:#555}.experience-item ul{padding-left:20px;line-height:1.7;margin:0}.project-item a{color:var(--secondary-color);font-weight:700}.miscellany-section>div{max-width:1040px}.miscellany-intro{color:#555;font-size:1.12rem;line-height:1.7;margin:-15px 0 30px}.misc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.misc-tabs button{background-color:#f5f5f5;border:1px solid #d8d8d8;border-radius:8px;color:#444;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;padding:9px 14px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.misc-tabs button:hover,.misc-tabs button.active{background-color:#fff;border-color:#000;color:#000}.misc-panel{border-top:1px solid #e0e0e0;padding-top:30px}.video-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:28px;align-items:start}.video-frame{aspect-ratio:16 / 9;background-color:#f5f5f5;border:1px solid #e0e0e0;overflow:hidden}.video-frame iframe{border:0;display:block;height:100%;width:100%}.misc-copy h3,.misc-placeholder h3{color:#333;font-size:1.35rem;margin:0 0 12px}.misc-copy p,.misc-placeholder p{color:#555;line-height:1.7;margin:0 0 16px}.misc-copy a{color:var(--secondary-color);font-weight:700}.misc-placeholder{border-left:3px solid #e0e0e0;padding-left:20px}.gallery-wall{column-count:3;column-gap:16px}.gallery-card{background-color:#f7f7f7;border:1px solid #e0e0e0;break-inside:avoid;display:inline-block;margin:0 0 16px;overflow:hidden;width:100%}.gallery-card a{display:block}.gallery-card img{display:block;height:auto;transition:filter .2s ease,transform .2s ease;width:100%}.gallery-card:hover img{filter:saturate(1.05) contrast(1.02);transform:scale(1.015)}.gallery-empty p{color:#666;line-height:1.5}.gallery-empty{border-left:3px solid #e0e0e0;padding-left:20px}.gallery-empty h3{color:#333;font-size:1.35rem;margin:0 0 12px}.skills-container{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}.skill-category{background-color:transparent;padding:0;width:48%}.skill-category h3{color:#333;margin-top:0;margin-bottom:15px;font-size:1.2rem;font-family:Georgia,serif;padding-bottom:5px}.skill-category ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.skill-category li{background-color:#f5f5f5;color:#444;padding:8px 14px;border-radius:20px;font-size:.85rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #e0e0e0;transition:all .2s ease}.skill-category li:hover{background-color:#fff;border-color:#000;color:#000;transform:translateY(-2px);cursor:default}#contact ul{list-style:none;padding:0}#contact a{color:var(--secondary-color)}footer{text-align:center;padding:20px;margin-top:0}.about-image{width:350px;height:600px;border:4px solid var(--secondary-color);border-radius:15px;object-fit:cover;cursor:zoom-in;transition:transform .3s ease}.about-image:hover{transform:scale(1.05)}.zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:grid;place-items:center}.zoomed-image{max-width:90vw;max-height:100vh;margin:0;box-shadow:0 10px 30px #0006}.vibrant-link{color:#00c2cb;text-decoration:none;font-weight:700;transition:color .3s ease,text-shadow .3s ease}.vibrant-link:hover{color:#00f6ff;text-decoration:underline;text-shadow:0 0 8px rgba(0,246,255,.7)}@media (max-width: 900px){main{padding-top:130px}nav{flex-direction:column;gap:14px;padding:0 18px}.brand-lockup{align-items:center}nav ul{flex-wrap:wrap;gap:12px 18px;justify-content:center}nav ul li{margin-left:0}section>div{padding:32px 24px}.about-container,.skills-container,.video-feature{flex-direction:column;grid-template-columns:1fr}.about-image{height:auto;max-height:560px;max-width:350px;width:100%}.skill-category{width:100%}.gallery-wall{column-count:2}}@media (max-width: 560px){main{padding-top:155px}nav button{font-size:.78rem}nav .site-title{font-size:1.25rem}h2{font-size:1.8rem;margin-bottom:28px}.about-text{font-size:1rem}.experience-item,.project-item{padding:28px 0}.misc-tabs button{flex:1 1 30%}.gallery-wall{column-count:1}}