@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;600&family=Inter:wght@400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Source Serif Pro', Georgia, serif;line-height:1.7;color:#121212;background-color:#FFFFFF;min-height:100vh}header{padding:0.5rem 0;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.site-header{border-bottom:none;margin-bottom:0}nav,.nav{padding:0 2rem;padding-left:4rem;display:flex;justify-content:space-between;align-items:baseline}.nav-left{display:flex;align-items:baseline;gap:2.5rem}.brand,.logo{font-size:2.2rem;font-weight:700;color:#121212;text-decoration:none;transform:translateY(1px)}.nav ul,.nav-links{display:flex;list-style:none;gap:1.1rem;margin:0;padding:0}.nav a:not(.brand):not(.logo),.nav-links a{text-decoration:none;color:#9CA3AF;font-weight:500;font-size:1.2rem;transition:color 0.3s ease}.nav a:hover:not(.brand):not(.logo),.nav-links a:hover{color:#4B5563}.nav a.active:not(.brand):not(.logo),.nav-links a.active{color:#4B5563}.search-container{position:relative;display:flex;align-items:center}.search-btn{background:none;border:none;color:#9CA3AF;cursor:pointer;padding:1rem;border-radius:4px;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.search-btn:hover{color:#4B5563;background-color:#FFFFFF}.search-dropdown{position:absolute;top:100%;right:0;background:#FFFFFF;border:1px solid #9CA3AF;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:300px;display:none;z-index:1000;margin-top:0.5rem}.search-dropdown.active{display:block}.search-input{width:100%;padding:0.75rem;border:none;border-bottom:1px solid #9CA3AF;font-size:0.9rem;outline:none;background:transparent;color:#121212}.search-input:focus{border-bottom-color:#4B5563}.search-results{max-height:200px;overflow-y:auto;padding:0.5rem 0}.search-result-item{padding:0.5rem 0.75rem;cursor:pointer;border-bottom:1px solid #9CA3AF;font-size:0.85rem;color:#121212}.search-result-item:hover{background-color:#4B5563;color:#FFFFFF}.search-result-item:last-child{border-bottom:none}.main-content{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.container{max-width:900px;width:100%;margin:0 auto;padding:1.25rem}.main-content .container{margin-left:2vw;margin-right:20vw}.home-container{display:flex;align-items:flex-start;gap:3rem;flex-direction:row;position:relative}.profile-image{width:200px;height:380px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:3rem;font-weight:300;box-shadow:0 12px 40px rgba(0,0,0,0.15);flex-shrink:0;overflow:hidden;transition:box-shadow 0.3s ease;margin-top:5rem}.profile-image:hover{box-shadow:0 16px 48px rgba(0,0,0,0.2)}.profile-image img{width:100%;height:100%;object-fit:cover}.content{flex:1;text-align:left;padding-left:2rem;padding-top:1.5rem;position:relative}h1{font-size:3.2rem;font-weight:400;margin-bottom:1rem;color:#121212;font-family:'Source Serif Pro', Georgia, serif;position:relative;display:inline-block}.content h1{transform:translateX(-0.5rem) translateY(1.5rem);margin-bottom:1rem}.github-icon{margin-left:-0.5rem;margin-bottom:0.5rem}.github-icon a{display:inline-block;background-color:#2c3e50;padding:0.5rem;border-radius:6px;transition:background-color 0.3s ease}.github-icon a:hover{background-color:#24292e}.github-icon img{width:24px;height:24px;display:block}h2{font-size:1.8rem;font-weight:400;margin:2rem 0 1rem 0;color:#121212;font-family:'Source Serif Pro', Georgia, serif}.intro{font-size:1.1rem;color:#4B5563;margin-bottom:2rem;line-height:1.8}.intro p{margin-bottom:1.5rem;position:relative;padding-left:1rem;margin-left:0.5rem}.intro p:last-child{margin-bottom:0}article .intro p{padding-left:0;margin-left:0}.home-container .intro p{padding-left:0;margin-left:0}article .links{padding-left:0}.links{display:flex;gap:2rem;justify-content:flex-start;flex-wrap:wrap;margin:2rem 0;padding-left:1.5rem;position:relative}.link{text-decoration:none;color:#E07A5F;font-weight:500;font-size:1rem;padding:0.5rem 0;border-bottom:2px solid transparent;transition:all 0.3s ease}.link:hover{border-bottom-color:#E07A5F;color:#81B29A}a:not(.brand):not(.logo):not(.link):not(.nav a):not(.nav-links a){color:#E07A5F;text-decoration:underline;font-size:inherit;transition:color 0.3s ease}a:not(.brand):not(.logo):not(.link):not(.nav a):not(.nav-links a):hover{color:#C4654F}.clickable-fore{cursor:pointer;color:#E07A5F;text-decoration:underline;font-weight:600;transition:color 0.3s ease}.clickable-fore:hover{color:#C4654F}.clickable-music{cursor:pointer;color:#E07A5F;text-decoration:underline;font-weight:600;transition:color 0.3s ease}.clickable-music:hover{color:#C4654F}.image-dropdown{margin-top:1rem;padding:1rem;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:slideDown 0.3s ease-out}.image-dropdown img{width:100%;max-width:600px;height:auto;border-radius:6px}.music-dropdown{margin-top:1rem;padding:1rem;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:slideDown 0.3s ease-out}.music-dropdown iframe{width:100%;max-width:560px;height:315px;border-radius:6px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.post-list{padding-left:0;list-style:none}.post-list li{margin-bottom:1rem;padding:1rem;background:#FFFFFF;border:1px solid #F3F4F6;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:box-shadow 0.2s ease}.post-list li:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}.post-list a{color:#121212;text-decoration:none;font-weight:500;font-size:1.1rem}.post-list a:hover{color:#4B5563}.post-list strong{margin-right:0.75rem}.post-list small{color:#4B5563;font-size:1.1rem;line-height:1.8}.container ul:not(.post-list){margin:1.5rem 0;padding-left:3rem;list-style:disc}.container ul:not(.post-list) li{margin-bottom:0.5rem;color:#4B5563;line-height:1.8}.container ol{margin:1.5rem 0;padding-left:3rem;list-style:decimal}.container ol li{margin-bottom:0.5rem;color:#4B5563;line-height:1.8}.site-footer{border-top:1px solid #9CA3AF;margin-top:4rem;padding:1rem 0;background:#FFFFFF;text-align:center}.site-footer p{color:#9CA3AF;margin:0}@media (max-width: 768px){.main-content{padding:1rem}.main-content .container{margin-left:10%;margin-right:auto}.home-container{flex-direction:column;gap:2rem;text-align:left;align-items:flex-start}h1{font-size:2.5rem}.profile-image{width:140px;height:254px;font-size:2.5rem;margin:0;align-self:flex-start}.content{padding-left:0;padding-top:0}.content::before{display:none}.intro{font-size:1rem}.links{justify-content:center;flex-direction:column;gap:1rem;align-items:center}nav,.nav{padding:0 1rem}.nav ul,.nav-links{gap:1rem}}@media (max-width: 480px){.profile-image{width:120px;height:217px;font-size:2rem}h1{font-size:2rem}.brand,.logo{font-size:1.3rem}}