@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap");*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{background:#0d0f14;color:#c8d0e0;font-family:"JetBrains Mono",monospace;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:#7dd3fc;text-decoration:none;transition:color 0.15s ease}a:hover{color:#22d3ee}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1f2535;border-radius:2px}::selection{background:rgba(74,222,128,0.2);color:#fff}@keyframes blink{0%, 100%{opacity:1}50%{opacity:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%, 100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.06);opacity:0.6}}.cursor{display:inline-block;width:8px;height:13px;background:#4ade80;margin-left:2px;vertical-align:middle;animation:blink 1.1s step-end infinite}.tag-pill{display:inline-block;font-size:0.58rem;padding:1px 7px;border-radius:2px;background:#0f1a2a;border:1px solid #1e3a5f;color:#22d3ee;letter-spacing:0.04em;transition:all 0.15s ease}.tag-pill:hover{background:#0e2a40;border-color:#22d3ee;color:#fff}.highlight{background:#181c26;border:1px solid #1f2535;border-radius:4px;padding:1rem 1.2rem;overflow-x:auto;margin:1.5rem 0;font-size:0.78rem;line-height:1.6}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#f97316}.highlight .s,.highlight .s1,.highlight .s2,.highlight .se,.highlight .si,.highlight .sb{color:#86efac}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cp{color:#4a5570;font-style:italic}.highlight .n,.highlight .na,.highlight .nb,.highlight .nc,.highlight .nd{color:#c8d0e0}.highlight .o,.highlight .ow{color:#22d3ee}.highlight .m,.highlight .mi,.highlight .mf{color:#fb923c}.highlight .nf,.highlight .nx{color:#7dd3fc}.highlight .p{color:#4a5570}code{font-family:"JetBrains Mono",monospace;font-size:0.82em;background:#181c26;border:1px solid #1f2535;border-radius:2px;padding:1px 5px;color:#4ade80}pre code{background:none;border:none;padding:0;color:#c8d0e0}.layout{display:grid;grid-template-columns:260px 1fr 240px;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1200px;margin:0 auto}.topbar{grid-column:2 / 4;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #1f2535;gap:1rem}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.7rem;color:#4a5570}.breadcrumb a{color:#7dd3fc}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:#4a5570}.search-wrap{position:relative;flex:0 1 220px}.search-wrap input{width:100%;background:#181c26;border:1px solid #1f2535;border-radius:4px;padding:0.35rem 0.6rem 0.35rem 2rem;color:#c8d0e0;font-family:"JetBrains Mono",monospace;font-size:0.72rem;outline:none;transition:border-color 0.15s ease}.search-wrap input:focus{border-color:#4ade80}.search-wrap input::placeholder{color:#4a5570}.search-wrap .search-icon{position:absolute;left:0.6rem;top:50%;transform:translateY(-50%);color:#4a5570;font-size:0.9rem;pointer-events:none}.main{grid-column:2;grid-row:2;padding:2rem 1.5rem;min-width:0}.page-header{margin-bottom:2.5rem}.page-title{font-family:"Syne",sans-serif;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-0.03em;display:flex;align-items:center;gap:0.6rem}.page-title::before{content:'~/';color:#4ade80;font-family:"JetBrains Mono",monospace;font-size:1rem;font-weight:400}.page-subtitle{font-size:0.7rem;color:#4a5570;margin-top:0.4rem}.sidebar-right{grid-column:3;grid-row:2;padding:2rem 1.5rem;border-left:1px solid #1f2535;display:flex;flex-direction:column;gap:2rem}.footer{grid-column:2 / 4;grid-row:3;padding:1.2rem 1.5rem;border-top:1px solid #1f2535;display:flex;align-items:center;justify-content:space-between;font-size:0.65rem;color:#4a5570}.footer a{color:#4a5570}.footer a:hover{color:#4ade80}.widget-title{font-family:"Syne",sans-serif;font-size:0.72rem;font-weight:700;color:#fff;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.8rem;padding-bottom:0.4rem;border-bottom:1px solid #1f2535}.recent-list{display:flex;flex-direction:column;gap:0.6rem}.recent-list li a{color:#4a5570;font-size:0.7rem;line-height:1.5;display:block}.recent-list li a:hover{color:#7dd3fc}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem}.stat-card{background:#181c26;border:1px solid #1f2535;border-radius:4px;padding:0.6rem;text-align:center}.stat-card .stat-num{font-family:"Syne",sans-serif;font-size:1.1rem;font-weight:800;color:#4ade80}.stat-card .stat-label{font-size:0.58rem;color:#4a5570;letter-spacing:0.06em;margin-top:0.1rem}.rank-badge{background:linear-gradient(135deg, #0a1a12, #051210);border:1px solid #1a4030;border-radius:4px;padding:0.7rem;font-size:0.68rem;text-align:center;margin-top:0.6rem}.rank-badge .rank-num{font-family:"Syne",sans-serif;font-size:1.2rem;font-weight:800;color:#4ade80;display:block}.rank-badge .rank-label{color:#4a5570;font-size:0.6rem;letter-spacing:0.08em}.tag-cloud{display:flex;flex-wrap:wrap;gap:0.4rem}.tag-cloud a{font-size:0.65rem;padding:2px 8px;border-radius:2px;background:#0f1a2a;border:1px solid #1e3a5f;color:#22d3ee;transition:all 0.15s ease;letter-spacing:0.03em}.tag-cloud a:hover{background:#0e2a40;border-color:#22d3ee;color:#fff}.layout--wide .main{grid-column:2 / 4}.layout--wide .sidebar-right{display:none}@media (max-width: 960px){.layout{grid-template-columns:260px 1fr}.sidebar-right{display:none}.topbar{grid-column:2}.footer{grid-column:2}}@media (max-width: 600px){.layout{grid-template-columns:1fr}.sidebar-left{display:none !important}.topbar{grid-column:1}.main{grid-column:1;padding:1.5rem 1rem}.footer{grid-column:1}}.sidebar-left{grid-column:1;grid-row:1 / 4;border-right:1px solid #1f2535;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;position:sticky;top:0;height:100vh;overflow-y:auto}.profile{display:flex;flex-direction:column;align-items:center;gap:0.75rem;text-align:center}.avatar-wrap{position:relative;width:80px;height:80px}.avatar{width:80px;height:80px;border-radius:50%;background:#181c26;border:2px solid #4ade80;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar .avatar-placeholder{width:48px;height:48px;opacity:0.6;color:#4ade80}.avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:1px solid #4ade80;opacity:0.3;animation:pulse-ring 3s ease-in-out infinite}.profile-name{font-family:"Syne",sans-serif;font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-0.02em;text-decoration:none}.profile-name:hover{color:#4ade80}.profile-handle{font-size:0.7rem;color:#4ade80;letter-spacing:0.08em}.profile-bio{font-size:0.68rem;color:#4a5570;line-height:1.6}.profile-badges{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:center}.badge{font-size:0.6rem;padding:2px 8px;border-radius:2px;letter-spacing:0.06em;font-weight:600}.badge--green{background:#0a2212;color:#4ade80;border:1px solid #1a4428}.badge--cyan{background:#071a20;color:#22d3ee;border:1px solid #0e3040}.badge--orange{background:#1a0e05;color:#f97316;border:1px solid #3a2010}.nav-label{font-size:0.6rem;letter-spacing:0.15em;color:#4a5570;text-transform:uppercase;margin-bottom:0.5rem}.nav-list{display:flex;flex-direction:column;gap:0.2rem}.nav-item a{display:flex;align-items:center;gap:0.6rem;padding:0.45rem 0.6rem;border-radius:4px;color:#4a5570;text-decoration:none;font-size:0.75rem;letter-spacing:0.04em;transition:all 0.15s ease;border:1px solid transparent}.nav-item a .nav-icon{opacity:0.5;font-size:0.8rem}.nav-item a:hover,.nav-item a.active{color:#c8d0e0;background:#181c26;border-color:#1f2535}.nav-item a:hover .nav-icon,.nav-item a.active .nav-icon{opacity:1}.nav-item a.active{color:#4ade80}.social-links{display:flex;gap:0.6rem;margin-top:auto;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:1px solid #1f2535;color:#4a5570;text-decoration:none;font-size:0.7rem;transition:all 0.15s ease}.social-link svg{width:14px;height:14px;fill:currentColor}.social-link:hover{color:#4ade80;border-color:#4ade80;background:rgba(74,222,128,0.08)}.year-block{margin-bottom:2.5rem;opacity:0;transform:translateY(12px);animation:fadeUp 0.4s ease forwards}.year-block:nth-child(1){animation-delay:.07s}.year-block:nth-child(2){animation-delay:.14s}.year-block:nth-child(3){animation-delay:.21s}.year-block:nth-child(4){animation-delay:.28s}.year-block:nth-child(5){animation-delay:.35s}.year-block:nth-child(6){animation-delay:.42s}.year-heading{font-family:"Syne",sans-serif;font-size:1rem;font-weight:700;color:#4ade80;margin-bottom:0.8rem;padding-bottom:0.5rem;border-bottom:1px solid #1f2535;display:flex;align-items:center;gap:0.5rem}.year-count{font-family:"JetBrains Mono",monospace;font-size:0.62rem;color:#4a5570;font-weight:400;background:#181c26;border:1px solid #1f2535;padding:1px 6px;border-radius:2px}.post-list{display:flex;flex-direction:column}.post-item{display:flex;align-items:baseline;gap:1rem;padding:0.4rem 0.5rem;border-radius:4px;transition:background 0.15s ease;border:1px solid transparent}.post-item:hover{background:#181c26;border-color:#1f2535}.post-date{font-size:0.68rem;color:#4a5570;min-width:52px;flex-shrink:0;letter-spacing:0.02em}.post-date .day{color:#c8d0e0;font-weight:500}.post-date .month{font-size:0.62rem}.post-link{color:#7dd3fc;font-size:0.78rem;flex:1;min-width:0}.post-link:hover{color:#22d3ee;text-decoration:underline}.post-tags-inline{display:flex;gap:0.3rem;flex-shrink:0;flex-wrap:wrap}.tag-section,.category-section{margin-bottom:2.5rem}.tag-heading,.category-heading{font-family:"Syne",sans-serif;font-size:0.9rem;font-weight:700;color:#22d3ee;margin-bottom:0.75rem;padding-bottom:0.4rem;border-bottom:1px solid #1f2535;display:flex;align-items:center;gap:0.4rem}.tag-heading .count,.category-heading .count{font-family:"JetBrains Mono",monospace;font-size:0.6rem;color:#4a5570;background:#181c26;border:1px solid #1f2535;padding:1px 5px;border-radius:2px;font-weight:400}.post{max-width:100%}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1f2535}.post-title{font-family:"Syne",sans-serif;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.3;margin-bottom:0.75rem}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.7rem;color:#4a5570;align-items:center}.post-meta-item{display:flex;align-items:center;gap:0.3rem}.post-meta-tags{display:flex;gap:0.35rem;flex-wrap:wrap}.post-body{font-size:0.82rem;line-height:1.8;color:#c8d0e0}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:"Syne",sans-serif;color:#fff;font-weight:700;letter-spacing:-0.02em;margin:2rem 0 0.75rem;line-height:1.3}.post-body h1::before,.post-body h2::before,.post-body h3::before,.post-body h4::before,.post-body h5::before,.post-body h6::before{content:'## ';color:#4ade80;font-family:"JetBrains Mono",monospace;font-weight:400;font-size:0.7em}.post-body h1{font-size:1.3rem}.post-body h2{font-size:1.15rem}.post-body h3{font-size:1rem}.post-body h2::before{content:'## '}.post-body h3::before{content:'### '}.post-body h4::before{content:'#### '}.post-body p{margin-bottom:1.1rem}.post-body a{color:#7dd3fc;text-decoration:underline;text-underline-offset:2px}.post-body a:hover{color:#22d3ee}.post-body ul,.post-body ol{margin:0.5rem 0 1.1rem 1.5rem;list-style:initial}.post-body ol{list-style:decimal}.post-body li{margin-bottom:0.3rem}.post-body blockquote{border-left:2px solid #4ade80;padding:0.5rem 0 0.5rem 1rem;margin:1.5rem 0;color:#4a5570;font-style:italic;background:#181c26;border-radius:0 4px 4px 0}.post-body hr{border:none;border-top:1px solid #1f2535;margin:2rem 0}.post-body table{width:100%;border-collapse:collapse;font-size:0.78rem;margin:1.5rem 0}.post-body table th{text-align:left;padding:0.5rem 0.75rem;background:#181c26;color:#4ade80;border:1px solid #1f2535;font-weight:600;letter-spacing:0.04em}.post-body table td{padding:0.45rem 0.75rem;border:1px solid #1f2535;color:#c8d0e0}.post-body table tr:nth-child(even) td{background:rgba(24,28,38,0.5)}.post-body img{border-radius:4px;border:1px solid #1f2535;margin:1.5rem 0}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #1f2535;font-size:0.72rem}.post-nav-link{display:flex;flex-direction:column;gap:0.3rem;padding:0.75rem 1rem;background:#181c26;border:1px solid #1f2535;border-radius:4px;max-width:45%;transition:border-color 0.15s ease}.post-nav-link:hover{border-color:#4ade80}.post-nav-link .nav-dir{color:#4a5570;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase}.post-nav-link .nav-title{color:#7dd3fc}.home-post-card{padding:1.2rem;border:1px solid #1f2535;border-radius:4px;margin-bottom:1rem;transition:all 0.15s ease;background:#12151c}.home-post-card:hover{border-color:#4ade80;background:#181c26}.home-post-title{font-family:"Syne",sans-serif;font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:0.4rem;letter-spacing:-0.02em}.home-post-title a{color:inherit}.home-post-title a:hover{color:#7dd3fc}.home-post-excerpt{font-size:0.72rem;color:#4a5570;line-height:1.6;margin-bottom:0.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-post-footer{display:flex;align-items:center;gap:0.75rem;font-size:0.65rem;color:#4a5570}.about-content{font-size:0.82rem;line-height:1.8}.about-content h2{font-family:"Syne",sans-serif;font-size:1rem;font-weight:700;color:#4ade80;margin:2rem 0 0.75rem;letter-spacing:0.02em}.about-content p{margin-bottom:1rem;color:#c8d0e0}.about-content .skill-row{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem}