*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#1a202c;--color-secondary:#2d3748;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#34d399;--color-background:#f5f5f0;--color-surface:#f1f5f9;--color-border:#d1d5db;--color-text:#1a202c;--color-text-light:#374151;--color-text-lighter:#4b5563;--white:#ffffff;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-xs:12px;--font-size-small:14px;--font-size-base:16px;--font-size-large:18px;--font-size-xl:clamp(1.25rem, 1.5vw + 1rem, 1.5rem);--font-size-2xl:clamp(1.5rem, 2.5vw + 1rem, 2rem);--font-size-3xl:clamp(2rem, 3.5vw + 1rem, 2.5rem);--font-size-4xl:clamp(2.5rem, 4vw + 1rem, 3rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3.5rem;--space-4xl:4.5rem;--max-width:900px;--post-content-max-width:700px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.35s ease;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.04);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.06);--shadow-lg:0 8px 20px rgba(0, 0, 0, 0.08);--shadow-accent-sm:0 2px 8px rgba(16, 185, 129, 0.2);--shadow-accent-md:0 4px 16px rgba(16, 185, 129, 0.10);--grad-accent-04:linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, rgba(16, 185, 129, 0.02) 100%);--grad-accent-08:linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.04) 100%);--bp-tablet:768px;--bp-phone:480px;--touch-target-min:44px;--touch-target-padding:12px;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em}html{font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color-scheme:light dark;accent-color:var(--color-accent);scroll-padding-top:2rem}body{font-family:var(--font-family);color:var(--color-text);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);line-height:var(--line-height-normal);text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1}.post-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);margin:var(--space-xl)0;overflow-x:auto;font-family:fira code,consolas,monaco,courier new,monospace;font-size:var(--font-size-small);line-height:1.6;box-shadow:var(--shadow-sm)}.post-content pre code{background:0 0;border:none;padding:0;margin:0;font-size:inherit;color:inherit}.post-content code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-family:fira code,consolas,monaco,courier new,monospace;font-size:.9em;color:var(--color-accent)}.post-content p+pre,.post-content pre+p{margin-top:var(--space-lg)}.post-content h2+pre,.post-content h3+pre{margin-top:var(--space-md)}.post-content pre+h2,.post-content pre+h3{margin-top:var(--space-xl)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);border-radius:0 0 20px 20px;background:0 0!important;contain:layout style}.header{padding:var(--space-md)0 var(--space-sm);border:none;margin-bottom:var(--space-lg);background:0 0;box-shadow:none;text-align:center;contain:layout style;position:relative;z-index:10}.site-logo{margin-bottom:var(--space-md);border-radius:12px;padding:var(--space-sm);box-shadow:none;contain:layout style;transition:transform var(--transition-fast);background:0 0;border:none;margin:0;font-size:0;line-height:0}.site-logo:hover{transform:scale(1.05)}.site-logo img{width:240px;height:180px;display:block;aspect-ratio:4/3;transition:filter var(--transition-fast);object-fit:contain}.site-logo:hover img{filter:brightness(1.1)}.site-description{font-size:var(--font-size-base);color:var(--color-text-light);font-weight:400;margin:0 auto;max-width:500px;line-height:var(--line-height-normal);opacity:.8;letter-spacing:var(--letter-spacing-normal)}.btn,.nav-prev,.nav-next,.nav-back,.nav-first,.nav-last,.blog-link,.read-more,.post-category,.post-tag,.site-logo,.floating-share{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);will-change:transform;contain:layout style paint;transition:transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),background var(--transition-fast);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover,.nav-prev:hover,.nav-next:hover,.nav-back:hover,.nav-first:hover,.nav-last:hover,.blog-link:hover,.read-more:hover,.post-category:hover,.post-tag:hover,.site-logo:hover,.floating-share:hover{will-change:transform;transform:translateZ(0)}.btn:focus-visible,.nav-prev:focus-visible,.nav-next:focus-visible,.nav-back:focus-visible,.nav-first:focus-visible,.nav-last:focus-visible,.blog-link:focus-visible,.read-more:focus-visible,.post-category:focus-visible,.post-tag:focus-visible,.site-logo:focus-visible,.floating-share:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:6px;position:relative;z-index:10}.btn{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-small);font-weight:600;padding:var(--space-md)var(--space-lg);border-radius:8px;text-decoration:none;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.btn--outline{background-color:var(--color-surface);color:var(--color-text-light);border:1px solid var(--color-border);position:relative;overflow:hidden}.btn--outline::before{content:'';position:absolute;inset:0;background:var(--color-accent);opacity:0;transition:opacity var(--transition-normal);z-index:1}.btn--outline:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--outline:hover::before{opacity:1}.btn--outline:hover *{color:var(--white);position:relative;z-index:2}.btn--solid{background-color:var(--color-accent);color:var(--white);border:1px solid var(--color-accent)}.btn--solid:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.posts{display:flex;flex-direction:column;gap:var(--space-lg)}.featured-post{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-accent);position:relative;padding-inline:var(--space-lg)}.featured-post::after{content:'';position:absolute;bottom:-2px;left:var(--space-lg);width:60px;height:2px;background:var(--color-accent);border-radius:1px}.post-preview{background-color:initial;padding:var(--space-lg);border-radius:12px;border:none;box-shadow:none;transition:all var(--transition-normal);contain:layout style}.post-preview:last-child{margin-bottom:0}.post-preview.featured{position:relative;padding:var(--space-sm);background:var(--grad-accent-04);border-radius:12px;border:1px solid rgba(16,185,129,.1);box-shadow:var(--shadow-sm)}.post-preview.featured:hover{background:var(--grad-accent-08);box-shadow:var(--shadow-md);transform:translateY(-3px)}.featured-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--color-accent);color:#fff;padding:var(--space-xs)var(--space-sm);border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;box-shadow:var(--shadow-accent-sm);transition:all var(--transition-fast)}.featured-badge:hover{background:var(--color-accent-hover);transform:scale(1.05)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light);line-height:var(--line-height-normal)}.post-meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.post-date{font-size:var(--font-size-small);color:var(--color-text-light);font-weight:500;display:flex;align-items:center;gap:var(--space-xs);opacity:.8;letter-spacing:var(--letter-spacing-wide)}.post-date::before{content:"📅";font-size:var(--font-size-xs)}.post-category,.post-tag{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-xs)var(--space-sm);border-radius:4px;text-decoration:none;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-xs);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.post-category{background:var(--grad-accent-04);color:var(--color-accent);border:1px solid rgba(16,185,129,.2)}.post-category::before{content:"📂";font-size:var(--font-size-xs);opacity:.8}.post-tag{background:var(--color-surface);color:var(--color-text-light);border:1px solid var(--color-border)}.post-tag::before{content:"🏷️";font-size:var(--font-size-xs);opacity:.6}.post-category:hover{background:var(--grad-accent-08);color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-accent-sm);border-color:rgba(16,185,129,.2)}.post-tag:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.post-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.post-title a{color:var(--color-text);text-decoration:none;transition:color var(--transition-normal)}.post-title a:hover,.post-title a:focus{color:var(--color-accent)}.post-excerpt{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg);opacity:.9}.post-preview:not(.featured) .post-excerpt{font-size:var(--font-size-small);line-height:var(--line-height-normal)}.read-more{font-size:var(--font-size-small);font-weight:600;color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border-radius:6px;transition:all var(--transition-normal);letter-spacing:var(--letter-spacing-wide)}.read-more:hover,.read-more:focus{background:var(--grad-accent-04);color:var(--color-accent);transform:translateX(2px)}.post-navigation{margin-top:var(--space-xs);padding-top:var(--space-md);background-color:initial;padding-left:0;padding-right:0;border-radius:0;border:none}.nav-links{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);contain:layout style}.nav-info{display:flex;justify-content:center;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--color-border);flex-wrap:wrap}.nav-disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-light);background:var(--color-surface);border:1px solid var(--color-border);pointer-events:none}.nav-disabled:hover{transform:none;background:var(--color-surface);color:var(--color-text-light);box-shadow:none}.nav-arrow{font-size:var(--font-size-xl);font-weight:700;transition:transform var(--transition-normal)}.nav-prev:hover .nav-arrow{transform:translateX(-2px)}.nav-next:hover .nav-arrow{transform:translateX(2px)}.nav-title{font-size:var(--font-size-small);font-weight:600;color:var(--color-text);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide)}.post{max-width:100%;background-color:initial;padding:var(--space-xl)0;border-radius:0;border:none}.post-header{margin-bottom:var(--space-2xl);text-align:center}.post-subtitle{font-size:var(--font-size-xl);color:var(--color-text-light);font-weight:400;margin-bottom:var(--space-xl);line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.post-content{padding:var(--space-md);line-height:var(--line-height-normal);font-size:var(--font-size-base);color:var(--color-text);max-width:var(--post-content-max-width);margin:0 auto;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;text-align:justify;text-justify:inter-word}.post-content p{margin-bottom:var(--space-md);text-align:justify;text-justify:inter-word}.post-content p+p{margin-top:0}.post-content h2{font-size:var(--font-size-2xl);font-weight:700;margin:var(--space-2xl)0 var(--space-lg);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.post-content h3{font-size:var(--font-size-xl);font-weight:600;margin:var(--space-xl)0 var(--space-md);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.post-content ul,.post-content ol{margin:var(--space-md)0;padding-left:var(--space-lg)}.post-content li{margin-bottom:var(--space-xs);line-height:var(--line-height-normal)}.post-content blockquote{font-size:var(--font-size-large);font-style:italic;margin:var(--space-lg)0;padding:var(--space-md)var(--space-lg);border-left:4px solid var(--color-accent);background:var(--grad-accent-02);border-radius:0 8px 8px 0;line-height:var(--line-height-normal);color:var(--color-text)}.post-content strong{font-weight:700;color:var(--color-text)}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-xl)0}.post-content a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.post-content a:hover,.post-content a:focus{color:var(--color-accent-hover);text-decoration-thickness:2px}.post-tags{display:inline-flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.floating-share{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(16,185,129,.4);z-index:9999;font-size:1.4rem;touch-action:manipulation;min-width:56px;min-height:56px}.floating-share:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-background);box-shadow:0 6px 16px rgba(16,185,129,.5)}.floating-share:active{transform:translateY(0)}.share-toast{position:fixed;bottom:5rem;right:2rem;background:var(--color-accent);color:#fff;padding:.75rem 1rem;border-radius:6px;font-size:var(--font-size-small);font-weight:500;opacity:0;transform:translateY(10px);transition:all var(--transition-normal);z-index:10000;box-shadow:0 4px 12px rgba(16,185,129,.3);pointer-events:none;will-change:transform,opacity;contain:layout style paint}.share-toast.show{opacity:1;transform:translateY(0)}.share-icon{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:700}.back-to-top{position:fixed;bottom:2rem;left:2rem;width:3.5rem;height:3.5rem;background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-lg);z-index:9999;font-size:1.4rem;touch-action:manipulation;min-width:56px;min-height:56px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal);cursor:pointer;pointer-events:none}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.back-to-top:active{transform:translateY(0)}.back-to-top-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;font-weight:700}.footer{padding:var(--space-lg)0 var(--space-md);border:none;background:0 0;box-shadow:none;color:var(--color-text-light);text-align:center;font-size:var(--font-size-small)}.footer-content{display:flex;flex-direction:column;gap:var(--space-xl);align-items:center}.footer-slogan{text-align:center}.footer-slogan h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-xs);letter-spacing:var(--letter-spacing-tight)}.footer-slogan p{font-size:var(--font-size-base);color:var(--color-text-light);margin:0;opacity:.8}.footer-info{display:flex;flex-direction:column;gap:var(--space-xs);align-items:center}.blog-navigation{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.blog-links{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.blog-link{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light);text-decoration:none;padding:var(--space-sm)var(--space-md);border-radius:6px;transition:all var(--transition-normal);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.blog-link:hover,.blog-link:focus{color:var(--color-accent);background:var(--grad-accent-04);transform:translateY(-1px)}.stack>*+*{margin-block-start:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}@media(max-width:var(--bp-tablet)){:root{--font-size-xs:11px;--font-size-small:13px;--font-size-base:15px;--font-size-large:16px;--font-size-xl:clamp(1.125rem, 1.2vw + 1rem, 1.25rem);--font-size-2xl:clamp(1.25rem, 2vw + 1rem, 1.5rem);--font-size-3xl:clamp(1.5rem, 2.5vw + 1rem, 1.75rem);--font-size-4xl:clamp(1.75rem, 3vw + 1rem, 2rem);--space-xs:0.2rem;--space-sm:0.4rem;--space-md:0.8rem;--space-lg:1.2rem;--space-xl:1.6rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--post-content-max-width:98%}.container{padding:0 var(--space-md)}.header{padding:var(--space-xl)0 var(--space-lg)}.post{margin-bottom:var(--space-2xl)}.post-content{text-align:left;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;padding:var(--space-sm)}.post-content p{margin-bottom:var(--space-sm)}.post-content p+p{margin-top:0}.post-excerpt{font-size:var(--font-size-small);line-height:var(--line-height-normal)}.post-meta{gap:var(--space-xs);margin-bottom:var(--space-sm)}.post-date,.post-category,.post-tag{font-size:var(--font-size-xs)}.post-category{padding-left:calc(var(--space-sm) + 1.2em)}.post-navigation{margin-top:var(--space-xl)}.nav-links{flex-direction:column;gap:var(--space-md)}.nav-prev,.nav-next{width:100%;justify-content:space-between}.nav-info{flex-direction:column;gap:var(--space-xs)}.nav-back,.nav-first,.nav-last{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.blog-links{flex-direction:column;gap:var(--space-sm)}.blog-link{width:100%;justify-content:center;padding:var(--space-md)}.footer-slogan h3{font-size:var(--font-size-xl)}.footer-slogan p{font-size:var(--font-size-small)}.nav-title{font-size:var(--font-size-xs);max-width:none}.featured-post{margin-bottom:var(--space-2xl)}.featured-post::after{display:none}.post-preview.featured{padding:var(--space-md)}.post-preview.featured .post-title{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.post-preview.featured .post-excerpt{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.post-preview.featured .read-more{font-size:var(--font-size-small);padding:var(--space-sm)var(--space-md)}.featured-badge{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.post-tag{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.read-more{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}}@media(max-width:var(--bp-phone)){:root{--font-size-xs:10px;--font-size-small:12px;--font-size-base:14px;--font-size-large:15px;--font-size-xl:clamp(1rem, 1vw + 0.9rem, 1.125rem);--font-size-2xl:clamp(1.125rem, 1.5vw + 1rem, 1.25rem);--font-size-3xl:clamp(1.25rem, 2vw + 1rem, 1.5rem);--font-size-4xl:clamp(1.5rem, 2.5vw + 1rem, 1.75rem);--space-xs:0.15rem;--space-sm:0.3rem;--space-md:0.6rem;--space-lg:0.9rem;--space-xl:1.2rem;--space-2xl:1.5rem;--space-3xl:2rem;--space-4xl:2.5rem;--post-content-max-width:99%}.post{margin-bottom:var(--space-xl)}.container{padding:0 var(--space-sm)}.post-content{padding:var(--space-xs)}.post-content p{margin-bottom:var(--space-xs)}.post-content p+p{margin-top:0}.intro{margin-bottom:var(--space-lg)}.post-navigation{margin-top:var(--space-lg)}.featured-post{margin-bottom:var(--space-xl)}.featured-post::after{display:none}.post-preview.featured{padding:var(--space-md)}.post-preview.featured .post-title{font-size:var(--font-size-large);line-height:var(--line-height-tight)}.post-preview.featured .post-excerpt{font-size:var(--font-size-small);line-height:var(--line-height-normal)}.post-preview.featured .read-more{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.featured-badge{font-size:var(--font-size-xs);padding:var(--space-xs);top:var(--space-sm);right:var(--space-sm)}.btn,.nav-prev,.nav-next,.nav-back,.nav-first,.nav-last,.blog-link,.read-more,.post-category,.post-tag{min-height:40px;min-width:40px}.post-category{padding-left:calc(var(--space-sm) + 1em);font-size:var(--font-size-xs)}.post-tag{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.read-more{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.site-logo{margin-bottom:var(--space-sm);padding:var(--space-xs)}.site-logo img{width:160px;height:120px}.post-meta-tags{gap:var(--space-xs)}.post-tags{gap:var(--space-xs)}.nav-links{gap:var(--space-sm)}.nav-info{gap:var(--space-xs)}.floating-share{width:40px;height:40px;font-size:1.2rem}.post-title a{font-size:var(--font-size-large);line-height:var(--line-height-tight)}.nav-arrow{width:16px;height:16px}.post-content a{text-decoration-thickness:1px;text-underline-offset:1px}.nav-prev,.nav-next{padding:var(--space-sm)}.featured-badge{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.btn,.nav-prev,.nav-next,.nav-back,.nav-first,.nav-last,.blog-link,.read-more,.post-category,.post-tag{font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm)}.nav-title,.blog-link{font-size:var(--font-size-xs);border-width:2px}.footer-slogan h3{font-size:var(--font-size-large)}.footer-slogan p{font-size:var(--font-size-xs)}}.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}@media(hover:none) and (pointer:coarse){.btn:active,.nav-prev:active,.nav-next:active,.nav-back:active,.nav-first:active,.nav-last:active,.blog-link:active,.read-more:active,.post-category:active,.post-tag:active,.site-logo:active,.floating-share:active{transform:scale(.95)}.post-preview:active{transform:translateY(2px)}.post-title a:active{background-color:var(--color-accent);color:var(--color-background)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.post-preview:hover,.post-title a:hover,.read-more:hover,.nav-prev:hover,.nav-next:hover,.nav-back:hover,.nav-first:hover,.nav-last:hover,.blog-link:hover,.post-category:hover,.post-tag:hover,.site-logo:hover,.floating-share:hover,.nav-prev:hover .nav-arrow,.nav-next:hover .nav-arrow{transform:none!important}}@media(prefers-color-scheme:dark){:root{--color-background:#0f1419;--color-surface:#1e293b;--color-primary:#e2e8f0;--color-secondary:#cbd5e1;--color-text:#f8fafc;--color-text-light:#cbd5e1;--color-text-lighter:#94a3b8;--color-border:#334155;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#34d399;--grad-accent-02:linear-gradient(135deg, rgba(16, 185, 129, 0.02) 0%, rgba(16, 185, 129, 0.04) 100%);--grad-accent-04:linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, rgba(16, 185, 129, 0.08) 100%);--grad-accent-08:linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.12) 100%);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.5);--shadow-accent-sm:0 2px 4px rgba(16, 185, 129, 0.3)}body{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%)}.container{background:0 0!important}.btn:focus-visible,.nav-prev:focus-visible,.nav-next:focus-visible,.nav-back:focus-visible,.nav-first:focus-visible,.nav-last:focus-visible,.blog-link:focus-visible,.read-more:focus-visible,.post-category:focus-visible,.post-tag:focus-visible,.site-logo:focus-visible,.floating-share:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:8px;position:relative;z-index:10;box-shadow:0 0 0 1px var(--color-accent),0 0 0 4px rgba(16,185,129,.2)}.post-category{background:var(--grad-accent-08);border-color:rgba(16,185,129,.2);color:var(--color-accent-light)}.post-tag{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-light)}.post-tag:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.post-title a{color:var(--color-text)}.post-title a:hover{color:var(--color-accent-light)}.post-excerpt{color:var(--color-text-light)}.read-more{color:var(--color-accent)}.read-more:hover{color:var(--color-accent-light)}.site-title{color:var(--color-text)}.site-title a:hover{color:var(--color-accent-light);background:var(--grad-accent-04)}.site-description{color:var(--color-text-light);opacity:.7}.post-meta{color:var(--color-text-light)}.post-date{color:var(--color-text-lighter)}.nav-prev,.nav-next,.nav-back,.nav-first,.nav-last{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.nav-prev:hover,.nav-next:hover,.nav-back:hover,.nav-first:hover,.nav-last:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.nav-title{color:var(--color-text)}.blog-link{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.blog-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.nav-disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-lighter);opacity:.6}.nav-disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-lighter);opacity:.6}.post-preview.featured{background:var(--grad-accent-04);border-color:rgba(16,185,129,.2)}.post-preview.featured:hover{background:var(--grad-accent-08);transform:translateY(-3px)}.post-preview.featured .post-title a{color:var(--color-primary)}.post-preview.featured .post-title a:hover{color:var(--color-accent-light)}.post-preview.featured .post-excerpt{color:var(--color-text-light)}.post-preview.featured .read-more{color:var(--color-accent)}.post-preview.featured .read-more:hover{color:var(--color-accent-light)}.featured-badge{background:var(--color-accent);color:var(--color-background)}.featured-badge:hover{background:var(--color-accent-hover)}.floating-share{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background);box-shadow:0 4px 12px rgba(16,185,129,.4)}.floating-share:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-background);box-shadow:0 6px 16px rgba(16,185,129,.5)}.post-content{color:var(--color-text)}.post-content h2,.post-content h3{color:var(--color-primary)}.post-content strong{color:var(--color-primary)}.post-content blockquote{background:var(--grad-accent-02);border-left-color:var(--color-accent);color:var(--color-text-light)}.post-content a{color:var(--color-accent)}.post-content a:hover{color:var(--color-accent-light)}.post-content pre{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.3)}.post-content code{background:var(--color-surface);border-color:var(--color-border);color:var(--color-accent-light)}.share-toast{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-lg)}}@media(prefers-contrast:high){:root{--color-border:#475569;--color-text-light:#e2e8f0;--color-text-lighter:#cbd5e1}.btn:focus-visible,.nav-prev:focus-visible,.nav-next:focus-visible,.nav-back:focus-visible,.nav-first:focus-visible,.nav-last:focus-visible,.blog-link:focus-visible,.read-more:focus-visible,.post-category:focus-visible,.post-tag:focus-visible,.site-logo:focus-visible,.floating-share:focus-visible{outline:4px solid var(--color-accent);outline-offset:2px}.post-category,.post-tag{border-width:2px}}.post-content{padding:var(--space-md);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.post-content pre{padding:var(--space-md);font-size:var(--font-size-xs);margin:var(--space-lg)0}.post-excerpt{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg);opacity:.9}.post-preview:not(.featured) .post-excerpt{font-size:var(--font-size-small);line-height:var(--line-height-normal)}@media(max-width:var(--bp-tablet)){.post-content pre{padding:var(--space-md);font-size:var(--font-size-xs);margin:var(--space-lg)0}.post-content code{font-size:.85em;padding:1px 4px}}@media(max-width:var(--bp-phone)){.post-content pre{padding:var(--space-sm);font-size:11px;margin:var(--space-md)0;border-radius:6px}.post-content code{font-size:.8em;padding:1px 3px}}.floating-share{width:40px;height:40px;font-size:1.2rem}.back-to-top{width:40px;height:40px;font-size:1.2rem;bottom:1.5rem;left:1.5rem}.back-to-top-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;font-weight:700}.main-nav{margin-top:var(--space-md)}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-lg);justify-content:center}.main-nav a{color:var(--color-text);text-decoration:none;font-weight:500;padding:var(--space-sm);transition:color var(--transition-fast)}.main-nav a:hover{color:var(--color-accent)}.archive-container{max-width:var(--post-content-max-width);margin:0 auto;padding:0}.archive-description{color:var(--color-text-lighter);margin-bottom:var(--space-xl);text-align:center}.search-container{margin-bottom:var(--space-xl)}.search{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.search:focus{outline:none;border-color:var(--color-accent)}.results-counter{margin-top:var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-lighter);text-align:center}.post-item{border-bottom:1px solid var(--color-border);padding:var(--space-lg)0;margin-bottom:var(--space-lg)}.post-item:last-child{border-bottom:none}.post-item h2{margin:0 0 var(--space-sm);font-size:var(--font-size-large)}.post-item h2 a{color:var(--color-text);text-decoration:none}.post-item h2 a:hover{color:var(--color-accent)}.post-item .meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-lighter)}.post-item time{color:var(--color-text-light)}.post-item .tag{color:var(--color-accent);font-size:var(--font-size-xs)}.post-item .summary{color:var(--color-text-light);margin:0;line-height:var(--line-height-relaxed)}.pagination{margin-top:var(--space-xl);text-align:center}.pagination ul{list-style:none;padding:0;margin:0;display:inline-flex;gap:var(--space-sm)}.pagination li{display:inline-block}.pagination a{display:block;padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;border-radius:4px;transition:all var(--transition-fast)}.pagination a:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination .active a{background:var(--color-accent);border-color:var(--color-accent);color:var(--white)}@media(max-width:var(--bp-tablet)){.main-nav ul{gap:var(--space-md)}.post-item .meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media(max-width:var(--bp-phone)){.main-nav{margin-top:var(--space-sm)}.archive-container{padding:var(--space-md)0}}.list{list-style:none;padding:0;margin:0}.list li{margin-bottom:var(--space-lg)}.list li:last-child{margin-bottom:0}.sort-container{margin-bottom:var(--space-lg);text-align:center}.sort{display:inline-block;padding:var(--space-sm)var(--space-md);margin:0 var(--space-xs);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.sort:hover{border-color:var(--color-accent);color:var(--color-accent)}.sort.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--white)}.pagination:empty{display:none}.pagination *{margin:0 4px}.pagination a{display:inline-block;padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;border-radius:4px;transition:all var(--transition-fast);min-width:44px;text-align:center}.pagination a:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination .active a{background:var(--color-accent);border-color:var(--color-accent);color:var(--white)}.pagination .disabled a{opacity:.5;cursor:not-allowed;pointer-events:none}.active-filters{margin:var(--space-sm)0}#filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-tag{background:var(--color-surface);color:var(--color-text);padding:4px var(--space-sm);border-radius:4px;font-size:var(--font-size-small);font-weight:400;display:inline-flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-border)}.filter-tag:hover{background:var(--color-accent);color:var(--white);border-color:var(--color-accent)}.remove-filter{color:var(--color-text-lighter);text-decoration:none;font-size:14px;line-height:1;padding:1px;margin-left:var(--space-xs);transition:color var(--transition-fast)}.remove-filter:hover{color:var(--color-accent)}@media(max-width:var(--bp-tablet)){.active-filters{padding:var(--space-sm);margin:var(--space-sm)0}#filter-tags{gap:var(--space-xs)}.filter-tag{font-size:var(--font-size-xs);padding:4px var(--space-xs)}}@media(max-width:var(--bp-phone)){.active-filters h3{font-size:var(--font-size-base)}.filter-tag{font-size:11px;padding:3px 6px}.remove-filter{width:16px;height:16px;font-size:14px}}.related-links{margin:var(--space-sm)0;font-style:italic;font-size:var(--font-size-xs);color:var(--color-text-lighter)}.related-links h3{display:inline;font-weight:400}.related-links ul{display:inline}.related-links li{display:inline;margin-left:var(--space-xs)}.related-links a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.related-links a:hover{color:var(--color-accent-hover)}