:root{--color-primary: #0073e6;--color-primary-hover: #005bb5;--color-primary-light: #e6f2ff;--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-sidebar: #1a1a2e;--color-text: #2d3748;--color-text-secondary: #718096;--color-text-muted: #a0aec0;--color-text-sidebar: #e2e8f0;--color-border: #e2e8f0;--color-border-light: #edf2f7;--color-code-bg: #f7fafc;--color-code-text: #1a202c;--syntax-bg: #282c34;--syntax-text: #abb2bf;--syntax-comment: #5c6370;--syntax-keyword: #c678dd;--syntax-string: #98c379;--syntax-number: #d19a66;--syntax-function: #61afef;--syntax-variable: #e06c75;--syntax-operator: #56b6c2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--transition-fast: 150ms ease;--transition-normal: 250ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:.875rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text);margin-bottom:1rem}h1{font-size:1.875rem;margin-bottom:1.5rem}h2{font-size:1.5rem;margin-top:2rem}h3{font-size:1.25rem;margin-top:1.5rem}h4{font-size:1.125rem;margin-top:1.25rem}h5,h6{font-size:1rem;margin-top:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}strong,b{font-weight:600}em,i{font-style:italic}small{font-size:.8125rem}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}li>ul,li>ol{margin-top:.5rem;margin-bottom:0}code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:0.9em;padding:0.15em 0.4em;background-color:var(--color-code-bg);border-radius:4px;color:var(--color-code-text)}pre{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:.8125rem;line-height:1.5;padding:1rem;margin-bottom:1rem;overflow-x:auto;border-radius:8px;background-color:var(--syntax-bg)}pre code{padding:0;background:none;color:var(--syntax-text);font-size:inherit}blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}img{max-width:100%;height:auto;display:block;border-radius:4px}figure{margin:1.5rem 0}figure img{margin-bottom:.5rem}figure figcaption{font-size:.8125rem;color:var(--color-text-secondary);text-align:center}table{width:100%;margin-bottom:1rem;border-collapse:collapse;font-size:.8125rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:var(--color-bg-secondary)}tr:hover{background-color:var(--color-bg-secondary)}::selection{background-color:var(--color-primary);color:white}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}@media (min-width: 1024px){.site-wrapper{flex-direction:row}}.sidebar{background-color:var(--color-bg-sidebar);color:var(--color-text-sidebar);padding:1.5rem;display:none}@media (min-width: 1024px){.sidebar{display:flex;flex-direction:column;width:280px;min-height:100vh;position:fixed;left:0;top:0;overflow-y:auto}}.sidebar__header{text-align:center;margin-bottom:2rem}.sidebar__avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--color-primary);object-fit:cover}.sidebar__title{font-size:1.25rem;font-weight:700;color:white;margin-bottom:.5rem}.sidebar__title a{color:inherit;text-decoration:none}.sidebar__title a:hover{color:var(--color-primary)}.sidebar__tagline{font-size:.8125rem;color:var(--color-text-muted);line-height:1.75}.sidebar__nav{flex:1;margin-bottom:1.5rem}.sidebar__nav-list{list-style:none;padding:0;margin:0}.sidebar__nav-item{margin-bottom:.25rem}.sidebar__nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--color-text-sidebar);border-radius:8px;transition:all var(--transition-fast);text-decoration:none}.sidebar__nav-link:hover,.sidebar__nav-link--active{background-color:rgba(255,255,255,0.1);color:white;text-decoration:none}.sidebar__nav-link i,.sidebar__nav-link svg{margin-right:.75rem;width:20px;text-align:center}.sidebar__social{display:flex;justify-content:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}.sidebar__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-sidebar);border-radius:50%;transition:all var(--transition-fast)}.sidebar__social-link:hover{background-color:var(--color-primary);color:white;text-decoration:none}.sidebar__theme-toggle{display:flex;justify-content:center;margin-top:1rem}.theme-toggle{background:rgba(255,255,255,0.1);border:none;padding:.5rem 1rem;border-radius:20px;color:var(--color-text-sidebar);cursor:pointer;font-size:.8125rem;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.theme-toggle:hover{background:rgba(255,255,255,0.2)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:16px;height:16px}.theme-toggle .icon-moon{display:none}[data-theme="dark"] .theme-toggle .icon-sun{display:none}[data-theme="dark"] .theme-toggle .icon-moon{display:block}.main-content{flex:1;min-width:0;padding:1.5rem;padding-bottom:calc($spacing-6 + $bottom-nav-height)}@media (min-width: 1024px){.main-content{margin-left:280px;padding:2rem 2.5rem;padding-bottom:2rem}}.content-wrapper{max-width:800px;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--color-bg-sidebar);display:flex;align-items:center;padding:0 .5rem;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,0.1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.bottom-nav::-webkit-scrollbar{display:none}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .75rem;color:var(--color-text-sidebar);text-decoration:none;font-size:.75rem;transition:color var(--transition-fast);flex:0 0 auto;min-width:60px}.bottom-nav__link:hover,.bottom-nav__link--active{color:var(--color-primary);text-decoration:none}.bottom-nav__link i,.bottom-nav__link svg{font-size:20px;margin-bottom:2px}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.page-header__title{margin-bottom:.5rem}.page-header__meta{font-size:.8125rem;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:1rem}.page-header__date,.page-header__read-time{display:flex;align-items:center;gap:.5rem}.featured{margin-bottom:1.5rem}@media (min-width: 768px){.featured{margin-bottom:2.5rem}}.featured__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem}@media (min-width: 768px){.featured__grid{gap:1rem}}.featured__card{display:flex;flex-direction:column;padding:.75rem;background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}@media (min-width: 768px){.featured__card{padding:1.5rem}}.featured__card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.featured__card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}.featured__card:hover::before{transform:scaleY(1)}.featured__card:hover .featured__icon{background:var(--color-primary);color:white}.featured__card:hover .featured__cta{color:var(--color-primary)}.featured__card:hover .featured__cta i{transform:translateX(4px)}.featured__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);border-radius:8px;font-size:.875rem;margin-bottom:.5rem;transition:all var(--transition-normal)}@media (min-width: 768px){.featured__icon{width:48px;height:48px;border-radius:10px;font-size:1.25rem;margin-bottom:1rem}}.featured__title{font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}@media (min-width: 768px){.featured__title{font-size:1.125rem;margin-bottom:.5rem}}.featured__description{font-size:.75rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;flex:1;display:none}@media (min-width: 768px){.featured__description{display:block;font-size:.8125rem;line-height:1.75;margin-bottom:1rem}}.featured__cta{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem;transition:color var(--transition-fast)}@media (min-width: 768px){.featured__cta{font-size:.8125rem;gap:.5rem}}.featured__cta i{font-size:.75rem;transition:transform var(--transition-fast)}.posts-section h2{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.post-list{list-style:none;padding:0;margin:0}.post-item{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.post-item:first-child{padding-top:0}.post-item:last-child{border-bottom:none}.post-item__title{font-size:1.25rem;margin-bottom:.5rem}.post-item__title a{color:var(--color-text)}.post-item__title a:hover{color:var(--color-primary);text-decoration:none}.post-item__meta{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:.75rem}.post-item__excerpt{color:var(--color-text-secondary);line-height:1.75}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-block;padding:.25rem .75rem;font-size:.75rem;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:4px;text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-primary);color:white;text-decoration:none}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid var(--color-border);text-align:center;font-size:.8125rem;color:var(--color-text-secondary)}@media (max-width: 767px){.site-footer{margin-bottom:60px}}.highlight{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden}.highlight pre{margin:0;padding:1rem;overflow-x:auto;background-color:var(--syntax-bg)}.highlight pre code{display:block;padding:0;background:none;color:var(--syntax-text);font-size:.8125rem;line-height:1.6}.highlight .lineno{color:var(--syntax-comment);padding-right:1rem;border-right:1px solid rgba(255,255,255,0.1);margin-right:1rem;user-select:none}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .cp{color:var(--syntax-comment);font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--syntax-keyword)}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:var(--syntax-string)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .mb,.highlight .mx,.highlight .il{color:var(--syntax-number)}.highlight .nf,.highlight .fm,.highlight .nc{color:var(--syntax-function)}.highlight .n,.highlight .na,.highlight .nb,.highlight .bp,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:var(--syntax-variable)}.highlight .o,.highlight .ow{color:var(--syntax-operator)}.highlight .p{color:var(--syntax-text)}.highlight .gd{color:#e06c75;background-color:rgba(224,108,117,0.1)}.highlight .gi{color:#98c379;background-color:rgba(152,195,121,0.1)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gh,.highlight .gu{color:var(--syntax-function);font-weight:bold}.highlight .err{color:#e06c75}.highlight .w{color:var(--syntax-text)}.highlight .nt{color:var(--syntax-variable)}.highlight .nd{color:var(--syntax-function)}.highlight .ne{color:var(--syntax-variable)}.language-bash .highlight .nv,.language-shell .highlight .nv,.language-sh .highlight .nv{color:var(--syntax-variable)}.language-yaml .highlight .na,.language-yml .highlight .na{color:var(--syntax-variable)}.language-yaml .highlight .s,.language-yml .highlight .s{color:var(--syntax-string)}.language-json .highlight .nl{color:var(--syntax-variable)}.highlight .copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.75rem;color:var(--syntax-comment);background-color:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:4px;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.highlight .copy-button:hover{color:var(--syntax-text);border-color:rgba(255,255,255,0.4)}.highlight:hover .copy-button{opacity:1}[data-theme="dark"]{--color-primary: #3b9eff;--color-primary-hover: #6bb3ff;--color-primary-light: rgba(59, 158, 255, 0.15);--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-bg-sidebar: #010409;--color-text: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-sidebar: #c9d1d9;--color-border: #30363d;--color-border-light: #21262d;--color-code-bg: #161b22;--color-code-text: #e6edf3;--syntax-bg: #161b22;--syntax-text: #c9d1d9;--syntax-comment: #8b949e;--syntax-keyword: #ff7b72;--syntax-string: #a5d6ff;--syntax-number: #79c0ff;--syntax-function: #d2a8ff;--syntax-variable: #ffa657;--syntax-operator: #79c0ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4)}[data-theme="dark"] a:hover{color:var(--color-primary-hover)}[data-theme="dark"] img{opacity:0.95}[data-theme="dark"] blockquote{border-left-color:var(--color-primary);background-color:var(--color-bg-secondary)}[data-theme="dark"] th{background-color:var(--color-bg-secondary)}[data-theme="dark"] tr:hover{background-color:rgba(255,255,255,0.05)}[data-theme="dark"] .sidebar{background-color:var(--color-bg-sidebar)}[data-theme="dark"] .sidebar__social{border-top-color:rgba(255,255,255,0.05)}[data-theme="dark"] .bottom-nav{background-color:var(--color-bg-sidebar);box-shadow:0 -2px 10px rgba(0,0,0,0.3)}[data-theme="dark"] .tag{background-color:var(--color-primary-light);color:var(--color-primary)}[data-theme="dark"] .tag:hover{background-color:var(--color-primary);color:white}[data-theme="dark"] .highlight{border:1px solid var(--color-border)}[data-theme="dark"] ::selection{background-color:var(--color-primary);color:white}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--color-primary: #3b9eff;--color-primary-hover: #6bb3ff;--color-primary-light: rgba(59, 158, 255, 0.15);--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-bg-sidebar: #010409;--color-text: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-sidebar: #c9d1d9;--color-border: #30363d;--color-border-light: #21262d;--color-code-bg: #161b22;--color-code-text: #e6edf3;--syntax-bg: #161b22;--syntax-text: #c9d1d9;--syntax-comment: #8b949e;--syntax-keyword: #ff7b72;--syntax-string: #a5d6ff;--syntax-number: #79c0ff;--syntax-function: #d2a8ff;--syntax-variable: #ffa657;--syntax-operator: #79c0ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4)}}