:root,[data-theme=light]{--background:#fff;--sidebar:#f5f5f5;--sidebar-hover:#f0f0f0;--text-primary:#212529;--text-secondary:#495057;--text-heading:#212529;--border-color:#d1d5db;--button-primary:#dedede;--input-background:#fff;--text-hover:#c42d12;--text-link:#007bff}[data-theme=dark]{--background:#13171b;--sidebar:#1a2024;--sidebar-hover:#1c2128;--text-primary:#e0e0e0;--text-secondary:#8b949e;--text-heading:#c9d1d9;--border-color:#30363d;--button-primary:#2a2a2a;--input-background:#1f1f1f;--text-hover:#ebd454;--text-link:#37a494}body{background-color:var(--background);color:var(--text-primary)}.main-layout{background:var(--background);color:var(--text-primary);position:relative}.main-layout,.sidebar{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar);position:fixed;top:0;left:0;bottom:0;flex-direction:column;border-right:none;padding:var(--space-16);height:100%;overflow-y:auto}.site-logo{text-decoration:none;display:block}.site-logo h2{font-size:var(--font-size-4xl);line-height:1;margin-bottom:var(--space-10)}.nav-container{display:flex;flex-direction:column;gap:var(--space-3)}.nav-link{display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1}.nav-link.active{color:var(--text-hover)}.categories-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding:var(--space-16);max-width:900px}.mobile-header{display:none}@media (max-width:1024px){.main-content{padding:0;margin:0 auto;width:100%}.container{padding:0 var(--space-4) var(--space-4) var(--space-4);max-width:900px;margin:0 auto;width:100%}.mobile-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:var(--space-4) 0;margin-bottom:var(--space-6)}.mobile-header h2{font-size:var(--font-size-3xl)}.mobile-menu-toggle{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--button-primary);color:var(--text-primary);border:none;border-radius:var(--borderRadius);padding:var(--space-2);cursor:pointer}.sidebar{transform:translateX(-100%);z-index:999;padding:0}.sidebar,.sidebar.is-open{width:100%;transition:transform .2s ease}.sidebar.is-open{transform:translateX(0)}.sidebar .site-logo{display:none}.sidebar .nav-container{margin-top:var(--space-12)}.mobile-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-toggle{display:block}}@media (max-width:480px){.mobile-header h2{font-size:var(--font-size-2xl)}}.page-container header{margin-bottom:var(--space-12)}.page-container h1,.post-container h1{margin-bottom:var(--space-6);font-size:var(--font-size-3xl);line-height:1}.page-container h2,.post-container h2{margin-bottom:var(--space-6);font-size:var(--font-size-xl)}.page-container section{margin-bottom:var(--space-12)}.page-container section:last-child{margin-bottom:0}.section-posts h2{font-size:var(--font-size-3xl);color:var(--text-heading);margin-bottom:var(--space-8);letter-spacing:.7px;line-height:1}.section-posts .posts-list{display:flex;flex-direction:column;gap:var(--space-6)}.section-posts time{display:block;font-size:var(--font-size-xs)}.section-posts h3{font-size:var(--font-size-lg);line-height:1.3}.post-container h1{margin-bottom:var(--space-12);line-height:1.3}.post-meta{display:flex;align-items:center;margin-bottom:var(--space-1);font-size:var(--font-size-sm);line-height:1;color:var(--text-secondary)}.post-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.post-category-link{display:inline-block;transition:all .2s ease-out;background-color:var(--sidebar);padding:var(--space-2) var(--space-3);border-radius:var(--borderRadius);line-height:1;text-decoration:none}.post-category-link:hover{color:var(--text-hover);transition:all .2s ease-out}.post-container article{margin-bottom:var(--space-12)}.post-header time{display:inline;font-size:var(--font-size-sm);line-height:1}.post-content h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.post-content a{color:var(--text-link);border-bottom:1px solid var(--text-link);transition:all .2s ease-out}.post-content a:hover{color:var(--text-hover);border-bottom:1px dashed var(--text-hover);transition:all .2s ease-out}div[data-youtube-video]{position:relative;padding-bottom:56.25%;height:0}div[data-youtube-video] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--borderRadius)}.error404-page a{color:var(--text-link);border-bottom:1px solid var(--text-link);transition:all .2s ease-out}.error404-page a:hover{color:var(--text-hover);border-bottom:1px dashed var(--text-hover);transition:all .2s ease-out}.reading-time{margin-left:var(--space-4);color:#888;font-size:var(--font-size-sm)}.view-all-posts{display:inline-block;margin-top:var(--space-6);font-weight:600;border-bottom:1px solid var(--text-primary);transition:all .2s ease-out}@media (max-width:768px){.posts-title{font-size:var(--font-size-2xl);letter-spacing:.6px}.post-title{font-size:var(--font-size-base);letter-spacing:.3px}.post-date{font-size:var(--font-size-xs);letter-spacing:.2px}.post-container{display:flex;flex-direction:column}}.theme-switcher-desktop{position:fixed;top:3rem;right:3rem}.theme-switcher{background:var(--button-primary);color:var(--text-primary);border:none;border-radius:var(--borderRadius);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;overflow:hidden}.theme-switcher:hover{transform:scale(1.05)}.theme-switcher svg{transition:transform .3s ease,opacity .2s ease}.theme-switcher:active svg{transform:rotate(30deg)}.theme-switcher.animating{animation:pulse .4s ease}.icon-animating{animation:spin-fade .4s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin-fade{0%{opacity:1;transform:rotate(0deg)}50%{opacity:.5;transform:rotate(180deg) scale(.7)}to{opacity:1;transform:rotate(1turn)}}@media (max-width:1024px){.theme-switcher-desktop{display:none}}