:root{--primary-color: #238636;--primary-color-rgb: 35, 134, 54;--secondary-color: #2ea043;--text-color: #c9d1d9;--background-color: #0d1117;--heading-color: #ffffff;--border-color: #30363d;--max-width: 1200px;--card-background: #161b22;--link-color: #58a6ff;--tag-bg: rgba(56, 139, 253, .15);--tag-color: #58a6ff;--code-bg: #161b22;--sidebar-width: 17rem}[data-theme=light]{--primary-color: #238636;--primary-color-rgb: 35, 134, 54;--secondary-color: #2ea043;--text-color: #24292f;--background-color: #ffffff;--heading-color: #24292f;--border-color: #d0d7de;--card-background: #f6f8fa;--link-color: #0969da;--tag-bg: rgba(9, 105, 218, .1);--tag-color: #0969da;--code-bg: #f6f8fa}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:9999;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem;text-decoration:none;border-radius:0 0 8px}.skip-to-content:focus{left:0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.5;color:var(--text-color);background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;color:var(--heading-color)}.app-container{min-height:100vh;display:flex}.sidebar{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh;background:var(--card-background);border-right:1px solid var(--border-color);z-index:1000;padding:.5rem 0}.sidebar-brand{display:flex;justify-content:center;padding:1rem;background:transparent}.sidebar-brand a{display:block;background:transparent;border:none}.sidebar-brand a:hover,.sidebar-brand a:focus,.sidebar-brand a:active{background:transparent;border:none;outline:none;box-shadow:none}.profile-image{width:160px;height:160px;border:.2rem solid var(--border-color);border-radius:50%;object-fit:cover;margin-bottom:.5rem;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 20px #0000004d}.sidebar-header{padding:0 1rem 1rem;text-align:center}.site-title{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;color:var(--heading-color);text-decoration:none;line-height:1.3;display:block;transition:color .3s ease}.site-title:hover{color:var(--primary-color);text-decoration:none}.site-description{font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;color:var(--text-color);opacity:.6;margin-top:.35rem;line-height:1.4}.sidebar-nav{display:flex;flex-direction:column;margin:2rem 0;padding:0;align-self:center;width:calc(100% - 3.25rem)}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;font-family:Poppins,sans-serif;font-weight:500;font-size:.95rem;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s ease;text-transform:uppercase;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.nav-link:hover{color:var(--primary-color);background-color:#2386361a;text-decoration:none}.nav-link.router-link-exact-active{color:var(--primary-color);font-weight:600;background-color:#2386361a}.nav-link svg{opacity:.5;flex-shrink:0}.sidebar-footer{display:flex;justify-content:center;gap:1.25rem;padding:1rem;margin-top:auto;border-top:1px solid var(--border-color);font-size:.7rem;color:var(--text-color);opacity:.5;font-family:Poppins,sans-serif;align-self:center;width:calc(100% - 3.25rem)}.menu-toggle,.sidebar-overlay{display:none}.main-wrapper{flex:1;margin-left:17rem;min-height:100vh}.main-content{max-width:var(--max-width);margin:0 auto;padding:3rem;width:100%}.blog-list-header{margin-bottom:3rem}.blog-list-header h1{font-size:1.25rem;text-transform:uppercase;margin-bottom:.5rem;position:relative;display:inline-block}.blog-list-header h1:after{content:"";position:absolute;left:0;bottom:-.75rem;width:50px;height:3px;background:var(--primary-color)}.blog-list-header p{color:var(--text-color);font-size:.95rem;margin-top:1.5rem;opacity:.8}.search-bar{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.65rem 1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;transition:border-color .3s ease}.search-bar:focus-within{border-color:var(--primary-color)}.search-bar svg{flex-shrink:0;opacity:.5;color:var(--text-color)}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-color);font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400}.search-input::placeholder{color:var(--text-color);opacity:.4}.search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;padding:.25rem;border-radius:4px;transition:opacity .2s ease,color .2s ease}.search-clear:hover{opacity:1;color:var(--primary-color)}.search-empty{text-align:center;padding:3rem 1rem;color:var(--text-color);opacity:.6;font-size:.95rem}.search-empty strong{color:var(--heading-color)}.post-list{display:flex;flex-direction:column;gap:1.25rem}.post-card{display:block;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 5px 15px #0000001a;text-decoration:none}.post-card:hover .post-title{color:var(--primary-color)}.post-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:.5rem;transition:color .3s ease}.post-excerpt{color:var(--text-color);font-size:.875rem;line-height:1.6;margin-bottom:1rem;opacity:.9}.post-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-color);opacity:.7;flex-wrap:wrap}.post-date{display:flex;align-items:center;gap:.35rem}.post-date svg{opacity:.6}.post-author{font-style:italic}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--tag-bg);color:var(--tag-color);padding:.15rem .6rem;border-radius:12px;font-size:.7rem;font-weight:500;font-family:Poppins,sans-serif}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2.5rem}.tag-cloud-item{display:inline-flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-color);background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.4rem .85rem;cursor:pointer;transition:all .25s ease;white-space:nowrap}.tag-cloud-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);opacity:.4;transition:opacity .25s ease,transform .25s ease;flex-shrink:0}.tag-cloud-item:hover{color:var(--primary-color);border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.06)}.tag-cloud-item:hover .tag-cloud-dot{opacity:1;transform:scale(1.4)}.tag-cloud-item.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tag-cloud-item.active .tag-cloud-dot{background:#fff;opacity:.7}.filtered-posts{margin-top:.5rem}.filtered-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.filtered-header h2{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.filtered-tag-name{color:var(--primary-color)}.filtered-post-count{font-size:.75rem;font-weight:500;color:var(--text-color);opacity:.5;text-transform:uppercase;letter-spacing:.5px}.clear-filter{display:inline-flex;align-items:center;gap:.35rem;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-color);background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .85rem;cursor:pointer;transition:all .3s ease;opacity:.8}.clear-filter:hover{border-color:var(--primary-color);color:var(--primary-color);opacity:1}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;transition:color .3s ease;opacity:.8}.back-link:hover{color:var(--primary-color);text-decoration:none;opacity:1}.post-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.post-header .post-meta{margin-top:1rem;font-size:.85rem}.post-content{font-size:1rem;line-height:1.8;color:var(--text-color)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:Poppins,sans-serif;color:var(--heading-color);font-weight:700;margin-top:2.5em;margin-bottom:.75em;line-height:1.3}.post-content h1{font-size:2rem}.post-content h2{font-size:1.5rem;padding-bottom:.5em;border-bottom:1px solid var(--border-color);position:relative}.post-content h2:after{content:"";position:absolute;left:0;bottom:-1px;width:50px;height:3px;background:var(--primary-color)}.post-content h3{font-size:1.25rem}.post-content h4{font-size:1rem}.post-content p{margin-bottom:1.25em}.post-content ul,.post-content ol{margin-bottom:1.25em;padding-left:2em}.post-content li{margin-bottom:.5em}.post-content li::marker{color:var(--primary-color)}.post-content strong{color:var(--heading-color);font-weight:600}.post-content code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.85em;background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:.2em .4em}.post-content .code-block{position:relative;margin-bottom:1.5em;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.post-content .code-block .code-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:var(--border-color);border-bottom:1px solid var(--border-color)}.post-content .code-block .code-lang{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.post-content .code-block .copy-btn{display:flex;align-items:center;justify-content:center;color:var(--text-color);background:transparent;border:none;border-radius:4px;padding:.25rem;cursor:pointer;opacity:.5;transition:opacity .2s ease,color .2s ease;line-height:0}.post-content .code-block .copy-btn .check-icon{display:none}.post-content .code-block .copy-btn:hover,.post-content .code-block .copy-btn.copied{opacity:1;color:var(--primary-color)}.post-content .code-block .copy-btn.copied svg:first-child{display:none}.post-content .code-block .copy-btn.copied .check-icon{display:block}.post-content .code-block pre{margin-bottom:0;border:none;border-radius:0}.post-content pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;overflow-x:auto;margin-bottom:1.5em}.post-content pre code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.6}.post-content blockquote{border-left:4px solid var(--primary-color);padding:.75em 1.25em;margin:0 0 1.25em;color:var(--text-color);background:var(--card-background);border-radius:0 8px 8px 0;font-style:italic}.post-content a{color:var(--link-color);transition:color .3s ease}.post-content a:hover{color:var(--primary-color)}.post-content img{max-width:100%;border-radius:8px;border:1px solid var(--border-color)}.post-content hr{border:none;border-top:1px solid var(--border-color);margin:2.5em 0}.post-content table{width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:.9rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:table}.post-content thead{background:var(--card-background)}.post-content thead th{font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem;color:var(--heading-color);text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--primary-color);white-space:nowrap}.post-content tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.post-content tbody tr:last-child{border-bottom:none}.post-content tbody tr:hover{background-color:rgba(var(--primary-color-rgb),.04)}.post-content tbody tr:nth-child(2n){background-color:rgba(var(--primary-color-rgb),.02)}.post-content tbody tr:nth-child(2n):hover{background-color:rgba(var(--primary-color-rgb),.06)}.post-content td{padding:.65rem 1rem;color:var(--text-color);line-height:1.5;vertical-align:top}.post-content td code{font-size:.8em}@media (max-width: 991.98px){.post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d;font-style:italic}.token.punctuation{color:#c9d1d9}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79c0ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5d6ff}.token.operator,.token.entity,.token.url{color:#d2a8ff}.token.atrule,.token.attr-value,.token.keyword{color:#ff7b72}.token.function,.token.class-name{color:#d2a8ff}.token.regex,.token.important,.token.variable,.token.decorator,.token.annotation{color:#ffa657}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#6a737d}[data-theme=light] .token.punctuation{color:#24292f}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#0550ae}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#0a3069}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url{color:#6639ba}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.keyword{color:#cf222e}[data-theme=light] .token.function,[data-theme=light] .token.class-name{color:#8250df}[data-theme=light] .token.regex,[data-theme=light] .token.important,[data-theme=light] .token.variable{color:#953800}.share-section{display:flex;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.share-label{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.share-buttons{display:flex;gap:.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-background);color:var(--text-color);cursor:pointer;transition:all .3s ease;text-decoration:none}.share-btn:hover{transform:translateY(-2px);text-decoration:none}.share-btn.share-twitter:hover{border-color:#1da1f2;color:#1da1f2;background:#1da1f21a}.share-btn.share-linkedin:hover{border-color:#0a66c2;color:#0a66c2;background:#0a66c21a}.share-btn.share-facebook:hover{border-color:#1877f2;color:#1877f2;background:#1877f21a}.share-btn.share-copy:hover,.share-btn.share-copy.copied{border-color:var(--primary-color);color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.post-nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.post-nav-link{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--card-background);text-decoration:none;transition:all .3s ease;flex:1;max-width:48%}.post-nav-link:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05);text-decoration:none}.post-nav-prev{align-items:flex-start}.post-nav-next{align-items:flex-end;margin-left:auto}.post-nav-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color)}.post-nav-title{font-size:.95rem;font-weight:500;color:var(--heading-color);line-height:1.4}.post-nav-link:hover .post-nav-title{color:var(--primary-color)}.not-found{text-align:center;padding:6rem 0}.not-found h2{font-size:2rem;text-transform:uppercase;margin-bottom:1rem}.not-found p{color:var(--text-color);margin-bottom:2rem;opacity:.8}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.pagination-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-color);background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-page{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-color);background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.pagination-page:hover:not(:disabled):not(.active){border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-page.ellipsis{border:none;background:none;cursor:default;opacity:.5}.theme-switch{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--card-background);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .3s ease,box-shadow .3s ease}.theme-switch:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.theme-switch svg{width:28px;height:28px}.post-card{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.post-card:nth-child(5){animation-delay:.5s}.post-card:nth-child(6){animation-delay:.6s}.post-card:nth-child(7){animation-delay:.7s}.post-card:nth-child(8){animation-delay:.8s}.post-card:nth-child(9){animation-delay:.9s}.post-card:nth-child(10){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 991.98px){.sidebar{width:100%;height:auto;position:fixed;top:0;left:0;right:0;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);border-right:none;z-index:1000;background:var(--card-background);overflow:visible;flex-direction:column}.sidebar-brand{margin:0;padding:0;display:inline-flex}.profile-image{width:40px;height:40px;border-width:.15rem}.sidebar-header{display:none}.sidebar-nav{display:none;width:100%;background:var(--card-background);padding:1rem;border-radius:.5rem;margin-top:.5rem;border:1px solid var(--border-color);margin:.5rem 0 0}.sidebar.open .sidebar-nav{display:flex;flex-direction:column;width:100%}.sidebar.open .sidebar-header{display:block;padding:.5rem 0}.nav-link{padding:.75rem 1rem;text-align:left;border-radius:.25rem}.nav-link:hover{background-color:#2386361a}.sidebar-footer{display:none}.sidebar.open .sidebar-footer{display:block;margin-top:1rem;padding:1rem 0 0;text-align:center;border-top:1px solid var(--border-color)}.mobile-header{display:none}.menu-toggle{display:block;padding:.5rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid var(--border-color);border-radius:.25rem;transition:all .3s ease;cursor:pointer;color:var(--text-color);position:absolute;top:.5rem;right:1rem}.menu-toggle:hover{border-color:var(--primary-color)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.main-wrapper{margin-left:0;padding-top:50px}.main-content{padding:2rem 1rem}.blog-list-header h1{font-size:2rem}.post-header h1{font-size:1.75rem}.post-title{font-size:1.1rem}.post-card{padding:1.25rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.post-content pre{padding:1rem;font-size:.8rem}.post-content pre code{font-size:.78rem}.post-content .code-block .code-lang{font-size:.6rem}.post-nav{flex-direction:column;gap:1rem}.post-nav-link{max-width:100%}.post-nav-next{align-items:flex-start}.share-section{flex-direction:column;align-items:flex-start;gap:.75rem}.share-btn{width:36px;height:36px}.theme-switch{width:48px;height:48px;bottom:1.5rem;right:1.5rem}.theme-switch svg{width:22px;height:22px}.pagination{gap:.5rem}.pagination-btn{padding:.4rem .75rem;font-size:.8rem}.pagination-page{width:32px;height:32px;font-size:.8rem}}@media (max-width: 480px){.blog-list-header h1{font-size:1.75rem}.post-header h1{font-size:1.5rem}}