:root{--site-bg:#1a1e2e;--site-bg-warm:#1e2233;--site-accent:#4ecdc4;--site-accent-hover:#6eddd6;--site-accent-muted:#4ecdc41f;--site-sage:#a0c4a8;--site-text:#f5f0e8;--site-text-secondary:#a0a4b8;--site-surface:#ffffff0d;--site-surface-hover:#ffffff17;--site-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{font-family:var(--font-geist-sans), "Inter", -apple-system, sans-serif;background:var(--site-bg);color:var(--site-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--site-border);background:#1a1e2ed9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex}.nav-brand{letter-spacing:-.01em;color:var(--site-accent);font-size:1.1rem;font-weight:700}.nav-links{align-items:center;gap:.15rem;list-style:none;display:flex}.nav-link{color:var(--site-text-secondary);border-radius:8px;padding:.45rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--site-text);background:var(--site-surface-hover)}.nav-link.active{color:var(--site-accent);background:var(--site-accent-muted)}.home-intro{align-items:center;gap:3rem;max-width:900px;margin:0 auto;padding:5rem 2rem 3rem;display:flex}.home-photo{background:var(--site-surface);border:3px solid var(--site-accent);width:180px;height:180px;color:var(--site-text-secondary);filter:grayscale(20%)contrast(1.05);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:4rem;display:flex;overflow:hidden;box-shadow:0 0 0 6px #4ecdc41f}.home-photo img{object-fit:cover;width:100%;height:100%}.home-bio h1{letter-spacing:-.03em;color:var(--site-text);margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.15}.home-bio h1 span{color:var(--site-accent)}.home-bio p{color:var(--site-text-secondary);max-width:550px;font-size:1.1rem;line-height:1.7}.home-sections{max-width:900px;margin:0 auto;padding:2rem 2rem 4rem}.home-sections h2{text-transform:uppercase;letter-spacing:.1em;color:var(--site-accent);margin-bottom:1.25rem;font-size:.8rem;font-weight:700}.home-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.home-card{background:var(--site-surface);border:1px solid var(--site-border);cursor:pointer;border-radius:14px;padding:1.5rem;transition:all .25s}.home-card:hover{background:var(--site-surface-hover);border-color:#e8a04c33;transform:translateY(-2px)}.home-card-icon{margin-bottom:.75rem;font-size:1.75rem;display:block}.home-card-title{margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.home-card-desc{color:var(--site-text-secondary);font-size:.85rem;line-height:1.55}.page-container{max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:3rem 2rem 4rem}.page-header{margin-bottom:2.5rem}.page-title{letter-spacing:-.02em;color:var(--site-text);margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.page-subtitle{color:var(--site-text-secondary);max-width:600px;font-size:1rem;line-height:1.7}.glass-card{background:var(--site-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--site-border);border-radius:14px;padding:1.75rem;transition:all .25s}.glass-card:hover{background:var(--site-surface-hover)}.timeline{padding-left:3rem;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--site-accent), #e8a04c1a);width:2px;position:absolute;top:0;bottom:0;left:.75rem}.timeline-item{opacity:0;margin-bottom:2rem;animation:.5s forwards fadeUp;position:relative}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.timeline-dot{background:var(--site-accent);border:3px solid var(--site-bg-warm);border-radius:50%;width:12px;height:12px;position:absolute;top:.5rem;left:-2.5rem;box-shadow:0 0 10px #4ecdc459}.timeline-date{color:var(--site-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.timeline-title{margin-bottom:.15rem;font-size:1.15rem;font-weight:700}.timeline-subtitle{color:var(--site-text-secondary);margin-bottom:.4rem;font-size:.85rem}.timeline-body{color:var(--site-text-secondary);font-size:.9rem;line-height:1.6}.blog-three-panel{grid-template-columns:260px 1fr 240px;gap:1.5rem;min-height:calc(100vh - 140px);display:grid}.blog-left,.blog-right{max-height:calc(100vh - 100px);padding-right:.5rem;position:sticky;top:80px;overflow-y:auto}.blog-left::-webkit-scrollbar{width:3px}.blog-right::-webkit-scrollbar{width:3px}.blog-left::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.blog-right::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.blog-post-list{list-style:none}.blog-post-list-item{cursor:pointer;color:var(--site-text-secondary);border-left:2px solid #0000;border-radius:8px;margin-bottom:2px;padding:.6rem .75rem;font-size:.85rem;line-height:1.4;transition:all .15s}.blog-post-list-item:hover{background:var(--site-surface-hover);color:var(--site-text)}.blog-post-list-item.active{background:var(--site-accent-muted);color:var(--site-accent);border-left-color:var(--site-accent)}.blog-post-list-date{color:var(--site-text-secondary);opacity:.6;font-size:.7rem}.blog-center{min-width:0}.blog-center .glass-card{min-height:400px}.blog-center h1{margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.blog-center .blog-date{color:var(--site-accent);margin-bottom:1.5rem;font-size:.8rem}.blog-center .blog-content{color:var(--site-text-secondary);font-size:.95rem;line-height:1.8}.blog-center .blog-content p{margin-bottom:1rem}.blog-center .blog-content h2,.blog-center .blog-content h3{color:var(--site-text);margin:1.5rem 0 .75rem}.blog-center .blog-content a{color:var(--site-accent);text-decoration:underline}.blog-center .blog-content img{border-radius:8px;max-width:100%;margin:1rem 0}.blog-center .blog-content blockquote{border-left:3px solid var(--site-accent);color:var(--site-text);margin:1rem 0;padding-left:1rem;font-style:italic}.blog-content{color:var(--site-text-secondary);padding:1.5rem;font-size:.95rem;line-height:1.8}.blog-content p{margin-bottom:1rem}.blog-content h1{color:var(--site-text);margin:2rem 0 .75rem;font-size:1.6rem;font-weight:800}.blog-content h2{color:var(--site-text);margin:1.75rem 0 .6rem;font-size:1.25rem;font-weight:700}.blog-content h3{color:var(--site-text);margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:700}.blog-content a{color:var(--site-accent);text-underline-offset:3px;text-decoration:underline}.blog-content a:hover{color:var(--site-text)}.blog-content ul,.blog-content ol{margin-bottom:1rem;padding-left:1.5rem}.blog-content li{margin-bottom:.4rem}.blog-content blockquote{border-left:3px solid var(--site-accent);color:var(--site-text);background:var(--site-surface);border-radius:0 8px 8px 0;margin:1.25rem 0;padding:.5rem 1rem;font-style:italic}.blog-content code{font-family:var(--font-geist-mono), monospace;background:var(--site-surface);border:1px solid var(--site-border);color:var(--site-accent);border-radius:4px;padding:.1rem .4rem;font-size:.88em}.blog-content pre{background:var(--site-surface);border:1px solid var(--site-border);border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.25rem;overflow-x:auto}.blog-content pre code{color:var(--site-text);background:0 0;border:none;padding:0}.blog-content hr{border:none;border-top:1px solid var(--site-border);margin:2rem 0}.blog-content strong{color:var(--site-text);font-weight:700}.blog-content em{color:var(--site-text)}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:var(--site-accent);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.sidebar-list{list-style:none}.sidebar-list li a{color:var(--site-text-secondary);border-radius:6px;padding:.4rem .6rem;font-size:.85rem;transition:all .15s;display:block}.sidebar-list li a:hover{background:var(--site-surface-hover);color:var(--site-text)}.sidebar-list li a.active-cat{color:var(--site-accent);background:var(--site-accent-muted)}.month-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.month-btn{background:var(--site-surface);border:1px solid var(--site-border);color:var(--site-text-secondary);cursor:pointer;text-align:center;border-radius:6px;padding:.35rem;font-size:.7rem;transition:all .15s}.month-btn:hover{background:var(--site-surface-hover);color:var(--site-text)}.month-btn.active{background:var(--site-accent-muted);color:var(--site-accent);border-color:var(--site-accent)}.idea-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;margin-bottom:1.25rem;padding:2rem;transition:all .25s}.idea-card:hover{background:var(--site-surface-hover)}.idea-status{background:var(--site-accent-muted);color:var(--site-accent);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.idea-title{margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.idea-body{color:var(--site-text-secondary);font-size:.92rem;line-height:1.7}.idea-links{margin-top:1rem}.idea-links a{color:var(--site-accent);margin-right:1rem;font-size:.85rem;text-decoration:underline;display:inline-block}.idea-tag{color:var(--site-sage);background:#7dab8c26;border-radius:999px;margin-top:.75rem;margin-right:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.idea-updates{border-top:1px dashed var(--site-border);margin-top:1.25rem;padding-top:1rem}.idea-updates-title{text-transform:uppercase;letter-spacing:.08em;color:var(--site-text-secondary);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.idea-update-entry{color:var(--site-text-secondary);margin-bottom:.6rem;font-size:.85rem;line-height:1.5}.idea-update-date{color:var(--site-accent);margin-right:.5rem;font-size:.78rem;font-weight:600}.hobby-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.hobby-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;transition:all .25s;overflow:hidden}.hobby-card:hover{border-color:#e8a04c33;transform:translateY(-3px)}.hobby-card-img{background:linear-gradient(135deg,#e8a04c14,#7dab8c0d);justify-content:center;align-items:center;height:200px;font-size:3rem;display:flex}.hobby-card-body{padding:1.25rem}.hobby-card-title{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.hobby-card-desc{color:var(--site-text-secondary);font-size:.85rem;line-height:1.5}.photo-grid{columns:3;column-gap:1rem}.photo-item{break-inside:avoid;background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;margin-bottom:1rem;transition:all .25s;overflow:hidden}.photo-item:hover{border-color:#e8a04c33;transform:scale(1.02)}.photo-placeholder{width:100%;color:var(--site-text-secondary);background:linear-gradient(135deg,#e8a04c0f,#7dab8c0a);justify-content:center;align-items:center;font-size:2rem;display:flex}.site-footer{border-top:1px solid var(--site-border);text-align:center;color:var(--site-text-secondary);padding:2rem;font-size:.82rem}@media (max-width:900px){.blog-three-panel{grid-template-columns:1fr}.blog-left,.blog-right{max-height:none;position:static}}@media (max-width:768px){.nav-links{display:none}.home-intro{text-align:center;flex-direction:column;padding:3rem 1.5rem 2rem}.home-bio p{margin:0 auto}.home-photo{width:140px;height:140px}.home-bio h1{font-size:2rem}.photo-grid{columns:2}.page-title{font-size:1.75rem}}@media (max-width:480px){.photo-grid{columns:1}}