:root{--color-gray-100:#e1e1e6;--color-gray-200:#c4c4cc;--color-gray-300:#8d8d99;--color-gray-400:#7c7c8a;--color-gray-500:#505059;--color-gray-600:#323238;--color-gray-700:#29292e;--color-gray-800:#202024;--color-gray-900:#121214;--color-gray-950:#09090a;--color-bg-void:var(--color-gray-950);--color-bg-surface:var(--color-gray-900);--color-bg-surface-hover:var(--color-gray-800);--color-bg-elevated:var(--color-gray-800);--color-bg-primary:var(--color-bg-void);--color-bg-secondary:var(--color-bg-surface);--color-bg-tertiary:var(--color-gray-800);--color-bg-elevated-alt:var(--color-bg-elevated);--color-border-subtle:var(--color-gray-700);--color-border-default:var(--color-gray-600);--color-border-strong:var(--color-gray-500);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-200);--color-text-muted:var(--color-gray-400);--color-text-inverse:var(--color-gray-950);--color-white:#ffffff;--color-accent:#22d3ee;--color-accent-dim:#06b6d4;--color-accent-rgb:34, 211, 238;--color-accent-hover:rgba(34, 211, 238, 0.12);--color-accent-glow:rgba(34, 211, 238, 0.25);--color-accent-scanline:rgba(34, 211, 238, 0.06);--color-accent-primary:var(--color-accent);--color-accent-secondary:var(--color-accent-dim);--color-alert:#ff8c00;--color-alert-rgb:255, 140, 0;--color-alert-hover:rgba(255, 140, 0, 0.15);--color-info:#00a2ff;--color-info-rgb:0, 162, 255;--color-info-hover:rgba(0, 162, 255, 0.12);--color-glitch-magenta:#ff0080;--color-glitch-magenta-rgb:255, 0, 128;--color-kofi:#ff5e5b;--color-kofi-hover:#e54b49;--color-kofi-rgb:255, 94, 91;--color-code-bg:#000000;--color-code-string:#e5c07b;--color-tag:#ff8c00;--color-tag-bg:rgba(var(--color-alert-rgb), 0.12);--color-tag-border:rgba(var(--color-alert-rgb), 0.35);--color-tag-hover-bg:rgba(var(--color-alert-rgb), 0.2);--font-family-sans:'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono:'JetBrains Mono', 'Courier New', Consolas, monospace;--font-family-base:var(--font-family-sans);--font-mono:var(--font-family-mono);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-4xl:3rem;--spacing-5xl:4rem;--container-max-width:680px;--container-wide:1100px;--profile-size:120px;--profile-size-mobile:96px;--icon-size-social:24px;--icon-size-social-mobile:20px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-full:var(--radius-full);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.5);--glow-terminal:0 0 20px var(--color-accent-glow);--glow-terminal-strong:0 0 32px rgba(var(--color-accent-rgb), 0.35);--glow-alert:0 0 16px rgba(var(--color-alert-rgb), 0.2);--ease-out:cubic-bezier(0.33, 1, 0.68, 1);--duration-fast:0.15s;--duration-normal:0.25s;--duration-medium:0.35s;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-medium:var(--duration-medium) var(--ease-out);--transition-slow:0.5s var(--ease-out);--focus-ring:2px solid var(--color-accent);--focus-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2)var(--color-bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-accent-rgb),.4)}::-webkit-scrollbar-corner{background:var(--color-bg-primary)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}.link-button span,.hero-icon{font-family:apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans-serif}body{display:flex;flex-direction:column;min-height:100vh}.site-wrapper{flex:1;display:flex;flex-direction:column}.site-wrapper>main,.site-wrapper>div{flex:1}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem;box-sizing:border-box}.site-footer{width:100%;padding:var(--spacing-xl)var(--spacing-lg);margin-top:auto;background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.site-footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.site-footer p{margin:0}.site-footer__social{display:flex;align-items:center;gap:var(--spacing-md)}.site-footer__social-link{color:var(--color-text-muted);transition:color var(--transition-fast)}.site-footer__social-link:hover{color:var(--color-accent)}.site-footer__social-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%,90%,100%{text-shadow:0 0 10px rgba(var(--color-accent-rgb),.8),0 0 20px rgba(var(--color-accent-rgb),.5),0 0 30px rgba(var(--color-accent-rgb),.3)}95%{text-shadow:2px 0 10px var(--color-glitch-cyan),-2px 0 10px var(--color-glitch-magenta),0 0 20px rgba(var(--color-accent-rgb),.5)}}@keyframes scanlines{0%{transform:translateY(0)}100%{transform:translateY(10px)}}main,.post-layout{animation:pageIn .3s ease-out}body.page-exit main,body.page-exit .post-layout{opacity:0;transform:translateY(-8px);transition:opacity .2s ease-in,transform .2s ease-in}.terminal-nav::after,.hero::after{content:'';position:absolute;inset:0;pointer-events:none}.hero{position:relative}.terminal-nav::before,.hero::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:1}.manual-card:hover{box-shadow:var(--glow-terminal)}@media(prefers-reduced-motion:reduce){.terminal-nav::after,.terminal-nav::before,.hero::after,.hero::before{display:none}}.terminal-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-family-mono)}.terminal-nav__container{max-width:var(--container-wide);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.terminal-nav__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;letter-spacing:.02em;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.terminal-nav__logo:hover{color:var(--color-accent);text-shadow:var(--glow-terminal)}.terminal-nav__logo:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.terminal-nav__logo-by{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:.25em}.terminal-nav__logo:hover .terminal-nav__logo-by{color:var(--color-text-secondary)}.terminal-nav__links{display:flex;align-items:center;gap:var(--spacing-xl)}.terminal-nav__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.terminal-nav__link:hover{color:var(--color-accent);text-shadow:var(--glow-terminal);background:0 0}.terminal-nav__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.terminal-nav__link--rss,.terminal-nav__link--icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.terminal-nav__link--rss:hover,.terminal-nav__link--icon:hover{color:var(--color-accent);text-shadow:var(--glow-terminal);background:0 0}.terminal-nav .terminal-nav__mobile-toggle{display:none}@media(max-width:640px){.terminal-nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--spacing-md);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle)}.terminal-nav__links.is-open{display:flex}.terminal-nav__link{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border-subtle)}.terminal-nav__link:last-child{border-bottom:none}.terminal-nav .terminal-nav__mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.terminal-nav .terminal-nav__mobile-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.terminal-nav .terminal-nav__mobile-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.link-button span{font-family:apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,var(--font-family-mono);filter:none}.link-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);backdrop-filter:blur(10px);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.link-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-glow),transparent);transition:left var(--transition-medium)}.link-button:hover::before{left:100%}.link-button:hover{transform:translateX(4px);background:var(--color-accent-hover);border-color:var(--color-accent);color:var(--color-accent)}.link-button:active{transform:translateX(2px)}.link-button:focus-visible,.social-icon:focus-visible{outline:var(--focus-ring);outline-offset:4px}.link-button--featured{border-color:var(--color-border-strong);background:var(--color-bg-elevated)}.link-button--featured:hover{border-color:var(--color-accent);background:var(--color-accent-hover)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md)var(--spacing-3xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-sm);transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:2px solid transparent;letter-spacing:-.02em}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn-primary{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.btn-primary:hover{background:0 0;color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary{background:0 0;color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}[data-theme=dark] .btn-primary{color:var(--color-bg-primary)}[data-theme=dark] .btn-primary:hover{color:var(--color-accent-primary);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.btn-view-all{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:var(--color-accent);letter-spacing:-.1px;text-decoration:none;padding:var(--spacing-sm)var(--spacing-xl);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.05);transition:all var(--transition-fast)}.btn-view-all:hover{background:rgba(var(--color-accent-rgb),.1);border-color:var(--color-accent);transform:translateY(-2px)}[data-theme=dark] .btn-view-all:hover{background:rgba(var(--color-accent-rgb),.15)}.filter-btn{padding:var(--spacing-xs)var(--spacing-md);background:0 0;border:none;border-radius:100px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;position:relative}.filter-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.filter-btn::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:100px;background:var(--color-bg-tertiary);opacity:0;transition:opacity .2s ease}.filter-btn:hover::before{opacity:1}.filter-btn:hover{color:var(--color-text-primary)}.filter-btn.active{background:var(--color-text-primary);color:var(--color-bg-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.filter-btn.active::before{opacity:0}[data-theme=dark] .filter-btn.active{background:var(--color-white);color:var(--color-bg-primary);box-shadow:var(--shadow-md)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-xl);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pagination-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{transition:transform .2s ease}.pagination-prev:hover:not(:disabled) svg{transform:translateX(-2px)}.pagination-next:hover:not(:disabled) svg{transform:translateX(2px)}.share-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.share-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn svg{transition:transform .2s ease}.share-btn:hover svg{transform:scale(1.1)}.share-twitter:hover{background:#1da1f2;border-color:#1da1f2;color:var(--color-white)}.share-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:var(--color-white)}.share-whatsapp:hover{background:#25d366;border-color:#25d366;color:var(--color-white)}.share-copy:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-white)}.share-copy.copied{background:#10b981;border-color:#10b981;color:var(--color-white)}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:0 0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);transition:border-color var(--transition-fast)}.hamburger:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.hamburger:hover{border-color:var(--color-accent)}.hamburger-bar{display:block;width:18px;height:2px;background:var(--color-text-muted);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.hamburger.is-open .hamburger-bar:nth-child(1){transform:translateY(7px)rotate(45deg)}.hamburger.is-open .hamburger-bar:nth-child(2){opacity:0}.hamburger.is-open .hamburger-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.kofi-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:var(--color-kofi);color:var(--color-white);text-decoration:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(var(--color-kofi-rgb),.2);white-space:nowrap}.kofi-button:hover{background:var(--color-kofi-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-kofi-rgb),.3)}.kofi-icon{width:20px;height:20px;flex-shrink:0}.toc-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:0 0;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.toc-toggle:hover{background:rgba(var(--color-accent-rgb),.05);color:var(--color-accent)}.toc-icon{font-size:14px;color:var(--color-accent)}.toc-chevron{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-fast)}.toc-toggle[aria-expanded=true] .toc-chevron{transform:rotate(180deg)}.toc-inline-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-secondary);border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.toc-inline-toggle:hover{background:var(--color-bg-elevated)}.toc-inline-title{display:flex;align-items:center;gap:var(--spacing-xs)}.toc-inline-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease}.toc-inline-toggle[aria-expanded=true] .toc-inline-chevron{transform:rotate(180deg)}.scroll-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px)translateZ(0);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);z-index:999;will-change:transform,opacity;contain:layout style paint}.scroll-to-top:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.scroll-to-top svg{width:20px;height:20px;color:var(--color-text-muted);transition:color var(--transition-fast)}.scroll-to-top:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);box-shadow:0 0 20px var(--color-accent-hover)}.scroll-to-top:hover svg{color:var(--color-accent)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.focus-mode-btn{display:none}.focus-mode-btn svg{width:20px;height:20px;color:var(--color-text-muted);transition:color var(--transition-fast)}.focus-mode-btn:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);box-shadow:0 0 20px var(--color-accent-hover)}.focus-mode-btn:hover svg{color:var(--color-accent)}.focus-mode .focus-mode-btn{background:var(--color-accent);border-color:var(--color-accent)}.focus-mode .focus-mode-btn svg{color:var(--color-white)}.repo-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--font-family-mono);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.repo-btn--code{color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:0 0}.repo-btn--code:hover{color:var(--color-text-primary);border-color:var(--color-border-default);background:var(--color-bg-elevated)}.repo-btn--demo{color:var(--color-white);background:var(--color-accent);border:1px solid var(--color-accent)}.repo-btn--demo:hover{filter:brightness(1.15);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}@media(max-width:480px){.link-button{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-xs);letter-spacing:.5px}}@media(max-width:600px){.btn-primary,.btn-secondary{width:100%;max-width:320px}.filter-btn{font-size:13px;padding:5px 14px}.pagination-btn{font-size:13px;padding:8px 16px}.share-btn{font-size:13px;padding:8px 14px}.share-btn span{display:none}.scroll-to-top{bottom:20px;right:20px;width:44px;height:44px}.scroll-to-top svg{width:18px;height:18px}.focus-mode-btn{bottom:75px;right:20px;width:44px;height:44px}.focus-mode-btn svg{width:18px;height:18px}.toc-toggle{padding:var(--spacing-sm)var(--spacing-md);font-size:14px}.kofi-button{font-size:var(--font-size-sm);justify-content:center;width:100%}}@media(max-width:768px){.toc-mobile{margin-bottom:var(--spacing-lg);border-radius:6px}.toc-toggle{padding:var(--spacing-sm)var(--spacing-md);font-size:14px}.scroll-to-top{bottom:16px;right:16px;width:40px;height:40px}.scroll-to-top svg{width:16px;height:16px}}.manual-card{display:flex;flex-direction:column;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.manual-card:hover{border-color:var(--color-accent);box-shadow:var(--glow-terminal)}.manual-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.manual-card__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-md)}.manual-card__image{aspect-ratio:16/9;background:var(--color-bg-elevated);overflow:hidden}.manual-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.manual-card:hover .manual-card__image img{transform:scale(1.03)}.manual-card__image--placeholder{display:flex;align-items:center;justify-content:center}.manual-card__image--placeholder svg{width:48px;height:48px;color:var(--color-text-muted)}.manual-card__body{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.manual-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.manual-card__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug);margin:0 0 var(--spacing-sm);transition:color var(--transition-fast)}.manual-card:hover .manual-card__title{color:var(--color-accent)}.manual-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0 0 var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manual-card__footer{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.manual-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.manual-card__tag{font-family:var(--font-family-mono);font-size:.65rem;font-weight:var(--font-weight-medium);color:var(--color-accent);padding:2px 8px;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-xs);background:var(--color-accent-scanline)}.manual-card__badge{display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-alert);padding:2px 8px;border:1px solid rgba(255,107,53,.4);border-radius:var(--radius-xs);background:rgba(var(--color-alert-rgb),.08)}.manual-card__body>.manual-card__badge{margin-bottom:var(--spacing-md)}.manual-card__read-time{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.hero-card{border:2px solid var(--color-border-default);border-radius:12px;padding:var(--spacing-4xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,8%)}.hero-link{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2xl);text-decoration:none;color:inherit}.hero-content{flex:1}.hero-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-sm)}.hero-title{font-size:clamp(28px,4vw,36px);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg);letter-spacing:-.5px;transition:color var(--transition-fast)}.hero-card:hover .hero-title{color:var(--color-accent)}.hero-excerpt{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl);max-width:720px}.hero-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.hero-series{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);padding:4px 12px;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.08)}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.hero-arrow{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:50%;color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.hero-card:hover .hero-arrow{background:var(--color-accent);color:var(--color-bg-primary);transform:translateX(4px)}[data-theme=dark] .hero-card{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}[data-theme=dark] .hero-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .hero-arrow{background:var(--color-bg-primary)}.featured-post{border:2px solid var(--color-border-default);border-radius:12px;overflow:hidden;background:var(--color-bg-primary);transition:all var(--transition-fast)}.featured-post:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,8%)}.featured-post-link{display:grid;grid-template-columns:45% 55%;text-decoration:none;color:inherit;min-height:400px}.featured-post-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-lg)}.featured-post-image{position:relative;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.featured-post:hover .featured-post-image img{transform:scale(1.05)}.featured-post-image.placeholder{display:flex;align-items:center;justify-content:center}.featured-post-content{padding:var(--spacing-5xl);display:flex;flex-direction:column;justify-content:center}.featured-post-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-md)}.featured-post-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg);letter-spacing:-.8px;transition:color var(--transition-fast)}.featured-post:hover .featured-post-title{color:var(--color-accent)}.featured-post-excerpt{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-post-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.featured-series{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);padding:4px 12px;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.08)}.featured-read-time{font-size:13px;font-weight:500;color:var(--color-text-muted)}.featured-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}[data-theme=dark] .featured-post{background:var(--color-bg-primary)}[data-theme=dark] .featured-post:hover{box-shadow:0 12px 32px rgba(0,0,0,.5)}.post-card-compact{border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;background:var(--color-bg-primary);transition:all var(--transition-fast)}.post-card-compact:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,6%)}.post-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.post-card-image{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.post-card-compact:hover .post-card-image img{transform:scale(1.05)}.post-card-image.placeholder{display:flex;align-items:center;justify-content:center}.post-card-content{padding:var(--spacing-xl)}.post-card-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-sm)}.post-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:0 0 var(--spacing-md);letter-spacing:-.3px;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-compact:hover .post-card-title{color:var(--color-accent)}.post-card-meta{font-size:12px;font-weight:500;color:var(--color-text-muted)}[data-theme=dark] .post-card-compact{background:var(--color-bg-primary)}[data-theme=dark] .post-card-compact:hover{box-shadow:0 8px 24px rgba(0,0,0,.5)}.post-card{position:relative;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast);font-family:var(--font-family-sans)}.post-card:last-child{border-bottom:none}.post-card:hover{border-color:var(--color-border-default)}.post-link{display:block;text-decoration:none;color:inherit}.post-date{color:var(--color-text-muted);font-size:var(--font-size-xs);display:block;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.post-link>.post-date{margin-bottom:.4rem}.post-title{color:var(--color-text-primary);font-size:clamp(20px,3vw,26px);font-weight:700;margin-bottom:var(--spacing-md);transition:color var(--transition-fast);line-height:1.3;letter-spacing:-.5px}.post-card:hover .post-title{color:var(--color-accent)}.post-excerpt{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg);max-width:720px}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.blog-post-featured{grid-column:1/-1;border:2px solid var(--color-border-default);border-radius:12px;overflow:hidden;background:var(--color-bg-primary);transition:all var(--transition-fast)}.blog-post-featured:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,8%)}.featured-blog-link{display:grid;grid-template-columns:45% 55%;text-decoration:none;color:inherit;min-height:400px}.featured-blog-image{position:relative;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.featured-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.blog-post-featured:hover .featured-blog-image img{transform:scale(1.05)}.featured-blog-image.placeholder{display:flex;align-items:center;justify-content:center;position:relative}.featured-blog-content{padding:var(--spacing-5xl);display:flex;flex-direction:column;justify-content:center}.featured-blog-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.blog-series-badge{display:inline-flex;align-items:center;font-family:var(--font-family-mono);font-size:11px;font-weight:600;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:4px 10px;border-radius:6px;border:1px solid rgba(var(--color-accent-rgb),.3);margin-bottom:var(--spacing-sm);margin-right:var(--spacing-sm)}.featured-blog-date{font-family:var(--font-family-mono);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-md)}.featured-blog-title{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg);letter-spacing:-.8px;transition:color var(--transition-fast)}.blog-post-featured:hover .featured-blog-title{color:var(--color-accent)}.featured-blog-excerpt{font-size:17px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-blog-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.featured-blog-meta .meta-item{display:flex;align-items:center;gap:6px}.featured-blog-meta svg{flex-shrink:0}.featured-blog-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.blog-post-card{border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;background:var(--color-bg-primary);transition:all var(--transition-fast);display:flex;flex-direction:column}.blog-post-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,8%)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-link:focus-visible,.post-card-link:focus-visible,.related-post-link:focus-visible,.popular-post-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-md)}.blog-card-image{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.blog-post-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image.placeholder{display:flex;align-items:center;justify-content:center;position:relative}.blog-card-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-family:var(--font-family-mono);font-size:10px;font-weight:600;color:var(--color-bg-primary);background:var(--color-accent);padding:4px 10px;border-radius:6px;z-index:2}.blog-card-content{padding:var(--spacing-xl);display:flex;flex-direction:column;flex:1}.blog-card-date{font-family:var(--font-family-mono);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:var(--spacing-sm)}.blog-card-title{font-size:20px;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:0 0 var(--spacing-md);letter-spacing:-.4px;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card:hover .blog-card-title{color:var(--color-accent)}.blog-card-excerpt{font-size:15px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--color-text-muted)}.blog-card-meta .meta-item{display:flex;align-items:center;gap:4px}.blog-card-meta svg{flex-shrink:0}.blog-card-arrow{font-size:18px;color:var(--color-text-muted);transition:all var(--transition-fast)}.blog-post-card:hover .blog-card-arrow{color:var(--color-accent);transform:translateX(4px)}[data-theme=dark] .blog-post-featured{background:var(--color-bg-primary)}[data-theme=dark] .blog-post-featured:hover{box-shadow:0 16px 40px rgba(0,0,0,.6)}[data-theme=dark] .blog-post-card{background:var(--color-bg-primary)}[data-theme=dark] .blog-post-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.5)}.related-post-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .2s ease;border:1px solid var(--color-border-subtle)}.related-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.related-post-link{display:block;text-decoration:none;color:inherit}.related-post-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--color-bg-tertiary)}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-content{padding:var(--spacing-xl)}.related-post-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--color-text-tertiary);font-weight:500}.related-post-meta .meta-category{color:var(--color-accent-primary)}[data-theme=dark] .related-post-card{background:var(--color-bg-primary)}[data-theme=dark] .related-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}.popular-post-card{background:var(--color-bg-primary);border-radius:var(--border-radius-md);overflow:hidden;transition:all .2s ease;border:1px solid var(--color-border-subtle)}.popular-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,8%);border-color:var(--color-border)}.popular-post-link{display:block;text-decoration:none;color:inherit}.popular-post-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--color-bg-tertiary)}.popular-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.popular-post-card:hover .popular-post-image img{transform:scale(1.05)}.popular-post-content{padding:var(--spacing-lg)}.popular-post-category{display:inline-block;font-size:11px;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.popular-post-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--color-text-tertiary);font-weight:500}[data-theme=dark] .popular-post-card{background:var(--color-bg-secondary)}[data-theme=dark] .popular-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}.series-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-xl);background:var(--color-bg-secondary);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.series-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.series-card-link{text-decoration:none;color:inherit}.series-card-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-md)}.series-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.series-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.series-card-count{font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px}.series-card-posts{list-style:none;padding:0;margin:0}.series-post-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;color:var(--color-text-secondary);font-size:14px}.series-post-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);border-radius:4px;flex-shrink:0}.series-post-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-link{display:block;text-decoration:none;color:inherit}.series-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.series-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast)}.series-card:hover .series-title{color:var(--color-accent)}.series-count{font-family:var(--font-family-mono);font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.series-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.series-post-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-secondary);line-height:1.5}.series-post-number{font-family:var(--font-family-mono);font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.series-post-title{flex:1}[data-theme=dark] .series-card{background:var(--color-bg-primary)}[data-theme=dark] .series-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}.lab-project-card{border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-xl);background:var(--color-bg-primary);transition:all var(--transition-fast)}.lab-project-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.lab-project-link{display:block;text-decoration:none;color:inherit}.lab-project-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.lab-project-icon{color:var(--color-accent);flex-shrink:0}.lab-project-title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast);letter-spacing:-.3px}.lab-project-card:hover .lab-project-title{color:var(--color-accent)}.lab-project-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.lab-project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.lab-card{border:1px solid var(--color-border-subtle);border-radius:6px;padding:var(--spacing-lg);background:var(--color-bg-primary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.lab-card:hover{border-color:var(--color-accent);transform:translateX(4px)}.lab-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.lab-icon{color:var(--color-accent);flex-shrink:0}.lab-card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.2px}.lab-card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.lab-card-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-mono);font-size:12px;font-weight:500;color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.lab-card-link:hover{opacity:.8}[data-theme=dark] .lab-card{background:var(--color-bg-secondary)}[data-theme=dark] .lab-project-card{background:var(--color-bg-primary)}[data-theme=dark] .lab-project-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}.repo-card{display:flex;flex-direction:column;padding:var(--spacing-lg);border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-secondary);color:inherit}.repo-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.repo-icon{flex-shrink:0;color:var(--color-text-muted)}.repo-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-accent);letter-spacing:0;line-height:1.3;word-break:break-word}.repo-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-lg);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.repo-desc--empty{color:var(--color-text-muted);opacity:.6;font-style:italic}.repo-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-lg)}.repo-topic{font-size:11px;padding:2px 8px;border-radius:12px;background:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:500;letter-spacing:.2px}.repo-langs{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:var(--spacing-lg)}.repo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--color-text-muted);margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.repo-lang-bar{display:flex;width:100%;height:8px;border-radius:4px;overflow:hidden;margin-bottom:6px;background:var(--color-bg-elevated)}.repo-lang-bar-segment{display:block;height:100%;min-width:2px}.repo-lang-list{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:var(--spacing-sm);font-size:11px}.repo-lang-pct{opacity:.5;font-size:10px}.repo-lang{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--color-text-muted)}.repo-lang-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.repo-stat{display:inline-flex;align-items:center;gap:3px}.repo-stat svg{opacity:.7}.repo-license{font-size:11px;opacity:.8}.repo-updated{display:inline-flex;align-items:center;gap:3px;font-size:11px;opacity:.7;margin-left:auto}.repo-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.repo-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--font-family-mono);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.repo-btn--code{color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:0 0}.repo-btn--code:hover{color:var(--color-text-primary);border-color:var(--color-border-default);background:var(--color-bg-elevated)}.repo-btn--demo{color:var(--color-white);background:var(--color-accent);border:1px solid var(--color-accent)}.repo-btn--demo:hover{filter:brightness(1.15);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.about-link-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-secondary);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.about-link-card svg{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.about-link-card div{display:flex;flex-direction:column;gap:2px}.about-link-card strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.about-link-card span{color:var(--color-text-muted);font-size:12px}.about-link-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.1)}.about-link-card:hover svg{color:var(--color-accent)}.about-link-card:hover strong{color:var(--color-accent)}.about-link-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.author-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;margin-top:var(--spacing-2xl)}.author-card img{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-accent)}.author-card .author-info{flex:1}.author-card .author-name{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.author-card .author-bio{color:var(--color-text-muted);font-size:var(--font-size-xs)}.snippet-compact-item{border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-lg)0;transition:border-color var(--transition-fast)}.snippet-compact-item:last-child{border-bottom:none}.snippet-compact-item:hover{border-color:var(--color-border-default)}.snippet-compact-link{display:block;text-decoration:none;color:inherit}.snippet-compact-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.snippet-compact-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast);flex:1}.snippet-compact-item:hover .snippet-compact-title{color:var(--color-accent)}.snippet-compact-date{font-size:11px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.snippet-compact-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.snippet-item{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle)}.snippet-item:last-child{border-bottom:none;padding-bottom:0}.snippet-link{display:block;text-decoration:none;color:inherit}.snippet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.snippet-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;transition:color var(--transition-fast);flex:1}.snippet-link:hover .snippet-title{color:var(--color-accent)}.snippet-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.snippet-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}@media(max-width:1024px){.featured-post-link,.featured-blog-link{grid-template-columns:1fr;min-height:auto}.featured-post-content,.featured-blog-content{padding:var(--spacing-3xl)}.posts-grid-three,.blog-posts-grid{grid-template-columns:repeat(2,1fr)}.lab-projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-card{padding:var(--spacing-2xl)}.hero-link{flex-direction:column}.hero-arrow{align-self:flex-end}.featured-post-content,.featured-blog-content{padding:var(--spacing-2xl)}.featured-post-title,.featured-blog-title{font-size:28px}.featured-post-excerpt,.featured-blog-excerpt{font-size:16px}.posts-grid-three,.blog-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.post-card-content,.blog-card-content{padding:var(--spacing-lg)}.post-card-title,.blog-card-title{font-size:16px}.blog-card-excerpt{font-size:14px}.lab-projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.series-card{padding:var(--spacing-xl)}.related-posts-grid,.popular-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.related-post-title{font-size:15px}.popular-post-title{font-size:14px}}@media(max-width:600px){.repo-card{padding:var(--spacing-md)}.repo-name{font-size:var(--font-size-sm)}.repo-desc{font-size:var(--font-size-xs)}.repo-updated{margin-left:0;width:100%;margin-top:4px}.about-link-card{padding:var(--spacing-sm)var(--spacing-md)}.post-card-content{padding:var(--spacing-lg)}.post-card-title{font-size:18px}}@media(prefers-contrast:high){.post-card,.hero-card,.series-card,.lab-card,.lab-project-card,.blog-post-card,.featured-post,.related-post-card,.popular-post-card,.repo-card,.about-link-card,.author-card{border-width:2px}}:root{--color-tag:#4b5563;--color-tag-rgb:75, 85, 99;--color-tag-bg:rgba(75, 85, 99, 0.08);--color-tag-border:rgba(75, 85, 99, 0.25);--color-tag-hover-bg:rgba(75, 85, 99, 0.15);--color-tag-hover-border:rgba(75, 85, 99, 0.4)}[data-theme=dark]{--color-tag:#9ca3af;--color-tag-rgb:156, 163, 175;--color-tag-bg:rgba(156, 163, 175, 0.12);--color-tag-border:rgba(156, 163, 175, 0.3);--color-tag-hover-bg:rgba(156, 163, 175, 0.2);--color-tag-hover-border:rgba(156, 163, 175, 0.5)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-tags--footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle)}.tag{display:inline-flex;align-items:center;color:var(--color-tag);font-size:12px;font-weight:600;padding:2px 10px;border:1px solid var(--color-tag-border);border-radius:24px;background:var(--color-tag-bg);text-transform:lowercase;letter-spacing:0;line-height:1.6;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tag::before{content:none}.post-card:hover .tag{background:var(--color-tag-hover-bg);border-color:var(--color-tag-hover-border)}.tag-mini{font-size:11px;font-weight:600;color:var(--color-tag);background:var(--color-tag-bg);padding:2px 8px;border-radius:12px}.post-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.category{display:inline-flex;align-items:center;color:var(--color-text-primary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--color-bg-elevated);text-transform:uppercase;letter-spacing:.5px;line-height:1.6}.post-category{color:var(--color-accent);font-weight:600}.meta-category{font-weight:500}.popular-post-category{display:inline-block;font-size:11px;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.post-series-badge{display:inline-block;color:var(--color-accent);font-family:var(--font-family-mono);font-size:11px;font-weight:600;padding:3px 10px;margin-bottom:var(--spacing-xs);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:4px;background:rgba(var(--color-accent-rgb),.08)}.blog-series-badge{display:inline-flex;align-items:center;font-family:var(--font-family-mono);font-size:11px;font-weight:600;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:4px 10px;border-radius:6px;border:1px solid rgba(var(--color-accent-rgb),.3);margin-bottom:var(--spacing-sm);margin-right:var(--spacing-sm)}.hero-series{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);padding:4px 12px;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.08)}.featured-series{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);padding:4px 12px;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.08)}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.featured-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.featured-blog-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.snippet-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.snippet-compact-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-lg)0}.chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:20px;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast)}.chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.chip--accent{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3);color:var(--color-accent)}.chip--warning{background:var(--color-alert-hover);border-color:rgba(var(--color-alert-rgb),.3);color:var(--color-alert)}.chip--success{background:var(--color-accent-hover);border-color:rgba(var(--color-accent-rgb),.3);color:var(--color-accent)}.blog-card-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-family:var(--font-family-mono);font-size:10px;font-weight:600;color:var(--color-bg-primary);background:var(--color-accent);padding:4px 10px;border-radius:6px;z-index:2}.featured-blog-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.section-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px;margin-left:var(--spacing-xs)}.section-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:2px 8px;border-radius:12px;border:1px solid rgba(var(--color-accent-rgb),.3);margin-left:var(--spacing-xs)}.dashboard-count{font-size:12px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px}.dashboard-badge{font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.series-card-count{font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px}.series-count{font-family:var(--font-family-mono);font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.series-post-number{font-family:var(--font-family-mono);font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.series-part{color:var(--color-bg-primary);font-size:11px;font-weight:600;padding:4px 10px;background:var(--color-accent);border-radius:20px;margin-left:auto}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.skill-tag{font-size:var(--font-size-xs);padding:5px 14px;border-radius:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);transition:all var(--transition-fast);letter-spacing:.2px}.skill-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-hover)}.repo-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-lg)}.repo-topic{font-size:11px;padding:2px 8px;border-radius:12px;background:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:500;letter-spacing:.2px}.lab-project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}@media(max-width:600px){.tag{font-size:11px;padding:2px 8px}.post-tags{gap:4px}.chip{font-size:11px;padding:4px 10px}.chips{justify-content:flex-start}}@media(max-width:400px){.skill-tag{font-size:11px;padding:4px 10px}}.callout{padding:var(--spacing-md)var(--spacing-lg);margin:var(--spacing-xl)0;border-left:4px solid;border-radius:0 var(--radius-md)var(--radius-md)0;font-size:var(--font-size-sm);line-height:var(--leading-relaxed);background:var(--color-bg-surface)}.callout__title{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.callout--info{border-left-color:var(--color-info);background:rgba(var(--color-info-rgb),.06)}.callout--info .callout__title{color:var(--color-info)}.callout--warning{border-left-color:var(--color-alert);background:rgba(var(--color-alert-rgb),.06)}.callout--warning .callout__title{color:var(--color-alert)}.callout--success{border-left-color:var(--color-accent);background:var(--color-accent-scanline)}.callout--success .callout__title{color:var(--color-accent)}.callout--danger{border-left-color:var(--color-glitch-magenta);background:rgba(var(--color-glitch-magenta-rgb),.06)}.callout--danger .callout__title{color:var(--color-glitch-magenta)}.callout p:last-child{margin-bottom:0}.site-header{position:sticky;top:0;z-index:100;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-2xl);width:100%}.site-header-container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .site-header{background:var(--color-bg-primary)}.site-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.site-header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.site-header .header-logo{color:var(--color-text-primary);font-family:var(--font-family-mono);text-decoration:none;transition:color var(--transition-fast);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center}.site-header .logo-subtitle{font-size:12px;font-weight:400;color:var(--color-text-muted);transform:translate(8px,0)}.site-header .header-logo .logo-subtitle{font-size:.75rem;font-weight:400;color:var(--color-text-muted);letter-spacing:.02em}.site-header .header-logo:hover{color:var(--color-accent)}.header-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-logo{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.5px}.header-nav-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.site-header .nav-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-family-mono);transition:color .2s ease;letter-spacing:.5px}.site-header .nav-link:hover{color:var(--color-accent)}.site-header .nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.site-header .nav-rss{display:inline-flex;align-items:center}.home-nav{display:flex;gap:var(--spacing-lg);align-items:center}.home-nav .nav-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-mono);transition:color .2s ease;letter-spacing:.5px}.home-nav .nav-link:hover{color:var(--color-accent)}.home-nav .nav-rss{display:inline-flex;align-items:center}.post-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:4px;margin-bottom:var(--spacing-2xl);transition:color var(--transition-fast);font-weight:500}.back-link:hover{color:var(--color-accent)}.back-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.nav-mobile-controls{display:none;align-items:center;gap:var(--spacing-sm)}@media(max-width:640px){.nav-mobile-controls{display:flex}.site-header-right{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-md)var(--spacing-lg);z-index:200;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .site-header-right{background:rgba(10,10,10,.97)}.site-header-right.is-open{display:flex}.site-header .nav-link{width:100%;padding:var(--spacing-sm)0;font-size:1rem;border-bottom:1px solid var(--color-border-subtle)}.site-header .nav-link:last-of-type{border-bottom:none}.site-header .nav-rss{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border-subtle)}.site-header{position:sticky}}.blog-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);flex:1}.filter-results{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.filter-results #results-count{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-4xl);padding-top:var(--spacing-4xl);border-top:1px solid var(--color-border-subtle)}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-mono);min-width:140px;text-align:center}.pagination-info #current-page{color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.post-series-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.08) 0%,rgba(var(--color-accent-rgb),.02) 100%);border:1px solid rgba(var(--color-accent-rgb),.25);border-left:4px solid var(--color-accent);border-radius:0 8px 8px 0;font-family:var(--font-family-mono);font-size:13px;position:relative}.post-series-banner::before{content:"📚";font-size:16px;margin-right:var(--spacing-xs)}.series-label{color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.series-name{color:var(--color-accent);font-weight:700;font-size:14px;text-decoration:none;transition:color var(--transition-fast)}.series-name:hover{color:var(--color-text-primary);text-decoration:underline}.series-name:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}@media(max-width:768px){.blog-filters{flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.filter-group{justify-content:center}.filter-btn{font-size:13px;padding:5px 14px}.filter-results{text-align:center;font-size:12px}.blog-pagination{flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-info{font-size:13px;order:-1}}@media(max-width:600px){.site-header{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm)}.site-header-right{gap:var(--spacing-sm)}.site-header .header-logo{font-size:.9rem}.site-header .nav-link{font-size:12px}.post-series-banner{flex-wrap:wrap}.back-link{font-size:14px;padding:4px 10px}}.social-share{margin:var(--spacing-4xl)0;padding:var(--spacing-3xl)0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.social-share-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.social-share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.share-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 18px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.share-btn svg{transition:transform .2s ease}.share-btn:hover svg{transform:scale(1.1)}.share-twitter:hover{background:#1da1f2;border-color:#1da1f2;color:var(--color-white)}.share-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:var(--color-white)}.share-whatsapp:hover{background:#25d366;border-color:#25d366;color:var(--color-white)}.share-copy:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-white)}.share-copy.copied{background:#10b981;border-color:#10b981;color:var(--color-white)}@media(max-width:768px){.social-share-buttons{justify-content:center}.share-btn{font-size:13px;padding:8px 14px}.share-btn span{display:none}}.contact-command{margin:var(--spacing-3xl)0;padding:var(--spacing-2xl)0;border-top:1px solid var(--color-border-subtle);text-align:center}.contact-command__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:.06em;margin:0 0 var(--spacing-xl)}.contact-command__grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:stretch;justify-content:center}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:180px;min-width:180px;padding:var(--spacing-md)var(--spacing-lg);min-height:48px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-normal);position:relative;overflow:hidden}.contact-btn__icon{flex-shrink:0;color:var(--color-text-secondary);transition:color var(--transition-fast)}.contact-btn__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.contact-btn:hover,.contact-btn:focus-visible{outline:none;border-color:var(--color-border-strong);background:var(--color-bg-surface-hover)}.contact-btn:focus-visible{box-shadow:0 0 0 2px var(--color-border-strong);outline-offset:2px}.contact-btn--linkedin{border-width:2px;border-color:var(--color-border-strong);background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.contact-btn--linkedin .contact-btn__icon{color:var(--color-text-secondary)}.contact-btn--linkedin:hover,.contact-btn--linkedin:focus-visible{border-color:var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text-primary)}.contact-btn--linkedin:hover .contact-btn__icon{color:#0a66c2}.contact-btn--gitlab:hover .contact-btn__icon{color:var(--color-text-primary)}.contact-btn--rss:hover .contact-btn__icon{color:var(--color-text-primary)}.site-footer .contact-command{margin-top:0;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle)}.site-footer .contact-command__grid{justify-content:center;gap:var(--spacing-sm)}.site-footer .contact-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:.7rem}@media(max-width:640px){.contact-command__grid{flex-direction:column;align-items:center}.contact-btn{width:100%;min-width:0;max-width:280px;justify-content:center;margin-left:auto;margin-right:auto}.contact-btn__text{font-size:.7rem}}.related-posts{margin:var(--spacing-5xl)0 var(--spacing-4xl)}.related-posts-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-3xl)}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.related-post-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .2s ease;border:1px solid var(--color-border-subtle)}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--color-border)}.related-post-link{display:block;text-decoration:none;color:inherit}.related-post-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--color-bg-tertiary)}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-content{padding:var(--spacing-xl)}.related-post-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--color-text-tertiary);font-weight:500}.related-post-meta .meta-category{color:var(--color-accent-primary)}@media(max-width:768px){.related-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.related-post-title{font-size:15px}}[data-theme=dark] .related-post-card{background:var(--color-bg-primary)}[data-theme=dark] .related-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}.popular-posts{margin-bottom:var(--spacing-5xl);padding:var(--spacing-3xl);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-subtle)}.popular-posts-header{margin-bottom:var(--spacing-3xl)}.popular-posts-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.popular-posts-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.popular-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.popular-post-card{background:var(--color-bg-primary);border-radius:var(--border-radius-md);overflow:hidden;transition:all .2s ease;border:1px solid var(--color-border-subtle)}.popular-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,8%);border-color:var(--color-border)}.popular-post-link{display:block;text-decoration:none;color:inherit}.popular-post-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--color-bg-tertiary)}.popular-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.popular-post-card:hover .popular-post-image img{transform:scale(1.05)}.popular-post-content{padding:var(--spacing-lg)}.popular-post-category{display:inline-block;font-size:11px;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.popular-post-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--color-text-tertiary);font-weight:500}@media(max-width:768px){.popular-posts{padding:var(--spacing-xl)}.popular-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.popular-post-title{font-size:14px}}[data-theme=dark] .popular-posts{background:var(--color-bg-primary)}[data-theme=dark] .popular-post-card{background:var(--color-bg-secondary)}[data-theme=dark] .popular-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}.toc-sidebar{display:none!important;width:200px;flex-shrink:0;order:2;opacity:1}.toc-sticky{position:sticky;top:var(--spacing-xl);max-height:calc(100vh - 60px);display:flex;flex-direction:column}.toc-header{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm)0;color:var(--color-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-sm);flex-shrink:0}.toc-header .toc-icon{color:var(--color-accent);font-size:12px}.toc-nav{overflow-y:auto;flex:1;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1)transparent}.toc-nav::-webkit-scrollbar{width:3px}.toc-nav::-webkit-scrollbar-track{background:0 0}.toc-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.toc-nav::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-accent-rgb),.5)}.toc-nav ul{list-style:none;margin:0;padding:0}.toc-nav>ul{border-left:2px solid var(--color-border-subtle);padding-left:var(--spacing-sm)}.toc-nav li{margin:2px 0}.toc-nav a{display:block;padding:4px 8px;color:var(--color-text-muted);text-decoration:none;font-size:11px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);line-height:1.4}.toc-nav a:hover,.toc-nav a.active{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.toc-nav ul ul{padding-left:8px;margin-top:2px}.toc-nav ul ul a{font-size:10px;opacity:.85;padding:3px 8px}.toc-mobile{margin-bottom:var(--spacing-2xl);border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-elevated);overflow:hidden;opacity:1}.toc-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:0 0;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.toc-toggle:hover{background:rgba(var(--color-accent-rgb),.05);color:var(--color-accent)}.toc-icon{font-size:14px;color:var(--color-accent)}.toc-chevron{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-fast)}.toc-toggle[aria-expanded=true] .toc-chevron{transform:rotate(180deg)}.toc-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.toc-content.open{max-height:2000px;overflow-y:auto}.toc-content nav{padding:0 var(--spacing-lg)var(--spacing-lg)}.toc-content ul{list-style:none;margin:0;padding:0}.toc-content>nav>ul{border-left:2px solid var(--color-border-subtle);padding-left:var(--spacing-md)}.toc-content li{margin:var(--spacing-xs)0}.toc-content a{display:block;padding:6px var(--spacing-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.toc-content a:hover,.toc-content a.active{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.toc-content ul ul{padding-left:var(--spacing-md)}.toc-content ul ul a{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.8}.toc-inline{margin-bottom:var(--spacing-xl);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden}.toc-inline-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-secondary);border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.toc-inline-toggle:hover{background:var(--color-bg-elevated)}.toc-inline-title{display:flex;align-items:center;gap:var(--spacing-xs)}.toc-inline-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease}.toc-inline-toggle[aria-expanded=true] .toc-inline-chevron{transform:rotate(180deg)}.toc-inline-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.toc-inline-content.open{max-height:2000px}.toc-inline-content nav,.toc-inline-content ul{list-style:none;margin:0;padding:0}.toc-inline-content>nav>ul{padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-md)}.toc-inline-content li{margin:0}.toc-inline-content a{display:block;padding:6px 0;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:13px;text-decoration:none;border-bottom:none;transition:color var(--transition-fast)}.toc-inline-content a:hover{color:var(--color-accent)}.toc-inline-content a.active{color:var(--color-accent);font-weight:600}.toc-inline-content ul ul{padding-left:var(--spacing-lg)}.toc-inline-content ul ul a{font-size:12px;opacity:.85}@media(min-width:1100px){.toc-mobile{display:none!important}}.dashboard-container{max-width:1100px;margin:0 auto;padding:var(--spacing-4xl)var(--spacing-2xl)}.hero-section{margin-bottom:var(--spacing-5xl)}.hero-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.hero-icon{font-size:1rem;line-height:1;font-family:apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans-serif;font-variant-emoji:emoji;text-rendering:optimizeLegibility;display:inline-block;vertical-align:middle}.hero-intro{text-align:center;padding:var(--spacing-5xl)0;margin-bottom:var(--spacing-4xl);border-bottom:1px solid var(--color-border-subtle)}.hero-intro-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg);letter-spacing:-1px}.hero-intro-subtitle{font-size:clamp(16px,2vw,20px);color:var(--color-text-secondary);line-height:1.6;margin:0 auto var(--spacing-3xl);max-width:640px}.hero-intro-ctas{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.featured-section{margin-bottom:var(--spacing-5xl)}.featured-post-image{position:relative;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.featured-post:hover .featured-post-image img{transform:scale(1.05)}.featured-post-image.placeholder{display:flex;align-items:center;justify-content:center}.featured-post-content{padding:var(--spacing-5xl);display:flex;flex-direction:column;justify-content:center}.featured-post-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-md)}.featured-post-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg);letter-spacing:-.8px;transition:color var(--transition-fast)}.featured-post:hover .featured-post-title{color:var(--color-accent)}.featured-post-excerpt{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-post-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.featured-series{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);padding:4px 12px;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.08)}.featured-read-time{font-size:13px;font-weight:500;color:var(--color-text-muted)}.featured-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.recent-posts-section{margin-bottom:var(--spacing-5xl)}.section-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);letter-spacing:-.3px}.section-title a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}.section-title a:hover{color:var(--color-accent)}.section-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px;margin-left:var(--spacing-xs)}.section-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:2px 8px;border-radius:12px;border:1px solid rgba(var(--color-accent-rgb),.3);margin-left:var(--spacing-xs)}.section-subtitle{font-size:15px;color:var(--color-text-muted);margin:0 0 var(--spacing-3xl)}.posts-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.post-card-compact{border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;background:var(--color-bg-primary);transition:all var(--transition-fast)}.post-card-compact:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,6%)}.post-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.post-card-image{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-elevated) 100%);overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.post-card-compact:hover .post-card-image img{transform:scale(1.05)}.post-card-image.placeholder{display:flex;align-items:center;justify-content:center}.post-card-content{padding:var(--spacing-xl)}.post-card-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-sm)}.post-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:0 0 var(--spacing-md);letter-spacing:-.3px;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-compact:hover .post-card-title{color:var(--color-accent)}.post-card-meta{font-size:12px;font-weight:500;color:var(--color-text-muted)}.section-cta{text-align:center;margin-top:var(--spacing-2xl)}.btn-view-all{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:var(--color-accent);letter-spacing:-.1px;text-decoration:none;padding:var(--spacing-sm)var(--spacing-xl);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:6px;background:rgba(var(--color-accent-rgb),.05);transition:all var(--transition-fast)}.btn-view-all:hover{background:rgba(var(--color-accent-rgb),.1);border-color:var(--color-accent);transform:translateY(-2px)}.content-dual{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);margin-bottom:var(--spacing-5xl)}.series-section,.snippets-section{min-width:0}.series-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.series-card{border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-xl);background:var(--color-bg-secondary);transition:all var(--transition-fast)}.series-card:hover{border-color:var(--color-accent);transform:translateX(4px)}.series-card-link{text-decoration:none;color:inherit}.series-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.series-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.series-card-count{font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px}.series-card-posts{list-style:none;padding:0;margin:0}.series-post-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;color:var(--color-text-secondary);font-size:14px}.series-post-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);border-radius:4px;flex-shrink:0}.series-post-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippets-compact-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl)}.snippet-compact-item{border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-lg)0;transition:border-color var(--transition-fast)}.snippet-compact-item:last-child{border-bottom:none}.snippet-compact-item:hover{border-color:var(--color-border-default)}.snippet-compact-link{display:block;text-decoration:none;color:inherit}.snippet-compact-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.snippet-compact-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast);flex:1}.snippet-compact-item:hover .snippet-compact-title{color:var(--color-accent)}.snippet-compact-date{font-size:11px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.snippet-compact-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-4xl);margin-bottom:var(--spacing-5xl);align-items:start}.dashboard-section-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-section-title a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.dashboard-section-title a:hover{opacity:.8}.dashboard-count{font-size:12px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:12px}.dashboard-badge{font-size:11px;font-weight:700;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.dashboard-subtitle{font-size:14px;color:var(--color-text-muted);margin:0 0 var(--spacing-xl)}.dashboard-view-all{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--color-accent);text-decoration:none;margin-top:var(--spacing-lg);transition:opacity var(--transition-fast)}.dashboard-view-all:hover{opacity:.8}.dashboard-snippets{border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-3xl);background:var(--color-bg-secondary)}.dashboard-snippets-full{border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-3xl);background:var(--color-bg-secondary);margin-bottom:var(--spacing-4xl)}.snippets-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.snippet-item{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle)}.snippet-item:last-child{border-bottom:none;padding-bottom:0}.snippet-link{display:block;text-decoration:none;color:inherit}.snippet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.snippet-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;transition:color var(--transition-fast);flex:1}.snippet-link:hover .snippet-title{color:var(--color-accent)}.snippet-date{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.snippet-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-mini{font-size:11px;font-weight:600;color:var(--color-tag);background:var(--color-tag-bg);padding:2px 8px;border-radius:12px}.dashboard-lab{position:sticky;top:var(--spacing-2xl);border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-2xl);background:var(--color-bg-secondary)}.lab-cards{display:flex;flex-direction:column;gap:var(--spacing-xl)}.lab-card{border:1px solid var(--color-border-subtle);border-radius:6px;padding:var(--spacing-lg);background:var(--color-bg-primary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.lab-card:hover{border-color:var(--color-accent);transform:translateX(4px)}.lab-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.lab-icon{color:var(--color-accent);flex-shrink:0}.lab-card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.2px}.lab-card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.lab-card-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-mono);font-size:12px;font-weight:500;color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.lab-card-link:hover{opacity:.8}.lab-section{margin-bottom:var(--spacing-5xl)}.lab-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.lab-project-card{border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-xl);background:var(--color-bg-primary);transition:all var(--transition-fast)}.lab-project-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.lab-project-link{display:block;text-decoration:none;color:inherit}.lab-project-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.lab-project-icon{color:var(--color-accent);flex-shrink:0}.lab-project-title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast);letter-spacing:-.3px}.lab-project-card:hover .lab-project-title{color:var(--color-accent)}.lab-project-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.lab-project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.dashboard-series{}.dashboard-series>.dashboard-section-title{margin-bottom:var(--spacing-xs)}.dashboard-series>.dashboard-subtitle{margin-bottom:var(--spacing-2xl)}.series-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-2xl)}.series-link{display:block;text-decoration:none;color:inherit}.series-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.series-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;transition:color var(--transition-fast)}.series-card:hover .series-title{color:var(--color-accent)}.series-count{font-family:var(--font-family-mono);font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.series-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-3xl)}.dashboard-lab{position:relative;top:0}.featured-post-link{grid-template-columns:1fr;min-height:auto}.featured-post-content{padding:var(--spacing-3xl)}.posts-grid-three{grid-template-columns:repeat(2,1fr)}.content-dual{grid-template-columns:1fr;gap:var(--spacing-4xl)}.lab-projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:var(--spacing-3xl)var(--spacing-lg)}.hero-intro{padding:var(--spacing-4xl)0}.hero-intro-title{font-size:32px}.hero-intro-subtitle{font-size:16px}.hero-intro-ctas{flex-direction:column;gap:var(--spacing-md)}.btn-primary,.btn-secondary{width:100%;max-width:320px}.featured-post-content{padding:var(--spacing-2xl)}.featured-post-title{font-size:28px}.featured-post-excerpt{font-size:16px}.posts-grid-three{grid-template-columns:1fr;gap:var(--spacing-lg)}.post-card-content{padding:var(--spacing-lg)}.post-card-title{font-size:16px}.lab-projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.series-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-card{padding:var(--spacing-2xl)}.hero-link{flex-direction:column}.hero-arrow{align-self:flex-end}.dashboard-snippets,.dashboard-lab{padding:var(--spacing-2xl)}}.dashboard-container{width:100%;margin:0 auto;padding:var(--spacing-4xl)0}.hero{padding:var(--spacing-5xl)0;margin-bottom:var(--spacing-5xl)}.hero--tactical{background-color:var(--color-bg-surface);padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.hero--tactical .hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.hero__copy{min-width:0}.hero__badge{display:inline-block;font-family:var(--font-family-mono);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-alert);letter-spacing:.2em;text-transform:uppercase;padding:var(--spacing-xs)var(--spacing-md);border:2px solid var(--color-alert);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.hero__title{font-family:var(--font-family-sans);font-size:clamp(2.75rem,5.5vw,4.125rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--spacing-lg)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:28em}.hero__highlight{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.hero__code-wrap{min-width:0}.hero__code{background-color:var(--color-bg-void);border:1px solid rgba(var(--color-accent-rgb),.4);border-radius:var(--radius-md);overflow:hidden}.hero__code-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.hero__code-dots{display:flex;gap:6px}.hero__code-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.hero__code-filename{font-family:var(--font-family-mono);font-size:.75rem;color:var(--color-text-muted)}.hero__code-block{font-family:var(--font-family-mono);font-size:.875rem;line-height:1.7;margin:0;padding:var(--spacing-xl)var(--spacing-lg);color:var(--color-text-secondary);overflow-x:auto;background:var(--color-bg-void)}.hero__code-block code{font:inherit}.hero__code-block .hero-kw{color:var(--color-alert)}.hero__code-block .hero-fn{color:var(--color-accent)}.hero__code-block .hero-str{color:var(--color-code-string)}.hero__code-block .hero-pun{color:var(--color-text-secondary)}.hero__ctas{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md)var(--spacing-3xl);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hero__cta--primary{background:var(--color-accent);color:var(--color-text-inverse);border:2px solid var(--color-accent)}.hero__cta--primary:hover{background:var(--color-accent-dim);border-color:var(--color-accent-dim);box-shadow:var(--glow-terminal)}.hero__cta--secondary{background:0 0;color:var(--color-accent);border:2px solid var(--color-border-default)}.hero__cta--secondary:hover{border-color:var(--color-accent);box-shadow:var(--glow-terminal)}.hero__cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.manual-section{margin-bottom:var(--spacing-5xl)}.manual-section__title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-xl)}.manual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);list-style:none;padding:0;margin:0}.manual-section__cta{display:inline-flex;align-items:center;margin-top:var(--spacing-2xl);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast),box-shadow var(--transition-fast)}.manual-section__cta:hover{color:var(--color-accent-dim)}.manual-section__cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.home-section{margin-bottom:var(--spacing-5xl);padding-top:var(--spacing-3xl)}.home-section__title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--spacing-sm)}.home-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl)}.home-section__cta{display:inline-flex;align-items:center;margin-top:var(--spacing-2xl);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.home-section__cta:hover{color:var(--color-accent-dim)}.home-section__cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.home-featured{margin-bottom:var(--spacing-5xl)}.featured-post-image.placeholder{display:flex;align-items:center;justify-content:center}.featured-post-icon{width:64px;height:64px;color:var(--color-text-muted)}.home-section--series{background:var(--color-bg-surface);margin-left:calc(-1 * 1.5rem);margin-right:calc(-1 * 1.5rem);padding:var(--spacing-4xl)var(--spacing-2xl);border-radius:var(--radius-md)}.series-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-2xl)}.series-block{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-xl);background:var(--color-bg-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.series-block:hover{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,0,0,8%);transform:translateY(-2px)}.series-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.series-block__title-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.series-block__icon{display:flex;color:var(--color-accent)}.series-block__icon svg{width:20px;height:20px}.series-block__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;transition:color var(--transition-fast)}.series-block__title-link:hover .series-block__title{color:var(--color-accent)}.series-block__count{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.series-block__posts{list-style:none;padding:0;margin:0}.series-block__post{margin:0}.series-block__post-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.series-block__post-link:hover{color:var(--color-accent)}.series-block__post-num{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:22px;font-family:var(--font-family-mono);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-xs);flex-shrink:0}.series-block__post-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-grid--compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.manual-card__image--article svg{width:40px;height:40px;color:var(--color-text-muted)}.home-section--leetcode{font-family:var(--font-family-mono);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-top:1px solid var(--color-border-subtle)}.lc-header{margin-bottom:var(--spacing-xl)}.lc-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm);max-width:36em}.lc-stats{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;letter-spacing:.04em}.lc-stats__count{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.lc-table-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xl)}.lc-table{display:flex;flex-direction:column;gap:0;font-size:var(--font-size-sm)}.lc-table__head,.lc-table__row{display:grid;grid-template-columns:1fr minmax(4rem,5rem)minmax(11rem,16rem)4rem;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-sm)var(--spacing-lg)}.lc-table__head{color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.lc-table__row{border-bottom:1px solid var(--color-border-subtle);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.lc-table__row:last-child{border-bottom:none}.lc-table__row--link:hover{background:var(--color-bg-surface-hover)}.lc-table__row--link:hover .lc-table__link{color:var(--color-accent)}.lc-table__cell--challenge{min-width:0}.lc-table__cell--lang{color:var(--color-text-secondary)}.lc-table__cell--complexity{color:var(--color-text-secondary);white-space:nowrap}.lc-table__cell--diff{text-align:right}.lc-table__link{color:var(--color-text-primary);transition:color var(--transition-fast)}.lc-diff{display:inline-block;font-size:.65rem;font-weight:var(--font-weight-semibold);text-transform:lowercase;padding:2px 6px;border-radius:var(--radius-xs)}.lc-diff--low{color:#166534;background:rgba(34,197,94,.15)}.lc-diff--mid{color:#b45309;background:rgba(245,158,11,.15)}.lc-diff--high{color:#b91c1c;background:rgba(239,68,68,.12)}.lc-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.hero{padding:var(--spacing-4xl)0}.hero--tactical .hero__grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero__title{font-size:clamp(1.925rem,5.5vw,2.475rem)}.hero__code-block{font-size:.8125rem;padding:var(--spacing-lg)}.manual-grid,.manual-grid--compact{grid-template-columns:1fr}.home-section--series{margin-left:0;margin-right:0;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.lc-table-wrap{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0}.lc-table__head,.lc-table__row{grid-template-columns:1fr minmax(3rem,4rem)minmax(10rem,12rem)3.5rem;gap:var(--spacing-sm);font-size:.75rem;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.series-blocks{grid-template-columns:1fr}}.list-page{padding:var(--spacing-4xl)var(--spacing-2xl)}.list-page__container{width:100%;margin:0 auto}.list-page__header{margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-subtle)}.list-page__title{font-family:var(--font-family-sans);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);letter-spacing:-.02em;line-height:var(--leading-tight)}.list-page__description{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.list-page__search-wrap{position:relative;display:inline-flex;align-items:center;flex:1;min-width:0;max-width:320px}.list-page__search{width:100%;padding:var(--spacing-sm)var(--spacing-xl)var(--spacing-sm)var(--spacing-md);padding-right:2.25rem;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.list-page__search::placeholder{color:var(--color-text-muted)}.list-page__search:hover{border-color:var(--color-border-strong)}.list-page__search:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--glow-terminal)}.list-page__search-clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;line-height:1;color:var(--color-text-muted);background:0 0;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.list-page__search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.list-page__search-clear:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.pagination-nav{margin-top:var(--spacing-4xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--color-border-subtle)}.pagination-nav__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.pagination-nav__item{margin:0}.pagination-nav__item--info{order:0;width:100%;text-align:center}@media(min-width:480px){.pagination-nav__item--info{order:0;width:auto}}.pagination-nav__link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm)var(--spacing-xl);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.pagination-nav__link:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--glow-terminal)}.pagination-nav__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.pagination-nav__link--current,.pagination-nav__link.active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-hover)}.pagination-nav__info{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.list-page__empty{text-align:center;padding:var(--spacing-5xl)var(--spacing-xl);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.list-page__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);margin-bottom:0}@media(max-width:768px){.list-page{padding:var(--spacing-3xl)var(--spacing-lg)}.manual-grid{grid-template-columns:1fr}}.post-layout{display:flex;justify-content:center;align-items:flex-start;max-width:100%;width:100%;margin:0 auto;gap:var(--spacing-4xl);padding:var(--spacing-3xl)var(--spacing-lg);flex:1;box-sizing:border-box}.post-container{flex:auto;min-width:0;max-width:70ch;margin:0 auto;padding:0}.reading-container{max-width:100%}@media(max-width:1099px){.post-layout{flex-direction:column;padding:var(--spacing-xl)var(--spacing-lg)}.toc-sidebar{display:none!important}}@media(min-width:1100px){.toc-inline{display:none!important}}.post-cover{width:100%;margin-bottom:var(--spacing-2xl);border-radius:var(--radius-md,8px);overflow:hidden;background:var(--color-bg-subtle,#1a1a1a)}.post-cover img{width:100%;height:auto;display:block;object-fit:cover;max-height:420px}.post-header{margin-bottom:var(--spacing-md);padding-bottom:0;border-bottom:none}.post-header__title{font-family:var(--font-family-sans);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0}.post-header__dates{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:var(--spacing-md)0 0}.post-header__dates-sep{margin-left:var(--spacing-sm)}.post-meta-block{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-subtle)}.post-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.post-meta-line__date,.post-meta-line__reading,.post-meta-line__lang,.post-meta-line__author{color:var(--color-text-muted)}.post-meta-line__sep{opacity:.5;user-select:none}.post-meta-line--below-cover{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.post-meta-line__right{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-left:auto}.post-meta-line__categories{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.post-meta-line__category{display:inline-flex;align-items:center;color:var(--color-alert);font-size:12px;font-weight:600;padding:2px 10px;border:1px solid rgba(var(--color-alert-rgb),.35);border-radius:24px;background:rgba(var(--color-alert-rgb),.12);text-decoration:none;text-transform:lowercase;letter-spacing:0;line-height:1.6;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.post-meta-line__category:hover{color:var(--color-alert);background:var(--color-alert-hover);border-color:rgba(var(--color-alert-rgb),.5);text-decoration:none}.post-meta-line__tags{display:inline}.post-meta-line__tag{color:var(--color-text-muted)}.post-meta-line .post-category{color:var(--color-accent);font-weight:600}.post-meta-line .meta-separator{opacity:.4}.post-meta-line .post-date,.post-meta-line .reading-time{color:var(--color-text-muted)}.post-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.post-categories--footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.post-categories__icon{display:inline-flex;align-items:center;color:var(--color-alert)}.post-categories__icon svg{display:block}.post-categories__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.post-categories__list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.post-categories__link{display:inline-flex;align-items:center;color:var(--color-alert);font-size:12px;font-weight:600;padding:2px 10px;border:1px solid rgba(var(--color-alert-rgb),.35);border-radius:24px;background:rgba(var(--color-alert-rgb),.12);text-decoration:none;text-transform:lowercase;letter-spacing:0;line-height:1.6;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.post-categories__link:hover{color:var(--color-alert);background:var(--color-alert-hover);border-color:rgba(var(--color-alert-rgb),.5);text-decoration:none}.post-tags--footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:none}.post-card{position:relative;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast);font-family:var(--font-family-sans)}.post-card:last-child{border-bottom:none}.post-card:hover{border-color:var(--color-border-default)}.post-link{display:block;text-decoration:none;color:inherit}.post-date{color:var(--color-text-muted);font-size:var(--font-size-xs);display:block;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.post-link>.post-date{margin-bottom:.4rem}.post-title{color:var(--color-text-primary);font-size:clamp(20px,3vw,26px);font-weight:700;margin-bottom:var(--spacing-md);transition:color var(--transition-fast);line-height:1.3;letter-spacing:-.5px}.post-card:hover .post-title{color:var(--color-accent)}.post-excerpt{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg);max-width:720px}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.category{display:inline-flex;align-items:center;color:var(--color-text-primary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--color-bg-elevated);text-transform:uppercase;letter-spacing:.5px;line-height:1.6}.post-series-badge{display:inline-block;color:var(--color-accent);font-family:var(--font-family-mono);font-size:11px;font-weight:600;padding:3px 10px;margin-bottom:var(--spacing-xs);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:4px;background:rgba(var(--color-accent-rgb),.08)}.tag{display:inline-flex;align-items:center;color:var(--color-tag);font-size:12px;font-weight:600;padding:2px 10px;border:1px solid var(--color-tag-border);border-radius:24px;background:var(--color-tag-bg);text-transform:lowercase;letter-spacing:0;line-height:1.6;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tag::before{content:none}.post-card:hover .tag{background:var(--color-tag-hover-bg);border-color:var(--color-tag-hover-border)}.no-posts{color:var(--color-text-muted);text-align:center;padding:var(--spacing-3xl);border:1px dashed var(--color-border-subtle);border-radius:8px}.post-series-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.08) 0%,rgba(var(--color-accent-rgb),.02) 100%);border:1px solid rgba(var(--color-accent-rgb),.25);border-left:4px solid var(--color-accent);border-radius:0 8px 8px 0;font-family:var(--font-family-mono);font-size:13px;position:relative}.post-series-banner::before{content:"📚";font-size:16px;margin-right:var(--spacing-xs)}.series-label{color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.series-name{color:var(--color-accent);font-weight:700;font-size:14px;text-decoration:none;transition:color var(--transition-fast)}.series-name:hover{color:var(--color-text-primary);text-decoration:underline}.series-part{color:var(--color-bg-primary);font-size:11px;font-weight:600;padding:4px 10px;background:var(--color-accent);border-radius:20px;margin-left:auto}.post-content{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.7;overflow-x:hidden;word-break:break-word}.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-family-sans);color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-md);line-height:var(--leading-snug)}.post-content h2:first-child,.post-content h3:first-child,.post-content h4:first-child{margin-top:0}.post-content h2{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-sm)}.post-content h3{font-size:var(--font-size-xl)}.post-content h4{font-size:var(--font-size-lg)}.post-content p,.post-content li{line-height:1.7;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.post-content li{margin-bottom:var(--spacing-sm)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-2xl)}.post-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid rgba(var(--color-accent-rgb),.4);transition:border-color var(--transition-fast),color var(--transition-fast)}.post-content a:hover{border-bottom-color:var(--color-accent);color:var(--color-accent-dim)}.post-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.post-content code{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:.9em}.post-content blockquote{margin:var(--spacing-2xl)0;padding:var(--spacing-lg)var(--spacing-xl);background:rgba(18,18,20,.6);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-text-secondary);font-style:italic}.post-content blockquote p:last-child{margin-bottom:0}.post-content img{display:block;max-width:100%;height:auto;margin:var(--spacing-2xl)auto;border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.post-content pre{margin:var(--spacing-2xl)0}.kofi-support{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle)}.kofi-support-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.kofi-support-text{flex:1;min-width:200px}.kofi-support-text strong{display:block;font-size:18px;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.kofi-support-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.kofi-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:600px){.kofi-support-content{flex-direction:column;align-items:stretch;text-align:center}}.comments-section{margin-top:var(--spacing-5xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--color-border-subtle)}.comments-title{color:var(--color-text-primary);font-size:clamp(20px,3vw,24px);margin-bottom:var(--spacing-xl)}#disqus_thread{background:var(--color-bg-elevated);padding:var(--spacing-xl);border-radius:8px;border:1px solid var(--color-border-subtle)}#disqus_thread a{color:var(--color-accent)!important}#disqus_thread iframe{border-radius:4px}.post-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.post-footer .back-link{margin-bottom:0}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-accent);z-index:1000;will-change:width;transform:translateZ(0);contain:layout style paint}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:var(--color-accent);color:var(--color-bg-primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.toc-sidebar{display:none;width:220px;flex-shrink:0;order:2}@media(min-width:1100px){.toc-sidebar{display:block}}.toc-sidebar__inner{position:sticky;top:calc(var(--spacing-xl) + 60px);max-height:calc(100vh - 100px);display:flex;flex-direction:column;padding-left:var(--spacing-lg);border-left:1px solid var(--color-border-subtle)}.toc-sidebar__title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm)}.toc-sidebar__nav{overflow-y:auto;flex:1;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--color-border-default)transparent}.toc-sidebar__nav::-webkit-scrollbar{width:3px}.toc-sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}.toc-sidebar__nav ul{list-style:none;margin:0;padding:0}.toc-sidebar__nav>ul{padding-left:0}.toc-sidebar__nav li{margin:2px 0}.toc-sidebar__nav a{display:block;padding:4px 8px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast);line-height:1.4}.toc-sidebar__nav a:hover,.toc-sidebar__nav a.active{color:var(--color-accent);background:var(--color-accent-hover)}.toc-sidebar__nav ul ul{padding-left:var(--spacing-sm);margin-top:2px}.toc-sidebar__nav ul ul a{font-size:.7rem;opacity:.9}.toc-sticky{position:sticky;top:var(--spacing-xl);max-height:calc(100vh - 60px);display:flex;flex-direction:column}.toc-header{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm)0;color:var(--color-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-sm);flex-shrink:0}.toc-header .toc-icon{color:var(--color-accent);font-size:12px}.toc-nav{overflow-y:auto;flex:1;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1)transparent}.toc-nav::-webkit-scrollbar{width:3px}.toc-nav::-webkit-scrollbar-track{background:0 0}.toc-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.toc-nav::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-accent-rgb),.5)}.toc-nav ul{list-style:none;margin:0;padding:0}.toc-nav>ul{border-left:2px solid var(--color-border-subtle);padding-left:var(--spacing-sm)}.toc-nav li{margin:2px 0}.toc-nav a{display:block;padding:4px 8px;color:var(--color-text-muted);text-decoration:none;font-size:11px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);line-height:1.4}.toc-nav a:hover,.toc-nav a.active{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.toc-nav ul ul{padding-left:8px;margin-top:2px}.toc-nav ul ul a{font-size:10px;opacity:.85;padding:3px 8px}.toc-mobile{margin-bottom:var(--spacing-2xl);border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-elevated);overflow:hidden;opacity:1}.toc-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:0 0;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.toc-toggle:hover{background:rgba(var(--color-accent-rgb),.05);color:var(--color-accent)}.toc-icon{font-size:14px;color:var(--color-accent)}.toc-chevron{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-fast)}.toc-toggle[aria-expanded=true] .toc-chevron{transform:rotate(180deg)}.toc-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.toc-content.open{max-height:2000px;overflow-y:auto}.toc-content nav{padding:0 var(--spacing-lg)var(--spacing-lg)}.toc-content ul{list-style:none;margin:0;padding:0}.toc-content>nav>ul{border-left:2px solid var(--color-border-subtle);padding-left:var(--spacing-md)}.toc-content li{margin:var(--spacing-xs)0}.toc-content a{display:block;padding:6px var(--spacing-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.toc-content a:hover,.toc-content a.active{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.toc-content ul ul{padding-left:var(--spacing-md)}.toc-content ul ul a{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.8}.toc-inline{margin-bottom:var(--spacing-xl);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden}.toc-inline-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-secondary);border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.toc-inline-toggle:hover{background:var(--color-bg-elevated)}.toc-inline-title{display:flex;align-items:center;gap:var(--spacing-xs)}.toc-inline-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease}.toc-inline-toggle[aria-expanded=true] .toc-inline-chevron{transform:rotate(180deg)}.toc-inline-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.toc-inline-content.open{max-height:2000px}.toc-inline-content nav,.toc-inline-content ul{list-style:none;margin:0;padding:0}.toc-inline-content>nav>ul{padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-md)}.toc-inline-content li{margin:0}.toc-inline-content a{display:block;padding:6px 0;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:13px;text-decoration:none;border-bottom:none;transition:color var(--transition-fast)}.toc-inline-content a:hover{color:var(--color-accent)}.toc-inline-content a.active{color:var(--color-accent);font-weight:600}.toc-inline-content ul ul{padding-left:var(--spacing-lg)}.toc-inline-content ul ul a{font-size:12px;opacity:.85}[data-theme=dark] .popular-posts,[data-theme=dark] .related-post-card,[data-theme=dark] .popular-post-card{background:var(--color-bg-primary)}[data-theme=dark] .popular-post-card{background:var(--color-bg-secondary)}[data-theme=dark] .related-post-card:hover,[data-theme=dark] .popular-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}.post-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid rgba(var(--color-accent-rgb),.35);transition:border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.post-content a:hover{color:var(--color-accent-dim);border-bottom-color:var(--color-accent);box-shadow:0 0 12px rgba(var(--color-accent-rgb),.15)}.post-content strong,.post-content b{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.post-content del,.post-content s{color:var(--color-text-muted)}.post-content code{font-family:var(--font-family-mono);font-size:.9em;padding:.2em .4em;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs)}.post-content mark{background:rgba(var(--color-accent-rgb),.2);color:var(--color-accent);padding:.1em .2em;border-radius:var(--radius-xs)}.post-content kbd{display:inline-block;font-family:var(--font-family-mono);font-size:.85em;padding:.2em .5em;background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-bottom-width:3px;border-radius:var(--radius-xs);box-shadow:0 2px 0 var(--color-border-default)}.post-content blockquote{margin:3rem 0;padding:var(--spacing-lg)var(--spacing-xl);background:rgba(18,18,20,.5);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-text-secondary);font-style:italic}.post-content blockquote p:last-child{margin-bottom:0}.post-content hr{margin:3rem 0;border:0;border-top:2px dashed var(--color-border-subtle)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-2xl);line-height:var(--leading-relaxed)}.post-content ul{list-style-type:square}.post-content ul::marker,.post-content li::marker{color:var(--color-accent-dim)}.post-content li.task-list-item{list-style:none;padding-left:0;margin-left:calc(-1 * var(--spacing-2xl));padding-left:var(--spacing-2xl);position:relative}.post-content .task-list-item input[type=checkbox],.post-content li input[type=checkbox]{position:absolute;left:0;width:1.1em;height:1.1em;margin:.2em 0 0;appearance:none;-webkit-appearance:none;border:1px solid var(--color-border-default);border-radius:var(--radius-xs);background:var(--color-bg-surface);cursor:default}.post-content .task-list-item input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.post-content .task-list-item input[type=checkbox]:checked::before,.post-content li input[type=checkbox]:checked::before{content:"";position:absolute;left:.28em;top:.08em;width:.35em;height:.6em;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.post-content table{width:100%;border-collapse:collapse;margin:var(--spacing-2xl)0}.post-content .table-wrapper{overflow-x:auto;margin:var(--spacing-2xl)0}.post-content .table-wrapper table{margin:0}.post-content th{font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);text-align:left;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-surface);border-bottom:2px solid var(--color-border-default);color:var(--color-text-primary)}.post-content td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.post-content tbody tr:hover{background:rgba(18,18,20,.4)}.post-content .callout{margin:var(--spacing-xl)0}.post-content .chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-lg)0}.post-content .chip{display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--spacing-xs)var(--spacing-sm);background:0 0;border:1px solid var(--color-border-default);border-radius:99px;color:var(--color-text-secondary)}.post-content .chip--accent{border-color:var(--color-accent);color:var(--color-accent)}.post-content .chip--warning{border-color:var(--color-alert);color:var(--color-alert)}.post-content .chip--success{border-color:var(--color-accent);color:var(--color-accent-dim)}.post-content details{margin:var(--spacing-lg)0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0;background:var(--color-bg-surface)}.post-content summary{padding:var(--spacing-md)var(--spacing-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;list-style:none;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.post-content summary::-webkit-details-marker,.post-content summary::marker{display:none}.post-content summary::before{content:"[+] ";color:var(--color-accent);margin-right:var(--spacing-xs)}.post-content details[open] summary::before{content:"[-] "}.post-content details>*:not(summary){padding:0 var(--spacing-lg)var(--spacing-lg)}.post-content details summary+*{margin-top:0;padding-top:0}.post-content dl{margin:var(--spacing-2xl)0}.post-content dt{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-top:var(--spacing-lg)}.post-content dt:first-child{margin-top:0}.post-content dd{margin-left:var(--spacing-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.post-content figure{margin:var(--spacing-2xl)0;text-align:center}.post-content figure img{margin-left:auto;margin-right:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.post-content figcaption{margin-top:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.post-content .footnotes{margin-top:var(--spacing-4xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle);font-size:.85rem;color:var(--color-text-muted)}.post-content .footnotes ol{padding-left:var(--spacing-2xl);margin-bottom:0}.post-content .footnotes li{margin-bottom:var(--spacing-sm)}.post-content .footnotes .footnote-backref{color:var(--color-accent);text-decoration:none;margin-left:.2em}.post-content .footnotes .footnote-backref:hover{color:var(--color-accent-dim);text-decoration:underline}.post-content .video-container{position:relative;width:100%;padding-bottom:56.25%;margin:var(--spacing-2xl)0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-subtle)}.post-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}:root{--leetcode-easy:#00b8a3;--leetcode-easy-bg:rgba(0, 184, 163, 0.12);--leetcode-medium:#ffc01e;--leetcode-medium-bg:rgba(255, 192, 30, 0.12);--leetcode-hard:#ff375f;--leetcode-hard-bg:rgba(255, 55, 95, 0.12)}.leetcode-container{padding:var(--spacing-4xl)var(--spacing-2xl)}.leetcode-header{margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-subtle)}.leetcode-header__title{font-family:var(--font-family-mono);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);letter-spacing:-.02em}.leetcode-header__description{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.leetcode-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle)}.leetcode-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.leetcode-filters__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.leetcode-filters__group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.leetcode-filter-btn{padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:0 0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.leetcode-filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.leetcode-filter-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.leetcode-filter-btn.active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-hover)}.leetcode-results{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto}.leetcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.leetcode-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.leetcode-card:hover{border-color:var(--color-accent);box-shadow:var(--glow-terminal)}.leetcode-card__link{display:block;padding:var(--spacing-lg);text-decoration:none;color:inherit}.leetcode-card__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.leetcode-card__badge,.leetcode-challenge__badge{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);margin-bottom:var(--spacing-sm)}.leetcode-card__badge--easy,.leetcode-challenge__badge--easy{color:var(--leetcode-easy);background:var(--leetcode-easy-bg);border:1px solid rgba(0,184,163,.35)}.leetcode-card__badge--medium,.leetcode-challenge__badge--medium{color:var(--leetcode-medium);background:var(--leetcode-medium-bg);border:1px solid rgba(255,192,30,.35)}.leetcode-card__badge--hard,.leetcode-challenge__badge--hard{color:var(--leetcode-hard);background:var(--leetcode-hard-bg);border:1px solid rgba(255,55,95,.35)}.leetcode-card__lang{display:inline-block;margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-xs)}.leetcode-card__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);line-height:var(--leading-tight)}.leetcode-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md);line-height:var(--leading-relaxed)}.leetcode-card__meta{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.leetcode-card__meta code,.leetcode-complexity__item code{padding:2px 6px;background:var(--color-bg-elevated);border-radius:var(--radius-xs);color:var(--color-accent)}.leetcode-card__complexity+.leetcode-card__complexity{margin-left:var(--spacing-md)}.leetcode-empty{text-align:center;padding:var(--spacing-5xl)var(--spacing-xl);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.leetcode-empty__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);margin-bottom:0}.leetcode-single-container{padding:var(--spacing-4xl)var(--spacing-2xl)}.leetcode-challenge{max-width:720px;margin:0 auto}.leetcode-challenge__header{margin-bottom:var(--spacing-3xl)}.leetcode-challenge__header .leetcode-challenge__badge{margin-bottom:var(--spacing-sm)}.leetcode-challenge__lang{display:inline-block;margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-xs)}.leetcode-challenge__title{font-family:var(--font-family-sans);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.leetcode-challenge__external{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.leetcode-challenge__external:hover{text-decoration:underline}.leetcode-challenge__heading{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-xs)}.leetcode-challenge__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-xl)}.leetcode-callout{margin:var(--spacing-3xl)0;padding:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md)var(--radius-md)0}.leetcode-callout__title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin:0 0 var(--spacing-md)}.leetcode-callout__content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.leetcode-callout__content p:last-child{margin-bottom:0}.leetcode-complexity{margin:0 0 var(--spacing-xl)}.leetcode-complexity__item{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.leetcode-challenge__content{margin:var(--spacing-md)0 var(--spacing-3xl)}.leetcode-challenge__content pre{margin:var(--spacing-lg)0;padding:var(--spacing-lg);background:var(--color-code-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto}.leetcode-challenge__footer{padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-subtle)}.leetcode-challenge__back{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.leetcode-challenge__back:hover{text-decoration:underline}.container--wide{max-width:var(--container-wide,1100px)}@media(max-width:768px){.leetcode-container,.leetcode-single-container{padding:var(--spacing-3xl)var(--spacing-lg)}.leetcode-tools{flex-direction:column;align-items:flex-start}.leetcode-results{margin-left:0}.leetcode-grid{grid-template-columns:1fr}}.about-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.about-page__main{flex:1}.about-container{max-width:70ch;margin:0 auto;padding:var(--spacing-4xl)0;padding-bottom:80px}.about-hero{display:flex;align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-border-subtle)}.about-hero__avatar img{width:140px;height:140px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);object-fit:cover;object-position:center 20%;box-shadow:0 0 20px rgba(var(--color-accent-rgb),.08);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.about-hero__avatar img:hover{transform:scale(1.02);box-shadow:0 0 24px rgba(var(--color-accent-rgb),.12)}.about-hero__title{font-family:var(--font-family-sans);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--leading-tight);margin:0 0 var(--spacing-xs)}.about-hero__tagline{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-accent);margin:0;line-height:var(--leading-relaxed)}.about-intro h1{font-family:var(--font-family-sans);color:var(--color-text-primary)}.about-tagline{color:var(--color-accent)}.about-content{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.7}.about-content h2{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);line-height:var(--leading-snug)}.about-content h2:first-of-type{margin-top:0}.about-section--social h2 .section-icon{font-size:1.15em;line-height:1}.about-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.about-content p strong{color:var(--color-text-primary)}.about-content hr{border:0;height:0;margin:var(--spacing-3xl)0;border-top:1px solid var(--color-border-subtle)}.about-content ul{list-style:none;padding-left:0;margin:var(--spacing-lg)0}.about-content ul li{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-sm);line-height:1.7;color:var(--color-text-secondary)}.about-content ul li::before{content:'▸';position:absolute;left:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent)}.about-content ol{list-style:none;counter-reset:about-list;padding-left:0;margin:var(--spacing-lg)0}.about-content ol li{position:relative;counter-increment:about-list;padding-left:2.5em;margin-bottom:var(--spacing-sm);line-height:1.7;color:var(--color-text-secondary)}.about-content ol li::before{content:counter(about-list)".";position:absolute;left:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-alert)}.about-content ul li strong,.about-content ol li strong{color:var(--color-text-primary)}.about-section{margin-top:var(--spacing-4xl);margin-bottom:0}.about-section h2{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--spacing-xs)}.about-links--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-xl)}.about-link-card.social-card,.social-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.social-card:hover{border-color:var(--color-accent);box-shadow:var(--glow-terminal);background:var(--color-bg-surface-hover)}.social-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-md)}.social-card__icon{flex-shrink:0;width:24px;height:24px;color:var(--color-text-muted);transition:color var(--transition-fast)}.social-card:hover .social-card__icon{color:var(--color-accent)}.social-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.social-card__text strong{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);transition:color var(--transition-fast)}.social-card:hover .social-card__text strong{color:var(--color-accent)}.social-card__text span{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.about-link-card div strong{color:var(--color-text-primary)}.about-link-card div span{color:var(--color-text-muted);font-size:12px}.about-section--kofi{margin-top:var(--spacing-2xl);text-align:center}.about-kofi-link{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;border:1px solid var(--color-border-subtle);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);transition:color var(--transition-fast),border-color var(--transition-fast)}.about-kofi-link:hover{color:var(--color-kofi);border-color:var(--color-kofi)}@media(max-width:600px){.about-container{padding:var(--spacing-3xl)var(--spacing-lg);padding-bottom:60px}.about-hero{flex-direction:column;text-align:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl)}.about-hero__avatar img{width:120px;height:120px}.about-hero__title{font-size:1.5rem}.about-content h2{font-size:var(--font-size-lg);margin-top:var(--spacing-3xl)}.about-links--cards{grid-template-columns:1fr}}.linktree-page--only{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-void)}.linktree-page--only .linktree-page__main{width:100%;max-width:640px;padding:var(--spacing-3xl)var(--spacing-xl)}.linktree-page--only .contact-command{margin:0;padding:0;border-top:none}.linktree-page__main{padding:var(--spacing-4xl)0}.linktree-container{max-width:var(--container-max-width);width:100%;margin:0 auto;text-align:center;animation:fadeIn var(--transition-slow)forwards;position:relative;z-index:1}.linktree-profile{margin-bottom:var(--spacing-3xl)}.linktree-profile__image{width:var(--profile-size);height:var(--profile-size);border-radius:var(--border-radius-full);border:2px solid var(--color-border-subtle);margin:0 auto var(--spacing-lg);display:block;object-fit:cover;object-position:center 20%;transition:border-color var(--transition-fast),transform var(--transition-fast)}.linktree-profile__image:hover{border-color:var(--color-border-strong)}.linktree-profile__title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em;margin:0 0 var(--spacing-sm)}.linktree-profile__bio{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;max-width:36ch;margin-left:auto;margin-right:auto}.profile-image{width:var(--profile-size);height:var(--profile-size);border-radius:var(--border-radius-full);border:3px solid var(--color-border-subtle);margin:0 auto var(--spacing-xl);object-fit:cover;object-position:center 20%;transition:transform var(--transition-fast)}.profile-image:hover{transform:scale(1.05)}.linktree-container h1{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs);letter-spacing:.02em}.bio{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.9}.links-container{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.link-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);backdrop-filter:blur(10px);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.link-button__icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.link-button__icon svg{width:100%;height:100%}.link-button__text{filter:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.link-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,4%),transparent);transition:left var(--transition-medium)}.link-button:hover::before{left:100%}.link-button:hover{transform:translateX(4px);background:var(--color-bg-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.link-button:active{transform:translateX(2px)}@media(max-width:640px){.links-container{align-items:center}.links-container .link-button{max-width:320px;margin-left:auto;margin-right:auto}}.link-button:focus-visible,.social-icon:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:4px}.link-button--featured{border-color:var(--color-accent);background:var(--color-accent-hover);color:var(--color-accent)}.link-button--featured:hover{border-color:var(--color-accent-dim);background:var(--color-accent-hover);color:var(--color-accent);transform:translateX(4px)}.social-icons{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.social-icon{color:var(--color-text-muted);transition:all var(--transition-fast);display:inline-block}.social-icon:hover{color:var(--color-text-primary);transform:translateY(-4px)scale(1.1)rotate(5deg)}.social-icon svg{width:var(--icon-size-social);height:var(--icon-size-social);fill:currentColor}.error-page__main{padding:var(--spacing-4xl)0}.error-container{text-align:center;max-width:36ch;margin:0 auto}.error-emoji{font-size:4rem;margin-bottom:var(--spacing-xl);line-height:1;font-family:apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans-serif;font-variant-emoji:emoji;text-rendering:optimizeLegibility;display:inline-block}.error-title{font-family:var(--font-family-sans);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md)}.error-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-2xl)}.error-nav{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.skip-link{position:absolute;left:-9999px;top:var(--spacing-md);z-index:9999;padding:var(--spacing-md)var(--spacing-xl);background:var(--color-accent);color:var(--color-bg-primary);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.skip-link:focus{left:var(--spacing-md);outline:none;transform:none;box-shadow:var(--focus-ring),var(--shadow-lg);outline-offset:var(--focus-offset)}*:focus{outline:none}*:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto!important}.skip-link:focus{transition:none}}@media(prefers-contrast:high){:root{--color-border-default:#000000;--color-text-primary:#000000}[data-theme=dark]{--color-border-default:#ffffff;--color-text-primary:#ffffff}}.focus-mode-btn{display:none}.focus-mode-btn svg{width:20px;height:20px;color:var(--color-text-muted);transition:color var(--transition-fast)}.focus-mode-btn:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);box-shadow:0 0 20px var(--color-accent-hover)}.focus-mode-btn:hover svg{color:var(--color-accent)}.focus-mode .focus-mode-btn{background:var(--color-accent);border-color:var(--color-accent)}.focus-mode .focus-mode-btn svg{color:var(--color-white)}.focus-mode .toc-sidebar{display:none!important}.focus-mode .toc-mobile{display:none!important}.focus-mode .post-nav,.focus-mode .post-tags,.focus-mode .reading-time,.focus-mode .post-footer{opacity:.3;transition:opacity .3s ease}.focus-mode .post-layout{max-width:100%!important;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);justify-content:center;display:flex;gap:0!important}.focus-mode .post-container{max-width:800px!important;margin:0 auto!important;padding-left:0;padding-right:0;flex:none!important;width:100%}.focus-mode .post-content{font-size:19px;line-height:1.8}.focus-mode .post-content h2{font-size:28px;margin-top:48px}.focus-mode .post-content h3{font-size:22px;margin-top:36px}.focus-mode .post-content p{margin-bottom:28px}.focus-mode .reading-progress{height:4px}@media(max-width:480px){body{padding:0}.linktree-container{padding:0 var(--spacing-xs)}.profile-image{width:var(--profile-size-mobile);height:var(--profile-size-mobile)}h1{font-size:var(--font-size-lg);line-height:1.3;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.bio{font-size:var(--font-size-sm);line-height:1.5}.link-button{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-xs);letter-spacing:.5px}.social-icon svg{width:var(--icon-size-social-mobile);height:var(--icon-size-social-mobile)}}@media(max-width:480px){.error-emoji{font-size:3rem}.error-title{font-size:var(--font-size-lg)}}@media(max-width:640px){.nav-mobile-controls{display:flex}.site-header-right{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-md)var(--spacing-lg);z-index:200;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .site-header-right{background:rgba(10,10,10,.97)}.site-header-right.is-open{display:flex}.site-header .nav-link{width:100%;padding:var(--spacing-sm)0;font-size:1rem;border-bottom:1px solid var(--color-border-subtle)}.site-header .nav-link:last-of-type{border-bottom:none}.site-header .nav-rss{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border-subtle)}.site-header{position:sticky}}@media(max-width:768px){.dashboard-container{padding:var(--spacing-3xl)var(--spacing-lg)}.hero-intro{padding:var(--spacing-4xl)0}.hero-intro-title{font-size:32px}.hero-intro-subtitle{font-size:16px}.hero-intro-ctas{flex-direction:column;gap:var(--spacing-md)}.btn-primary,.btn-secondary{width:100%;max-width:320px}.featured-post-content{padding:var(--spacing-2xl)}.featured-post-title{font-size:28px}.featured-post-excerpt{font-size:16px}.posts-grid-three{grid-template-columns:1fr;gap:var(--spacing-lg)}.post-card-content{padding:var(--spacing-lg)}.post-card-title{font-size:16px}.lab-projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.series-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-card{padding:var(--spacing-2xl)}.hero-link{flex-direction:column}.hero-arrow{align-self:flex-end}.dashboard-snippets,.dashboard-lab{padding:var(--spacing-2xl)}.series-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.blog-posts-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.blog-container{padding:var(--spacing-3xl)var(--spacing-lg)}.search-input-wrapper{max-width:100%}.search-input{padding:12px 44px 12px 48px;font-size:14px}.search-icon{left:16px;width:16px;height:16px}.blog-filters{flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.filter-group{justify-content:center}.filter-btn{font-size:13px;padding:5px 14px}.filter-results{text-align:center;font-size:12px}.blog-header h1{font-size:clamp(36px,10vw,56px)}.blog-subtitle{font-size:var(--font-size-base)}.blog-pagination{flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-info{font-size:13px;order:-1}.social-share-buttons{justify-content:center}.share-btn{font-size:13px;padding:8px 14px}.share-btn span{display:none}.popular-posts{padding:var(--spacing-xl)}.popular-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.popular-post-title{font-size:14px}.related-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.related-post-title{font-size:15px}.featured-blog-content{padding:var(--spacing-2xl)}.featured-blog-title{font-size:24px}.featured-blog-excerpt{font-size:15px}.blog-card-content{padding:var(--spacing-lg)}.blog-card-title{font-size:18px}.blog-card-excerpt{font-size:14px}.series-card{padding:var(--spacing-xl)}}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-3xl)}.dashboard-lab{position:relative;top:0}.featured-post-link{grid-template-columns:1fr;min-height:auto}.featured-post-content{padding:var(--spacing-3xl)}.posts-grid-three{grid-template-columns:repeat(2,1fr)}.content-dual{grid-template-columns:1fr;gap:var(--spacing-4xl)}.lab-projects-grid{grid-template-columns:repeat(2,1fr)}.featured-blog-link{grid-template-columns:1fr;min-height:auto}.featured-blog-content{padding:var(--spacing-3xl)}.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}@media(max-width:1099px){.post-layout{flex-direction:column;width:100%;padding:var(--spacing-xl)var(--spacing-lg);box-sizing:border-box}.post-layout .post-container{max-width:100%;width:100%;padding:0}}@media(min-width:1100px){.toc-mobile{display:none!important}.post-layout .post-container{flex:none;max-width:70ch;margin:0 auto;padding:0;width:100%}}@media(max-width:600px){.kofi-support-content{flex-direction:column;align-items:stretch;text-align:center}.kofi-button{justify-content:center;width:100%}.post-layout{padding:var(--spacing-lg)var(--spacing-md)}.post-content{font-size:17px}.post-content h2{font-size:22px}.post-content h3{font-size:19px}.post-content pre{font-size:13px}.post-series-banner{flex-wrap:wrap}.lab-container{padding-bottom:60px}.lab-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.lab-header h1{font-size:28px;letter-spacing:-.5px}.lab-header .bio{font-size:var(--font-size-base)}.repo-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.repo-card{padding:var(--spacing-md)}.repo-name{font-size:var(--font-size-sm)}.repo-desc{font-size:var(--font-size-xs)}.repo-updated{margin-left:0;width:100%;margin-top:4px}.about-container{padding-bottom:60px}.about-hero{flex-direction:column;text-align:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.about-avatar img{width:110px;height:110px}.about-intro h1{font-size:26px}.about-tagline{font-size:var(--font-size-sm)}.about-bio{font-size:var(--font-size-xs)}.about-section h2{font-size:17px}.about-links{grid-template-columns:1fr}.about-link-card{padding:var(--spacing-sm)var(--spacing-md)}.scroll-to-top{bottom:20px;right:20px;width:44px;height:44px}.scroll-to-top svg{width:18px;height:18px}.focus-mode-btn{bottom:75px;right:20px;width:44px;height:44px}.focus-mode-btn svg{width:18px;height:18px}.focus-mode .post-layout{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.focus-mode .post-content{font-size:17px}.focus-mode .post-content h2{font-size:24px}.focus-mode .post-content h3{font-size:20px}.site-header{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm)}.site-header-right{gap:var(--spacing-sm)}.site-header .header-logo{font-size:.9rem}.site-header .nav-link{font-size:12px}.site-footer{padding:var(--spacing-xl)var(--spacing-md)}.site-footer-container{flex-direction:column;justify-content:center;text-align:center;gap:var(--spacing-sm)}.blog-container,.lab-container,.about-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.post-layout{padding:var(--spacing-md);padding-top:var(--spacing-lg)}.blog-container{padding-bottom:60px}.post-container{padding:0;padding-bottom:60px}.blog-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.blog-header h1{font-size:30px;letter-spacing:-.5px}.blog-header .bio{font-size:17px}.post-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.post-header h1{font-size:34px;line-height:1.25}.post-meta-line{font-size:14px}.post-title{font-size:20px}.post-card{border-radius:6px}.post-card:hover{transform:none}.post-card::before{display:none}.post-link{padding:0}.post-excerpt{font-size:16px;-webkit-line-clamp:3;line-clamp:3}.post-content{font-size:18px;line-height:1.8}.post-content h2{font-size:24px;margin:var(--spacing-xl)0 var(--spacing-md)}.post-content h3{font-size:20px}.post-content p{margin-bottom:var(--spacing-md)}.post-content pre{padding:var(--spacing-md);padding-top:var(--spacing-xl);font-size:14px}.post-content code{font-size:15px;padding:2px 6px}.post-content blockquote{padding:var(--spacing-sm)var(--spacing-md);margin:var(--spacing-md)0;font-size:17px}.post-content blockquote::before{display:none}.post-content ul,.post-content ol{padding-left:var(--spacing-lg)}.post-content img{margin:var(--spacing-md)0;border-radius:4px}.post-footer{flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.tag{font-size:11px;padding:2px 8px}.post-tags{gap:4px}.toc-mobile{margin-bottom:var(--spacing-lg);border-radius:6px}.toc-toggle{padding:var(--spacing-sm)var(--spacing-md);font-size:14px}.toc-content a{font-size:13px;padding:6px var(--spacing-sm)}.back-link{font-size:14px;padding:4px 10px}.scroll-to-top{bottom:16px;right:16px;width:40px;height:40px}.scroll-to-top svg{width:16px;height:16px}.post-content details{border-radius:6px}.post-content summary{padding:var(--spacing-sm)var(--spacing-md);font-size:15px}.post-content details>*:not(summary){padding:0 var(--spacing-md)var(--spacing-md)}.callout{font-size:15px;border-radius:6px}.chip{font-size:11px;padding:4px 10px}.post-content th,.post-content td{padding:var(--spacing-xs)var(--spacing-sm);font-size:13px}.comments-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.comments-title{font-size:18px;margin-bottom:var(--spacing-md)}#disqus_thread{padding:var(--spacing-md);margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm));border-radius:6px}}@media(max-width:400px){.lab-header h1{font-size:24px}.lab-header .bio{font-size:var(--font-size-sm)}.about-intro h1{font-size:22px}.skill-tag{font-size:11px;padding:4px 10px}.post-layout{padding:var(--spacing-sm);padding-top:var(--spacing-md)}.post-container{padding:0}.post-header h1{font-size:28px}.post-content{font-size:16px}.post-content h2{font-size:20px;padding-left:0}.blog-header h1{font-size:24px}.blog-header .bio{font-size:var(--font-size-base)}}@media(max-width:768px){.post-layout{flex-direction:column;padding:var(--spacing-lg)var(--spacing-md);gap:0}.post-layout .post-container{max-width:100%;width:100%}.post-content table{display:block;overflow-x:auto;white-space:nowrap;font-size:13px}.post-content pre{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0;font-size:13px}.post-content .highlight{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0}.chips{justify-content:flex-start}.callout{padding:var(--spacing-sm)var(--spacing-md)}.video-container{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0}}.post-content pre,.post-content pre code{font-family:var(--font-family-mono);font-size:.9em;line-height:1.5}.post-content pre{background:var(--color-code-bg);color:var(--color-text-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-default);overflow-x:auto}.post-content pre code{background:0 0;padding:0;font-size:.9em;line-height:1.5}.highlight .chroma,.chroma{background:var(--color-code-bg);color:var(--color-text-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-default);overflow-x:auto;font-family:var(--font-family-mono);font-size:.9em;line-height:1.5}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto}.chroma .lnt{padding:0 .75em 0 .5em;margin-right:.5em;color:var(--color-text-muted);user-select:none;white-space:pre}.chroma .ln{padding:0 .75em 0 .5em;margin-right:.5em;color:var(--color-text-muted);user-select:none;white-space:pre}.chroma .line{display:flex}.chroma .hl{background:var(--color-bg-elevated)}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--color-text-muted);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kp,.chroma .kr{color:var(--color-info);font-weight:var(--font-weight-semibold)}.chroma .kn{color:var(--color-alert);font-weight:var(--font-weight-semibold)}.chroma .kt,.chroma .nc{color:var(--color-alert);font-weight:var(--font-weight-semibold)}.chroma .nf,.chroma .nx,.chroma .na,.chroma .nb,.chroma .nd{color:var(--color-accent)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:var(--color-code-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--color-glitch-magenta)}.chroma .o,.chroma .ow{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.chroma .nt{color:var(--color-alert)}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .no{color:var(--color-text-secondary)}.chroma .err{color:var(--color-glitch-magenta);background:rgba(255,0,128,8%)}.chroma .gd{color:var(--color-glitch-magenta)}.chroma .gi{color:var(--color-accent)}.chroma .gr{color:var(--color-glitch-magenta)}.chroma .ge{font-style:italic}.chroma .go{color:var(--color-text-muted)}.chroma .gp,.chroma .gu,.chroma .gt{color:var(--color-text-muted)}.chroma .gl{text-decoration:underline}.chroma .w{color:var(--color-text-muted)}.chroma .nn{color:var(--color-text-secondary)}.chroma .ne,.chroma .nl,.chroma .bp{color:var(--color-text-secondary)}.chroma .ni{color:var(--color-info)}