:root{--bg-primary:#f5f7f4;--bg-secondary:#eef2ec;--bg-tertiary:#e4ebe0;--bg-white:#ffffff;--text-primary:#1e2a1e;--text-secondary:#3a4a3a;--text-muted:#6a7a6a;--accent:#2d8a5e;--accent-hover:#236b49;--accent-light:#3da874;--accent-coral:#e07a5f;--border:#c8d8c4;--border-light:#dce8d8;--shadow:rgba(45, 138, 94, 0.08);--shadow-md:rgba(45, 138, 94, 0.15);--gradient-leaf:linear-gradient(135deg, #2d8a5e 0%, #3da874 100%);--code-bg:#eef2ec;--code-border:#c8d8c4;--code-text:#1e2a1e;--code-comment:#6a7a6a;--code-keyword:#b8352e;--code-string:#2d8a5e;--code-number:#7c3aed;--code-function:#0369a1;--code-operator:#3a4a3a;--font-sans:"Sora",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,Consolas,monospace;--container-width:1536px;--content-width:1536px;--border-radius:12px;--border-radius-lg:20px;--header-height:70px;--transition:all 0.25s ease;--transition-slow:all 0.3s ease}[data-theme=dark]{--bg-primary:#141a14;--bg-secondary:#1a221a;--bg-tertiary:#222a22;--bg-white:#1a221a;--text-primary:#e8f0e8;--text-secondary:#c8d4c8;--text-muted:#8a9a8a;--accent:#4aba7e;--accent-hover:#5eca8e;--accent-light:#5eca8e;--accent-coral:#f09a7f;--border:#3a4a3a;--border-light:#2a3a2a;--shadow:rgba(74, 186, 126, 0.1);--shadow-md:rgba(74, 186, 126, 0.2);--gradient-leaf:linear-gradient(135deg, #4aba7e 0%, #5eca8e 100%);--code-bg:#1a221a;--code-border:#3a4a3a;--code-text:#e8f0e8;--code-comment:#8a9a8a;--code-keyword:#fca5a5;--code-string:#86efac;--code-number:#c4b5fd;--code-function:#7dd3fc;--code-operator:#c8d4c8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);transition:var(--transition);overflow-x:hidden;min-height:100vh}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:linear-gradient(30deg,var(--accent) 12%,transparent 12.5%,transparent 87%,var(--accent) 87.5%,var(--accent)),linear-gradient(150deg,var(--accent) 12%,transparent 12.5%,transparent 87%,var(--accent) 87.5%,var(--accent)),linear-gradient(30deg,var(--accent) 12%,transparent 12.5%,transparent 87%,var(--accent) 87.5%,var(--accent)),linear-gradient(150deg,var(--accent) 12%,transparent 12.5%,transparent 87%,var(--accent) 87.5%,var(--accent));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px;z-index:-1}body.loaded{opacity:1}body.menu-open{overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(245,247,244,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;transition:var(--transition-slow)}[data-theme=dark] .site-header{background:rgba(20,26,20,.9)}.site-header.scrolled{box-shadow:0 4px 20px var(--shadow)}.site-header.hidden{transform:translateY(-100%)}.navbar{height:100%}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;transition:var(--transition)}.brand-link:hover{color:var(--accent)}.brand-logo{width:32px;height:32px;transition:var(--transition)}.brand-logo-light{display:none!important}.brand-logo-dark{display:inline-block!important}[data-theme=light] .brand-logo-light{display:none!important}[data-theme=dark] .brand-logo-light,[data-theme=light] .brand-logo-dark{display:inline-block!important}[data-theme=dark] .brand-logo-dark{display:none!important}.brand-link:hover .brand-logo{transform:scale(1.1)}.nav-menu{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:.25rem;align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;padding:.6rem 1.25rem;border-radius:24px;transition:var(--transition);position:relative}.nav-link:hover{background:var(--bg-tertiary);color:var(--accent)}.nav-link::after{display:none}.nav-controls{display:flex;align-items:center;gap:1rem}.theme-toggle{width:42px;height:42px;border:2px solid var(--border);background:var(--bg-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative;overflow:hidden}.theme-toggle:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(15deg)}.theme-icon{font-size:1.1rem;transition:var(--transition);position:absolute;color:var(--text-muted)}.theme-toggle:hover .theme-icon{color:#fff}.theme-toggle .dark-icon,.theme-toggle.dark-mode .light-icon{opacity:0;transform:rotate(180deg)}.theme-toggle.dark-mode .dark-icon{opacity:1;transform:rotate(0)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer;padding:8px;width:44px;height:44px;align-items:center;justify-content:center}.hamburger-line{width:24px;height:2px;background:var(--text-primary);transition:var(--transition);border-radius:2px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-content{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:3rem 0}.home-content{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;margin-bottom:4rem}.hero-content{max-width:480px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-leaf);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.hero-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);line-height:1.65;max-width:600px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-logo{width:200px;height:auto;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .1));animation:6s ease-in-out infinite float}.hero-logo-light{display:none}.hero-logo-dark,[data-theme=dark] .hero-logo-light{display:block}[data-theme=dark] .hero-logo-dark{display:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes morph1{0%,100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}@keyframes morph2{0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:40% 60% 70% 30%/40% 70% 30% 60%}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.25}50%{transform:scale(1.1);opacity:.35}}.section-header{display:flex;align-items:center;gap:1rem}.section-icon{width:36px;height:36px;background:var(--gradient-leaf);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.content-section{max-width:var(--content-width);margin:0 auto}.content-section:has(.category-hub){max-width:var(--container-width)}.article{max-width:var(--content-width);margin:0 auto;padding:0 2rem}.article-header{text-align:center;margin-bottom:3rem;padding:3rem;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.article-header::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-leaf)}.article-category{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-leaf);color:#fff;font-size:.7rem;font-weight:600;padding:.4rem 1rem;border-radius:16px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.article-title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.article-meta{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center;color:var(--text-muted);font-size:.9rem}.article-date{font-weight:500}.reading-time{color:var(--text-muted);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;list-style:none;padding:0;margin-bottom:0}.tag{font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:.35rem .75rem;border-radius:16px;transition:var(--transition)}.tag:hover{background:var(--accent);color:#fff}.article-content{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:3rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--font-sans);font-weight:600;color:var(--text-primary);line-height:1.3;margin:2rem 0 1rem;letter-spacing:-.02em}.article-content h1{font-size:2.25rem}.article-content h2{font-size:1.5rem;display:flex;align-items:center;gap:.75rem;margin:3rem 0 1.25rem}.article-content h2::before{content:"";width:20px;height:20px;background:var(--gradient-leaf);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0}.article-content h3{font-size:1.15rem;margin:2rem 0 .75rem}.article-content h4{font-size:1.1rem}.article-content h5{font-size:1rem}.article-content h6{font-size:.95rem}.article-content .direct-link{opacity:0;margin-left:.25em;color:var(--text-muted,#6b7280);text-decoration:none;transition:opacity .2s}.article-content h1:hover .direct-link,.article-content h2:hover .direct-link,.article-content h3:hover .direct-link,.article-content h4:hover .direct-link,.article-content h5:hover .direct-link,.article-content h6:hover .direct-link{opacity:1}.article-content .direct-link:hover{color:var(--accent)}.article-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.article-content p:first-of-type{font-size:1.15rem;color:var(--text-primary)}.article-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:500;transition:var(--transition)}.article-content a:hover{color:var(--accent-hover)}.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:1.5rem}.article-content li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.75}.article-content li::marker{color:var(--accent)}.article-content code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-coral);padding:.2em .45em;border-radius:6px;font-size:.9em;font-weight:500}.article-content pre{background:var(--text-primary);color:var(--bg-primary);padding:1.75rem;margin:2rem 0;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;border-radius:var(--border-radius);position:relative}.article-content pre code{background:0 0;padding:0;color:inherit;font-size:.9rem;border:none}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-comment);font-style:italic}.token.punctuation{color:var(--code-operator)}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:var(--code-keyword);font-weight:600}.token.boolean,.token.number{color:var(--code-number);font-weight:600}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--code-string)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--code-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-keyword);font-weight:600}.token.class-name,.token.function{color:var(--code-function);font-weight:600}.token.important,.token.regex,.token.variable{color:var(--code-number);font-weight:500}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.article-content blockquote{background:linear-gradient(135deg,rgba(45,138,94,.08),rgba(61,168,116,.05));border-left:4px solid var(--accent);border-radius:0 var(--border-radius) var(--border-radius) 0;padding:1.5rem 2rem;margin:2rem 0;color:var(--text-primary);font-style:italic}.article-content blockquote p{margin-bottom:0;font-size:1.1rem;color:var(--text-primary)}.article-content table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden}.article-content td,.article-content th{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.article-content th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.article-content td{color:var(--text-secondary)}.posts-preview{display:grid;gap:1.5rem;margin-top:2rem}.post-preview{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.post-preview::before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--gradient-leaf);transition:height .3s;border-radius:0 0 4px}.post-preview:hover{box-shadow:0 12px 32px var(--shadow);transform:translateY(-2px);border-color:var(--accent)}.post-preview:hover::before{height:100%}.post-preview h3{margin:0 0 .75rem;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.post-preview h3 a{color:var(--text-primary);text-decoration:none;transition:color .2s}.post-preview h3 a:hover{color:var(--accent)}.post-preview .post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.post-preview .post-number{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--accent);background:rgba(45,138,94,.1);padding:.25rem .6rem;border-radius:4px}[data-theme=dark] .post-preview .post-number{background:rgba(74,186,126,.15)}.post-preview .post-meta time{color:var(--text-muted)}.post-preview .reading-time{color:var(--text-muted);display:flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.8rem}.post-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;font-size:.95rem}.post-excerpt p{margin:0}.post-tags{display:flex;gap:.5rem}.read-more{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.read-more:hover{color:var(--accent-hover)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:2.5rem 0;margin-top:4rem}.footer-content{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-info{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.footer-logo{width:20px;height:18px}.footer-logo-light{display:none!important}.footer-logo-dark{display:inline-block!important}[data-theme=light] .footer-logo-light{display:none!important}[data-theme=dark] .footer-logo-light,[data-theme=light] .footer-logo-dark{display:inline-block!important}[data-theme=dark] .footer-logo-dark{display:none!important}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.footer-link:hover{color:var(--accent)}@media (max-width:768px){.nav-container{padding:0 1.5rem}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:rgba(245,247,244,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:2rem 1.5rem;transform:translateX(-100%);transition:var(--transition-slow);border-top:1px solid var(--border);z-index:100}[data-theme=dark] .nav-menu{background:rgba(20,26,20,.92)}.nav-menu.active{transform:translateX(0)}.nav-links{flex-direction:column;gap:0;width:100%}.nav-link{font-size:1.1rem;width:100%;padding:1rem;text-align:center;border-bottom:1px solid var(--border-light);border-radius:0}.mobile-menu-toggle{display:flex}.hero-section{grid-template-columns:1fr;gap:2rem;padding:2rem 0}.hero-visual{order:-1}.hero-logo{width:150px}.article-header{margin-bottom:2rem;padding:2rem 1.5rem}.article-content{padding:2rem 1.5rem}.article-meta{flex-direction:column;gap:.5rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width:480px){.nav-container{padding:0 1rem}.main-content{padding:1.5rem 0}.article,.home-content{padding:0 1rem}.article-content,.article-header{padding:1.5rem 1rem;border-radius:var(--border-radius)}.article-content pre{margin:1.5rem -1rem;border-radius:0;padding:1.5rem 1rem}.post-preview{padding:1.5rem}}body:not(.loaded){opacity:0;transition:opacity .3s}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--gradient-leaf);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-slow);z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px var(--shadow-md)}.fade-in{animation:.6s forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skip-link{position:absolute;top:-40px;left:8px;background:var(--accent);color:#fff;padding:8px 12px;text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:14px;z-index:10000;transition:var(--transition);transform:translateY(-100%)}.skip-link:focus{top:8px;transform:translateY(0);outline:#ffffff solid 3px;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:3px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 1px var(--bg-primary)}.mobile-menu-toggle:focus-visible,.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 1px var(--bg-primary),0 0 0 5px var(--accent-hover)}.nav-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:24px}.footer-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}.nav-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.footer-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:12px 8px}.brand-link{min-height:44px;display:flex;align-items:center;padding:8px}@media (prefers-contrast:high){:focus-visible{outline:solid 4px;outline-color:var(--accent);outline-offset:2px;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 6px var(--accent)}.skip-link:focus{outline:#ffffff solid 4px;box-shadow:0 0 0 2px var(--accent),0 0 0 8px #fff}:root{--border:#000000;--shadow:rgba(0, 0, 0, 0.5)}[data-theme=dark]{--border:#ffffff;--shadow:rgba(255, 255, 255, 0.3)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}.post-preview{transition:none}.post-preview:hover{transform:none}.skip-link,:focus-visible{transition:none}.theme-toggle .theme-icon{transition:none}.shape-1,.shape-2,.shape-3,body::before{animation:none}}.mermaid-diagram{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);padding:1.5rem;margin:2rem 0;text-align:center;overflow-x:auto;position:relative}.mermaid-diagram::before{content:"Diagram";position:absolute;top:.5rem;left:1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-primary);padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--border);z-index:1}.mermaid-diagram svg{max-width:100%;height:auto;display:block;margin:0 auto;background:0 0}.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node polygon,.mermaid-diagram .node rect{fill:var(--bg-primary)!important;stroke:var(--accent)!important;stroke-width:2px!important}.mermaid-diagram .node .label,.mermaid-diagram .nodeLabel{color:var(--text-primary)!important;fill:var(--text-primary)!important;font-family:var(--font-sans)!important;font-size:14px!important;font-weight:500!important}.mermaid-diagram .edgePath .path{stroke:var(--accent)!important;stroke-width:2px!important;fill:none!important}.mermaid-diagram .edgeLabel{background-color:var(--bg-primary)!important;color:var(--text-secondary)!important;font-family:var(--font-sans)!important;font-size:12px!important}.mermaid-diagram .arrowheadPath{fill:var(--accent)!important;stroke:var(--accent)!important}.mermaid-diagram .flowchart-link{stroke:var(--accent)!important;stroke-width:2px!important}.mermaid-diagram .actor{fill:var(--bg-primary)!important;stroke:var(--accent)!important;stroke-width:2px!important}.mermaid-diagram .actor-line{stroke:var(--border)!important;stroke-width:1px!important;stroke-dasharray:5,5!important}.mermaid-diagram .messageLine0,.mermaid-diagram .messageLine1{stroke:var(--accent)!important;stroke-width:2px!important}.mermaid-diagram .commit-id,.mermaid-diagram .commit-msg,.mermaid-diagram .commit-type{fill:var(--text-primary)!important;font-family:var(--font-mono)!important;font-size:12px!important}.mermaid-diagram .section{fill:var(--bg-tertiary)!important}.mermaid-diagram .branch{stroke-width:4px!important;stroke-linecap:round!important}.mermaid-diagram .branch0{stroke:var(--accent)!important}.mermaid-diagram .branch1{stroke:var(--accent-light)!important}.mermaid-diagram .branch2{stroke:var(--accent-coral)!important}.mermaid-diagram .branch3{stroke:#ef4444!important}.mermaid-diagram .branch4{stroke:#8b5cf6!important}.mermaid-diagram[role=img]{outline:0}.mermaid-diagram:focus-within{outline:3px solid var(--accent);outline-offset:2px}[data-theme=dark] .mermaid-diagram{background:var(--bg-secondary)}[data-theme=dark] .mermaid-diagram::before{background:var(--bg-primary);color:var(--text-muted)}@media (max-width:768px){.mermaid-diagram{padding:1rem;margin:1.5rem 0}.mermaid-diagram::before{font-size:.7rem;top:.25rem;left:.75rem;padding:.2rem .4rem}.mermaid-diagram svg{font-size:12px}.mermaid-diagram .node .label,.mermaid-diagram .nodeLabel{font-size:12px!important}.mermaid-diagram .edgeLabel{font-size:10px!important}}.category-hub{position:relative;min-height:100vh;padding:2rem 0}.hub-blobs{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.hub-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.hub-blob-1{width:400px;height:400px;background:linear-gradient(135deg,var(--accent) 0,#3da87440 100%);top:-100px;right:-100px;animation:20s ease-in-out infinite blobFloat1}.hub-blob-2{width:300px;height:300px;background:linear-gradient(135deg,#4aba7e40 0,var(--accent) 100%);bottom:20%;left:-100px;animation:25s ease-in-out infinite blobFloat2}.hub-blob-3{width:250px;height:250px;background:linear-gradient(135deg,var(--accent-light) 0,#2d8a5e40 100%);top:40%;right:10%;animation:30s ease-in-out infinite blobFloat3}@keyframes blobFloat1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-30px,50px) scale(1.1)}66%{transform:translate(20px,-30px) scale(.95)}}@keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,40px) scale(.9)}}@keyframes blobFloat3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-50px,20px) scale(1.15)}66%{transform:translate(30px,-50px) scale(.85)}}@media (prefers-reduced-motion:reduce){.hub-blob{animation:none}}.hub-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1rem 2rem;margin-bottom:2rem;text-align:center}.hub-hero-logo img{width:140px;height:auto;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .15));animation:6s ease-in-out infinite float}.hub-hero-logo .animated-logo{width:140px;height:auto;cursor:pointer;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .15))}.hub-hero-logo .animated-logo .logo-inner,.hub-hero-logo .animated-logo .logo-outer{transform-origin:center center;transition:transform .1s ease-out}.hub-hero-logo .animated-logo .logo-group{transform-origin:center center}.hub-hero-logo .animated-logo:hover{filter:drop-shadow(0 4px 25px rgba(131, 160, 98, .4))}.hub-hero-slogan{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.hub-hero-logo .logo-light{display:none}.hub-hero-logo .logo-dark,[data-theme=dark] .hub-hero-logo .logo-light{display:block}[data-theme=dark] .hub-hero-logo .logo-dark{display:none}.hub-hero h1{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.hub-hero h1 .accent{background:var(--gradient-leaf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:var(--accent-coral);text-underline-offset:8px;text-decoration-thickness:3px}.hub-hero p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.topic-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0 1rem;margin-bottom:3rem}.topic-tabs .tab{padding:.625rem 1.25rem;border-radius:50px;border:1.5px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.topic-tabs .tab:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.topic-tabs .tab.glitching{animation:.15s steps(1) infinite tab-glitch}@keyframes tab-glitch{0%,100%{transform:translateY(-2px);text-shadow:none}20%{transform:translateY(-2px) translateX(-3px);text-shadow:3px 0 0 rgba(255,0,0,.5),-3px 0 0 rgba(0,255,255,.5)}40%{transform:translateY(-1px) translateX(2px);text-shadow:-2px 0 0 rgba(255,0,0,.4),2px 0 0 rgba(0,255,255,.4)}60%{transform:translateY(-3px) translateX(-1px);text-shadow:1px 0 0 rgba(255,0,0,.3),-1px 0 0 rgba(0,255,255,.3)}80%{transform:translateY(-2px) translateX(3px);text-shadow:-3px 0 0 rgba(255,0,0,.5),3px 0 0 rgba(0,255,255,.5)}}.topic-tabs .tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--shadow-md)}.topic-tabs .tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.category-section{max-width:var(--container-width);margin:0 auto 3rem;padding:0 1.5rem}.category-section.hidden{display:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.category-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:10px;font-size:1.25rem;transition:var(--transition)}.section-header:hover .category-icon{transform:rotate(10deg)}.view-all{font-size:.9rem;color:var(--accent);text-decoration:none;font-weight:500;transition:var(--transition)}.view-all:hover{color:var(--accent-hover);text-decoration:underline}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.featured-card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:1.75rem;border:1px solid var(--border-light);box-shadow:0 4px 20px var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.featured-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-coral);transform:scaleX(0);transition:transform .3s}.featured-card:hover::before{transform:scaleX(1)}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--shadow-md)}.featured-card .badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:rgba(224,122,95,.1);color:var(--accent-coral);border:1px solid var(--accent-coral);border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.featured-card h3{font-size:1.35rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.featured-card h3 a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}.featured-card h3 a:hover{color:var(--accent)}.featured-card>p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}.card-meta .reading-time,.card-meta time{color:var(--text-muted)}.mini-posts{display:flex;flex-direction:column;gap:.75rem}.mini-post{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-light);text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.mini-post::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s}.mini-post:hover::before{transform:scaleY(1)}.mini-post:hover{border-color:var(--accent);background:var(--bg-secondary)}.mini-post:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.mini-post h4{font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4;flex:1}.mini-post time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.no-posts{grid-column:1/-1;text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.featured-latest{margin-bottom:2.5rem}.latest-post-card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:2rem 2.5rem;border:1px solid var(--border-light);box-shadow:0 4px 20px var(--shadow);max-width:800px;margin:0 auto;position:relative;overflow:hidden;transition:var(--transition)}.latest-post-card:hover{box-shadow:0 8px 30px var(--shadow-md);transform:translateY(-2px)}.latest-post-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-coral)}.latest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.latest-post-card .latest-date{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.latest-tag{padding:.25rem .6rem;background:var(--accent-coral);color:#fff;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.latest-post-card h2{font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.latest-post-card h2 a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}.latest-post-card h2 a:hover{color:var(--accent)}.latest-post-card>p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.latest-post-card .card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.latest-post-card .card-footer .reading-time{color:var(--text-muted);font-size:.85rem}.latest-cta{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600;font-size:.95rem;text-decoration:none;transition:var(--transition)}.latest-cta:hover{color:var(--accent-hover);gap:.6rem}.latest-cta span{transition:var(--transition)}[data-theme=dark] .latest-post-card{background:rgba(26,34,26,.9);backdrop-filter:blur(10px);border-color:var(--border)}[data-theme=dark] .featured-card,[data-theme=dark] .mini-post{background:rgba(26,34,26,.8);backdrop-filter:blur(10px);border-color:var(--border)}[data-theme=dark] .hub-blob{opacity:.3}[data-theme=dark] .topic-tabs .tab{background:rgba(26,34,26,.8);backdrop-filter:blur(10px)}[data-theme=dark] .topic-tabs .tab.active{background:var(--accent)}@media (max-width:900px){.category-grid{grid-template-columns:1fr}.hub-blob-1{width:250px;height:250px}.hub-blob-2{width:200px;height:200px}.hub-blob-3{width:150px;height:150px}}@media (max-width:600px){.latest-post-card{padding:1.5rem}.latest-post-card h2{font-size:1.3rem}.latest-header{flex-wrap:wrap;gap:.5rem}.hub-hero{flex-direction:column;gap:1.5rem;padding:2rem 1rem 1.5rem}.hub-hero-logo img{width:120px}.hub-hero h1{font-size:1.75rem}.hub-hero p{font-size:1rem}.topic-tabs{gap:.5rem}.topic-tabs .tab{padding:.5rem 1rem;font-size:.85rem}.category-section{padding:0 1rem;margin-bottom:2rem}.section-header h2{font-size:1.25rem}.featured-card{padding:1.25rem}.featured-card h3{font-size:1.15rem}.hub-blob-1{width:150px;height:150px}.hub-blob-2{width:120px;height:120px}.hub-blob-3{display:none}}.tag-archive{max-width:var(--content-width);margin:0 auto;padding:3rem 2rem}.tag-header{margin-bottom:3rem;text-align:center}.tag-header .hero-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.tag-header .hero-title .accent{background:var(--gradient-leaf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:var(--accent-coral);text-underline-offset:6px;text-decoration-thickness:2px}.tag-header .tag-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:.25rem}.tag-header .post-count{color:var(--text-muted);font-size:1rem;margin-bottom:1.5rem}.tag-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-weight:500;transition:var(--transition)}.tag-header .back-link:hover{color:var(--accent-hover)}.tag-archive .post-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.tag-archive .post-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:1.5rem 2rem;transition:var(--transition);position:relative;overflow:hidden}.tag-archive .post-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s}.tag-archive .post-item:hover::before{transform:scaleY(1)}.tag-archive .post-item:hover{border-color:var(--accent);background:var(--bg-secondary)}.tag-archive .post-item article h2{margin:0 0 .5rem;font-size:1.35rem;font-weight:600}.tag-archive .post-item article h2 a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}.tag-archive .post-item article h2 a:hover{color:var(--accent)}.tag-archive .post-item time{display:block;color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);margin-bottom:.75rem}.tag-archive .post-item p{margin:0;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .tag-archive .post-item{background:rgba(26,34,26,.8);backdrop-filter:blur(10px);border-color:var(--border)}.about-avatar{float:right;max-width:280px;height:auto;margin:0 0 1.5rem 2rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-md);border:3px solid var(--border);transition:var(--transition);shape-outside:margin-box}.about-avatar:hover{transform:scale(1.02);box-shadow:0 12px 40px var(--shadow-md);border-color:var(--accent)}@media (max-width:768px){.tag-archive{padding:2rem 1rem}.tag-header .hero-title{font-size:1.75rem}.tag-archive .post-item{padding:1.25rem 1.5rem}.tag-archive .post-item article h2{font-size:1.15rem}.about-avatar{float:none;display:block;max-width:200px;margin:0 auto 1.5rem}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes glitch{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-5px,5px);filter:hue-rotate(90deg)}40%{transform:translate(5px,-5px);filter:hue-rotate(180deg);clip-path:inset(20% 0 30% 0)}60%{transform:translate(-5px,-5px);filter:hue-rotate(270deg);clip-path:inset(50% 0 10% 0)}80%{transform:translate(5px,5px);filter:hue-rotate(360deg);clip-path:inset(10% 0 60% 0)}100%{transform:translate(0);filter:hue-rotate(0deg);clip-path:none}}@keyframes glitchBg{0%,100%{background-position:0 0}20%{background-position:5px -5px}40%{background-position:-5px 5px}60%{background-position:5px 5px}80%{background-position:-5px -5px}}@keyframes spin{from{transform:rotate(0) scale(1.02)}to{transform:rotate(360deg) scale(1.02)}}@keyframes scanlineMove{0%{background-position:0 0}100%{background-position:0 4px}}@keyframes vhsNoise{0%,100%{opacity:.03;transform:translateX(0)}10%{opacity:.08;transform:translateX(-2px)}20%{opacity:.02;transform:translateX(3px)}30%,90%{opacity:.06;transform:translateX(-1px)}50%{opacity:.07;transform:translateX(-3px)}70%{opacity:.05;transform:translateX(-2px)}}@keyframes vhsGlitch{0%,100%{transform:translateY(0);filter:none}5%{transform:translateY(-2px) skewX(1deg);filter:hue-rotate(90deg)}15%{transform:translateY(3px) skewX(-2deg);filter:saturate(2)}85%{transform:translateY(-1px);filter:hue-rotate(-45deg)}}@keyframes heartbeat{0%,100%,28%{transform:scale(1)}14%,42%{transform:scale(1.15)}}.easter-egg-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.easter-egg-modal.active{opacity:1;visibility:visible}.easter-egg-modal-content{background:rgba(20,25,20,.75);border:1px solid rgba(100,200,150,.4);border-radius:var(--border-radius-lg);padding:2rem;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 0 60px rgba(100,200,150,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.easter-egg-modal h2{color:var(--primary);margin-bottom:1rem;font-family:var(--font-mono);text-align:center}.easter-egg-modal .hint{color:var(--text-muted);font-size:.85rem;text-align:center;margin-bottom:1.5rem}.easter-egg-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.easter-egg-btn{background:rgba(100,200,150,.15);border:1px solid rgba(100,200,150,.4);border-radius:var(--border-radius);padding:.75rem;color:var(--text);cursor:pointer;transition:.2s;font-family:var(--font-mono);font-size:.8rem;text-align:center}.easter-egg-btn:hover{background:var(--primary);color:var(--background);border-color:var(--primary);transform:scale(1.05)}.easter-egg-modal .close-hint{color:var(--text-muted);font-size:.75rem;text-align:center;margin-top:1.5rem}