:root,.theme-teal{--bg:#f4f1ea;--bg-accent:#e8dfd1;--panel:#fffaf2;--text:#202124;--muted:#6f6659;--primary:#0f766e;--primary-strong:#0a5d57;--line:#d5ccbf;--hero-grad-1:#fef7e6;--hero-grad-2:#e3f5ef}.theme-teal.dark,.dark .theme-teal,html.dark .theme-teal,html.dark:root{--bg:#1a1a1a;--bg-accent:#2d2d2d;--panel:#252525;--text:#e8e6e3;--muted:#a0998c;--primary:#5d8a54;--primary-strong:#5eead4;--line:#3d3d3d;--hero-grad-1:#1f2937;--hero-grad-2:#134e4a}@media(prefers-color-scheme:dark){:root:not(.light),.theme-teal:not(.light){--bg:#1a1a1a;--bg-accent:#2d2d2d;--panel:#252525;--text:#e8e6e3;--muted:#a0998c;--primary:#2dd4bf;--primary-strong:#5eead4;--line:#3d3d3d;--hero-grad-1:#1f2937;--hero-grad-2:#134e4a}}.theme-ocean{--bg:#f0f5fa;--bg-accent:#dfe8f0;--panel:#ffffff;--text:#1e293b;--muted:#64748b;--primary:#0369a1;--primary-strong:#075985;--line:#cbd5e1;--hero-grad-1:#e0f2fe;--hero-grad-2:#f0f9ff}.theme-ocean.dark,.dark .theme-ocean,html.dark .theme-ocean{--bg:#0f172a;--bg-accent:#1e293b;--panel:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--primary:#38bdf8;--primary-strong:#7dd3fc;--line:#334155;--hero-grad-1:#0c4a6e;--hero-grad-2:#1e3a5f}@media(prefers-color-scheme:dark){.theme-ocean:not(.light){--bg:#0f172a;--bg-accent:#1e293b;--panel:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--primary:#38bdf8;--primary-strong:#7dd3fc;--line:#334155;--hero-grad-1:#0c4a6e;--hero-grad-2:#1e3a5f}}.theme-forest{--bg:#f5f7f4;--bg-accent:#e4ebe0;--panel:#fcfdfb;--text:#1c2518;--muted:#5c6a52;--primary:#3d7c3f;--primary-strong:#2d5e2f;--line:#c5d4be;--hero-grad-1:#ecfdf5;--hero-grad-2:#f0fdf4}.theme-forest.dark,.dark .theme-forest,html.dark .theme-forest{--bg:#14201a;--bg-accent:#1e2d23;--panel:#1e2d23;--text:#e2efe8;--muted:#9cb89e;--primary:#4ade80;--primary-strong:#86efac;--line:#2d4a35;--hero-grad-1:#14532d;--hero-grad-2:#1a3d2a}@media(prefers-color-scheme:dark){.theme-forest:not(.light){--bg:#14201a;--bg-accent:#1e2d23;--panel:#1e2d23;--text:#e2efe8;--muted:#9cb89e;--primary:#4ade80;--primary-strong:#86efac;--line:#2d4a35;--hero-grad-1:#14532d;--hero-grad-2:#1a3d2a}}.theme-sunset{--bg:#fdf6f3;--bg-accent:#fce8e0;--panel:#fffbfa;--text:#292524;--muted:#78716c;--primary:#ea580c;--primary-strong:#c2410c;--line:#e7d6cf;--hero-grad-1:#fff7ed;--hero-grad-2:#fef3c7}.theme-sunset.dark,.dark .theme-sunset,html.dark .theme-sunset{--bg:#1c1412;--bg-accent:#2d201c;--panel:#2d201c;--text:#fef3e8;--muted:#c4a898;--primary:#fb923c;--primary-strong:#fdba74;--line:#4a3530;--hero-grad-1:#7c2d12;--hero-grad-2:#78350f}@media(prefers-color-scheme:dark){.theme-sunset:not(.light){--bg:#1c1412;--bg-accent:#2d201c;--panel:#2d201c;--text:#fef3e8;--muted:#c4a898;--primary:#fb923c;--primary-strong:#fdba74;--line:#4a3530;--hero-grad-1:#7c2d12;--hero-grad-2:#78350f}}.theme-lavender{--bg:#f8f6fc;--bg-accent:#ede8f5;--panel:#fefcff;--text:#1f1b2e;--muted:#6b6185;--primary:#7c3aed;--primary-strong:#6d28d9;--line:#ddd6ea;--hero-grad-1:#f5f3ff;--hero-grad-2:#faf5ff}.theme-lavender.dark,.dark .theme-lavender,html.dark .theme-lavender{--bg:#18141f;--bg-accent:#251e30;--panel:#251e30;--text:#f3eefa;--muted:#a89cc4;--primary:#a78bfa;--primary-strong:#c4b5fd;--line:#3d3452;--hero-grad-1:#4c1d95;--hero-grad-2:#581c87}@media(prefers-color-scheme:dark){.theme-lavender:not(.light){--bg:#18141f;--bg-accent:#251e30;--panel:#251e30;--text:#f3eefa;--muted:#a89cc4;--primary:#a78bfa;--primary-strong:#c4b5fd;--line:#3d3452;--hero-grad-1:#4c1d95;--hero-grad-2:#581c87}}.theme-slate{--bg:#f8fafc;--bg-accent:#e2e8f0;--panel:#ffffff;--text:#0f172a;--muted:#64748b;--primary:#475569;--primary-strong:#334155;--line:#cbd5e1;--hero-grad-1:#f1f5f9;--hero-grad-2:#f8fafc}.theme-slate.dark,.dark .theme-slate,html.dark .theme-slate{--bg:#0f172a;--bg-accent:#1e293b;--panel:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--primary:#94a3b8;--primary-strong:#cbd5e1;--line:#334155;--hero-grad-1:#1e293b;--hero-grad-2:#0f172a}@media(prefers-color-scheme:dark){.theme-slate:not(.light){--bg:#0f172a;--bg-accent:#1e293b;--panel:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--primary:#94a3b8;--primary-strong:#cbd5e1;--line:#334155;--hero-grad-1:#1e293b;--hero-grad-2:#0f172a}}.theme-rose{--bg:#fdf4f6;--bg-accent:#fce7ec;--panel:#fffbfc;--text:#1f1215;--muted:#9f7481;--primary:#e11d48;--primary-strong:#be123c;--line:#f4d4dc;--hero-grad-1:#fff1f2;--hero-grad-2:#ffe4e6}.theme-rose.dark,.dark .theme-rose,html.dark .theme-rose{--bg:#1a0f12;--bg-accent:#2d181d;--panel:#2d181d;--text:#fff1f3;--muted:#c9a3ad;--primary:#fb7185;--primary-strong:#fda4af;--line:#4c282f;--hero-grad-1:#881337;--hero-grad-2:#9f1239}@media(prefers-color-scheme:dark){.theme-rose:not(.light){--bg:#1a0f12;--bg-accent:#2d181d;--panel:#2d181d;--text:#fff1f3;--muted:#c9a3ad;--primary:#fb7185;--primary-strong:#fda4af;--line:#4c282f;--hero-grad-1:#881337;--hero-grad-2:#9f1239}}.theme-navy{--bg:#ffffff;--bg-accent:#f0f2f5;--panel:#f8f9fb;--text:#0f2347;--muted:#57606a;--primary:#326cca;--primary-strong:#0f2347;--line:#d0d7de;--hero-grad-1:#ffffff;--hero-grad-2:#f0f2f5}.theme-navy.dark,.dark .theme-navy,html.dark .theme-navy{--bg:#1e2226;--bg-accent:#202123;--panel:#1b1c1f;--text:#e6edf3;--muted:#8b949e;--primary:#326cca;--primary-strong:#4181e8;--line:#30363d;--hero-grad-1:#0d1117;--hero-grad-2:#161b22}@media(prefers-color-scheme:dark){.theme-navy:not(.light){--bg:#0d1117;--bg-accent:#161b22;--panel:#1c2230;--text:#e6edf3;--muted:#8b949e;--primary:#4d7cc7;--primary-strong:#79a1e0;--line:#30363d;--hero-grad-1:#0d1117;--hero-grad-2:#161b22}}:root{--radius:16px;--radius-lg:24px;--radius-sm:10px;--max-width:1400px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.02);--shadow-lg:0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 40px -10px rgba(0, 0, 0, 0.12), 0 12px 20px -8px rgba(0, 0, 0, 0.06);--shadow-glow:0 0 20px rgba(var(--primary-rgb), 0.15);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:400ms cubic-bezier(0.34, 1.56, 0.64, 1);--font-base:1rem;--font-sm:0.875rem;--font-xs:0.78rem;--font-lg:1.125rem;--font-h1:clamp(1.4rem, 4vw, 2.2rem);--font-h2:clamp(1.2rem, 3vw, 1.6rem);--font-h3:1rem;--font-brand:1.25rem;--font-code:0.875rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--card-padding:1rem;--hero-padding:2rem;--btn-height:40px;--btn-height-sm:36px;--touch-target:44px;--card-min-width:250px;--showcase-min-width:280px;--showcase-img-height:180px;--article-min-width:240px;--project-min-width:220px;--project-img-height:140px}body.size-m{}body.size-l{--font-base:1.1rem;--font-sm:0.95rem;--font-xs:0.85rem;--font-lg:1.25rem;--font-h1:clamp(1.6rem, 4.5vw, 2.5rem);--font-h2:clamp(1.35rem, 3.5vw, 1.85rem);--font-h3:1.15rem;--font-brand:1.4rem;--font-code:0.95rem;--space-xs:0.35rem;--space-sm:0.65rem;--space-md:1.15rem;--space-lg:1.75rem;--space-xl:2.25rem;--space-2xl:3.5rem;--card-padding:1.25rem;--hero-padding:2.5rem;--btn-height:46px;--btn-height-sm:40px;--touch-target:48px;--card-min-width:280px;--showcase-min-width:310px;--showcase-img-height:200px;--article-min-width:260px;--project-min-width:240px;--project-img-height:155px}body.size-xl{--font-base:1.25rem;--font-sm:1.05rem;--font-xs:0.95rem;--font-lg:1.4rem;--font-h1:clamp(1.85rem, 5vw, 2.9rem);--font-h2:clamp(1.5rem, 4vw, 2.1rem);--font-h3:1.3rem;--font-brand:1.6rem;--font-code:1.05rem;--space-xs:0.45rem;--space-sm:0.75rem;--space-md:1.35rem;--space-lg:2rem;--space-xl:2.75rem;--space-2xl:4rem;--card-padding:1.5rem;--hero-padding:3rem;--btn-height:52px;--btn-height-sm:44px;--touch-target:52px;--card-min-width:300px;--showcase-min-width:340px;--showcase-img-height:220px;--article-min-width:280px;--project-min-width:260px;--project-img-height:170px}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);background:var(--bg);font-family:inter,segoe ui,system-ui,sans-serif;font-size:var(--font-base);line-height:1.65;letter-spacing:-.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg,iframe{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}a,button{min-height:var(--touch-target);display:inline-flex;align-items:center}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-strong)}.site-header{position:sticky;top:0;backdrop-filter:blur(16px)saturate(180%);-webkit-backdrop-filter:blur(16px)saturate(180%);background:color-mix(in srgb,var(--panel) 85%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 25%,transparent);box-shadow:none;z-index:100}.wrap{width:min(100% - 2.5rem,var(--max-width));margin:0 auto}.nav-row{display:flex;align-items:center;gap:1rem;padding:0;min-height:68px}.brand{font-family:bitter,Georgia,serif;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-brand);font-weight:700;letter-spacing:-.02em;min-height:var(--touch-target);display:inline-flex;align-items:center;flex-shrink:0}.nav-links{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-start;padding-left:0;flex:1}.nav-links a{padding:.5rem 1.1rem;min-height:var(--touch-target);display:inline-flex;align-items:center;border-radius:var(--radius-sm);font-weight:500;color:var(--muted);position:relative;transition:color var(--transition-fast),background var(--transition-fast)}.nav-links a::after{content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--primary);border-radius:1px;transform:translateX(-50%);transition:width var(--transition-base)}.nav-links a:hover{color:var(--text);background:0 0}.nav-links a:hover::after{width:calc(100% - 2rem)}.nav-links a.is-active{color:var(--primary);font-weight:600}.nav-links a.is-active::after{width:calc(100% - 2rem);background:var(--primary)}.nav-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);transition:all var(--transition-base)}.theme-toggle:hover{background:var(--bg-accent);color:var(--text);transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}html.dark .theme-toggle .icon-sun,.dark .theme-toggle .icon-sun{display:block}html.dark .theme-toggle .icon-moon,.dark .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){html:not(.light) .theme-toggle .icon-sun{display:block}html:not(.light) .theme-toggle .icon-moon{display:none}}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:var(--bg-accent);border:1px solid var(--line);cursor:pointer;padding:0;width:42px;height:42px;border-radius:10px;flex-shrink:0;transition:all .2s ease}.nav-toggle:hover{background:var(--primary);border-color:var(--primary)}.nav-toggle:hover span{background:#fff}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s,background .2s}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;padding:1rem;background:var(--panel);border-bottom:1px solid color-mix(in srgb,var(--line) 25%,transparent);gap:1rem}.nav-mobile.is-open{display:flex}.nav-links-mobile{display:flex;flex-direction:column;gap:.25rem}.nav-links-mobile a{padding:.75rem 1rem;border-radius:10px;font-weight:500;color:var(--text);transition:background .2s}.nav-links-mobile a:hover{background:var(--bg-accent)}.nav-actions-mobile{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--line) 25%,transparent)}.reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-strong) 100%);z-index:200;transition:width .1s linear;border-radius:0 2px 2px 0}.main-content{flex:1;padding:var(--space-xl)0 var(--space-2xl)}.hero{background:linear-gradient( 135deg,color-mix(in srgb,var(--hero-grad-1) 95%,var(--panel)) 0%,color-mix(in srgb,var(--hero-grad-2) 90%,var(--panel)) 50%,color-mix(in srgb,var(--hero-grad-1) 85%,var(--panel)) 100% );border:1px solid color-mix(in srgb,var(--line) 25%,transparent);border-radius:var(--radius-lg);padding:var(--hero-padding);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero h1{margin-top:0;font-size:var(--font-h1);line-height:1.2;letter-spacing:-.03em;font-weight:700}.hero p{font-size:var(--font-lg);color:var(--muted);max-width:600px}.grid{display:grid;gap:var(--space-md)}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min-width)),1fr))}.card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:var(--radius);padding:var(--card-padding);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.meta{font-size:var(--font-sm);color:var(--muted)}pre{padding:var(--card-padding);border-radius:var(--radius-sm);overflow-x:auto;overflow-y:hidden;position:relative;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-family:jetbrains mono,courier new,monospace;font-size:var(--font-code);line-height:1.6;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--muted)transparent;box-shadow:var(--shadow-sm)}.chroma{border-radius:var(--radius-sm)}pre::-webkit-scrollbar{height:6px}pre::-webkit-scrollbar-track{background:0 0}pre::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}pre::-webkit-scrollbar-thumb:hover{background:var(--text)}pre code{background:0 0;color:inherit;padding:0;border-radius:0;font-size:inherit}code{background:var(--bg-accent);color:var(--primary-strong);padding:.15rem .4rem;border-radius:4px;font-family:jetbrains mono,courier new,monospace;font-size:calc(var(--font-base) * .9)}.highlight-wrapper{position:relative;margin-bottom:var(--space-md)}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-accent);color:var(--muted);border:1px solid var(--line);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s;z-index:10;min-height:auto}.highlight-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.copy-code-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.content-shell{display:grid;grid-template-columns:280px 1fr;gap:var(--space-md);align-items:start}.sidebar{position:sticky;top:5.5rem;align-self:start;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:var(--radius);padding:var(--card-padding)}.single{background:0 0;border:none;border-radius:0;padding:var(--space-xl)0 var(--space-2xl);min-width:0;overflow-wrap:anywhere;box-shadow:none}.single header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:none}.single header h1{margin:0 0 var(--space-md);font-family:bitter,Georgia,serif;font-size:var(--font-h1);line-height:1.2;letter-spacing:-.03em;font-weight:700}.single header h1::after{content:'';display:block;width:2.5rem;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-radius:2px;margin-top:var(--space-md)}.single .content{font-size:calc(var(--font-base) * 1.02);line-height:1.8}.single .content>p:first-of-type{font-size:calc(var(--font-base) * 1.1);color:var(--text);line-height:1.7;font-weight:400}.single .content h2{font-family:bitter,Georgia,serif;margin-top:calc(var(--space-xl) * 1.25);margin-bottom:var(--space-md);font-weight:700;font-size:var(--font-h2);letter-spacing:-.03em;padding-left:1rem;border-left:3px solid var(--primary)}.single .content h3{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:600;font-size:calc(var(--font-h3) * 1.1);letter-spacing:-.02em;color:var(--text)}.single .content h4{margin-top:var(--space-lg);margin-bottom:var(--space-xs);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.single .content p{margin-bottom:var(--space-md)}.single .content ul,.single .content ol{padding-left:1.5em;margin-bottom:var(--space-md)}.single .content li{margin-bottom:calc(var(--space-xs) * 1.5)}.single .content blockquote{margin:var(--space-lg)0;padding:var(--space-sm)var(--space-lg);border-left:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--bg-accent));border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--muted);font-style:italic;font-size:calc(var(--font-base) * 1.05)}.single .content blockquote p{margin:0}.single .content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:var(--space-xl)auto;max-width:60%}.single .content table{display:table;width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:var(--font-sm);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.single .content th{background:var(--bg-accent);padding:.6rem 1rem;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--line);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em}.single .content td{padding:.6rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);color:var(--text);vertical-align:top}.single .content tr:last-child td{border-bottom:none}.single .content tr:hover td{background:color-mix(in srgb,var(--primary) 4%,var(--bg))}.post-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line)}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.post-tags-label{font-weight:600;color:var(--muted);margin-right:.25rem}.main-content>header{padding-bottom:var(--space-xl);margin-bottom:var(--space-lg)}.main-content>header h1{font-family:bitter,Georgia,serif;font-size:var(--font-h1);letter-spacing:-.03em;font-weight:700;margin:0 0 var(--space-sm)}.main-content>header h1::after{content:'';display:block;width:2.5rem;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-radius:2px;margin-top:var(--space-md)}.main-content>header p{color:var(--muted);font-size:var(--font-lg);margin:var(--space-sm)0 0}.lang-switch{position:relative;display:flex;align-items:center}.lang-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);transition:all var(--transition-base)}.lang-toggle:hover{background:var(--bg-accent);color:var(--text)}.lang-toggle svg{width:18px;height:18px}.lang-dropdown{position:absolute;top:calc(100% + 10px);right:0;display:none;flex-direction:column;min-width:150px;padding:.5rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 25%,transparent);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;animation:dropdownFade .15s ease-out}@keyframes dropdownFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-switch:hover .lang-dropdown,.lang-switch:focus-within .lang-dropdown{display:flex}.lang-dropdown a{padding:.6rem 1rem;border-radius:8px;color:var(--text);font-size:var(--font-sm);font-weight:500;text-decoration:none;transition:background .15s,color .15s}.lang-dropdown a:hover{background:var(--bg-accent);color:var(--primary)}.lang-dropdown a.is-active{background:var(--primary);color:#fff}.pagination{margin-top:calc(var(--space-md) * 1.5);display:flex;gap:calc(var(--space-sm) * .8);flex-wrap:wrap;justify-content:center}.pagination a,.pagination .page-item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:8px;color:var(--muted);font-size:var(--font-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.pagination a:hover{background:var(--bg-accent);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.pagination .page-item.active,.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}.post-meta-author{color:inherit;text-decoration:none;font-weight:500}.post-meta-author:hover{color:var(--primary);text-decoration:underline}.profile{width:100%}.profile-hero{display:none}.profile-hero-bg{display:none}.profile-hero-inner{display:none}.profile-header{display:flex;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-xl)}.profile-header-left{flex-shrink:0}.profile-header-body{flex:1;min-width:0}.profile-avatar-link{flex-shrink:0;display:block;border-radius:50%;transition:transform .25s ease,box-shadow .25s ease}.profile-avatar-link:hover{transform:scale(1.03);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 25%,transparent)}.profile-avatar{width:280px;height:280px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);display:block;box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 30%,transparent)}.profile-avatar-placeholder{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 30%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));border:4px solid var(--primary);color:var(--primary);font-size:7rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 20%,transparent)}.profile-identity{flex:1;min-width:0}.profile-name{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:var(--text);margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.15}.profile-title{font-size:var(--font-md);color:var(--primary);font-weight:600;margin:0 0 .5rem}.profile-location{display:flex;align-items:center;gap:.35rem;font-size:var(--font-sm);color:var(--muted);margin:0 0 1rem}.profile-location svg{width:14px;height:14px;flex-shrink:0}.profile-socials{display:flex;gap:.5rem;flex-wrap:wrap}.profile-social{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:8px;background:var(--bg-accent);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);color:var(--muted);font-size:.8rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s}.profile-social svg{width:15px;height:15px;flex-shrink:0}.profile-social:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.profile-body{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-section{}.profile-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin:0 0 var(--space-md)}.profile-bio{font-size:var(--font-md);color:var(--text);line-height:1.75;margin:var(--space-sm)0 var(--space-md)}.profile-skills{display:flex;flex-wrap:wrap;gap:.5rem}.profile-skill{padding:.35rem .8rem;border-radius:20px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:.82rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.profile-publications-section{margin-top:var(--space-xl)}.profile-publications-section>.profile-section-title{margin-bottom:var(--space-lg)}.profile-publications{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.profile-pub-card{display:flex;flex-direction:column;gap:.4rem;padding:.85rem 1rem;background:var(--bg-accent);border:1px solid color-mix(in srgb,var(--line) 50%,transparent);border-radius:10px;text-decoration:none;color:var(--text);transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.profile-pub-card:hover{background:var(--panel);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 12%,transparent)}.profile-pub-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;align-self:flex-start;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.profile-pub-type.projects{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}.profile-pub-title{font-size:var(--font-sm);font-weight:600;line-height:1.4;color:var(--text)}.profile-pub-card:hover .profile-pub-title{color:var(--primary)}.profile-pub-date{font-size:.72rem;color:var(--muted);margin-top:auto}@media(max-width:640px){.profile-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.profile-avatar,.profile-avatar-placeholder{width:140px;height:140px;font-size:3.5rem}.profile-socials{justify-content:center}.profile-location{justify-content:center}.profile-publications{grid-template-columns:1fr}}.site-footer{margin-top:auto;border-top:1px solid color-mix(in srgb,var(--line) 20%,transparent);color:var(--muted);padding:calc(var(--space-lg) * 1.5)0 var(--space-xl);background:color-mix(in srgb,var(--panel) 50%,var(--bg))}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-sm)}@media(max-width:900px){.content-shell{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:768px){.nav-row{display:flex;justify-content:space-between;align-items:center;min-height:56px}.nav-toggle{display:flex}.nav-links,.nav-actions{display:none}.lang-dropdown{right:auto;left:0}.main-content{padding:1.25rem 0 2rem}.hero{padding:1.25rem;border-radius:10px}.single{padding:var(--space-lg)0;border-radius:0}.single .content{max-width:100%}.site-footer .wrap{justify-content:center;text-align:center}}@media(max-width:480px){.grid.cards{grid-template-columns:1fr}.hero{padding:1rem}.single{padding:var(--space-md)0}.brand{font-size:1.1rem}}.home-section{margin-bottom:calc(var(--space-xl) * 1.25)}.home-section h2{margin-top:0;margin-bottom:var(--space-lg);font-family:playfair display,bitter,Georgia,serif;font-size:var(--font-h2);letter-spacing:-.02em;font-weight:700;display:flex;align-items:center;gap:.75rem}.home-section h2::before{content:'';display:inline-block;width:4px;height:1.1em;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);border-radius:2px;flex-shrink:0}.section-more{margin-top:calc(var(--space-md) * .75);font-size:var(--font-sm)}.home-section--custom{background:linear-gradient(145deg,var(--hero-grad-1),var(--hero-grad-2));border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-lg)var(--space-xl)}.section-img{border-radius:var(--radius);margin-bottom:var(--space-md)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);padding:0;list-style:none;min-height:unset}.filter-btn{cursor:pointer;padding:.4rem 1rem;min-height:var(--btn-height-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:var(--panel);color:var(--muted);font-size:var(--font-sm);font-weight:500;font-family:inherit;transition:all var(--transition-fast)}.filter-btn:hover{background:color-mix(in srgb,var(--primary) 10%,var(--panel));border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);transform:translateY(-1px)}.filter-btn.is-active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}.showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--showcase-min-width)),1fr));gap:calc(var(--space-md) * 1.25)}.showcase-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 25%,transparent);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.showcase-card[hidden]{display:none}.showcase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 30%,var(--line))}.showcase-img{width:100%;height:var(--showcase-img-height);object-fit:cover;border-radius:0;transition:transform var(--transition-slow)}.showcase-card:hover .showcase-img{transform:scale(1.03)}.showcase-placeholder{width:100%;height:var(--showcase-img-height);background:linear-gradient( 135deg,var(--bg-accent) 0%,color-mix(in srgb,var(--bg-accent) 80%,var(--primary)) 50%,var(--bg) 100% );position:relative;overflow:hidden}.showcase-placeholder::after{content:'';position:absolute;inset:0;background:linear-gradient( 90deg,transparent 0%,color-mix(in srgb,var(--panel) 30%,transparent) 50%,transparent 100% );animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.showcase-body{padding:calc(var(--card-padding) * 1.1);display:flex;flex-direction:column;gap:calc(var(--space-sm) * .9);flex:1}.showcase-body h3{margin:0;font-size:var(--font-h3);font-weight:600;letter-spacing:-.02em;line-height:1.35}.showcase-body p{margin:0;color:var(--muted);font-size:var(--font-sm);line-height:1.55}.showcase-cats{display:flex;flex-wrap:wrap;gap:calc(var(--space-xs) * 1.5)}.tag{display:inline-flex;align-items:center;min-height:unset;padding:.2rem .7rem;background:color-mix(in srgb,var(--primary) 10%,var(--bg-accent));border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:999px;font-size:var(--font-xs);font-weight:500;color:color-mix(in srgb,var(--primary) 80%,var(--text));text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.meta-tag{color:var(--primary);text-decoration:none}.meta-tag:hover{text-decoration:underline}.article-shell{display:grid;grid-template-columns:1fr 280px;gap:var(--space-xl);align-items:start}.article-toc{position:sticky;top:calc(68px + var(--space-xl));align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.article-toc::-webkit-scrollbar{display:none}.toc-inner{padding:var(--space-md);background:color-mix(in srgb,var(--panel) 60%,transparent);border-radius:var(--radius);border-left:3px solid color-mix(in srgb,var(--primary) 30%,transparent)}.toc-label{margin:0 0 var(--space-sm);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.article-toc nav ul{list-style:none;margin:0;padding:0}.article-toc nav ul ul{padding-left:.85rem;margin-top:.2rem}.article-toc nav li{margin-bottom:.2rem}.article-toc nav a{display:block;font-size:var(--font-xs);color:var(--muted);line-height:1.4;padding:.2rem 0;min-height:unset;border-radius:0;transition:color var(--transition-fast),padding-left var(--transition-fast);text-decoration:none}.article-toc nav a:hover,.article-toc nav a.toc-active{color:var(--primary);padding-left:.3rem}.article-toc nav a code{font-size:inherit;background:0 0;padding:0;border-radius:0}.post-meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.post-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.post-meta-item{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-sm);color:var(--muted);min-height:unset}.post-meta-icon{width:13px;height:13px;flex-shrink:0;opacity:.7}.post-meta-sep{color:var(--line);font-size:var(--font-sm);user-select:none}.post-meta-tags{display:flex;flex-wrap:wrap;gap:.4rem}.home-section .showcase:not(.showcase-articles){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--project-min-width)),1fr))}.home-section .showcase:not(.showcase-articles) .showcase-img,.home-section .showcase:not(.showcase-articles) .showcase-placeholder{height:var(--project-img-height)}.home-section .showcase:not(.showcase-articles) .showcase-body{padding:calc(var(--card-padding) * .9)}.home-section .showcase:not(.showcase-articles) .showcase-body h3{font-size:calc(var(--font-h3) * .9)}.home-section .showcase:not(.showcase-articles) .showcase-body p{font-size:var(--font-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.taxonomy-header{margin-bottom:var(--space-lg)}.taxonomy-label{display:inline-block;padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:999px;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.taxonomy-header h1{margin:0 0 var(--space-xs)}.taxonomy-count{color:var(--muted);margin:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.tag-cloud-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:10px;color:var(--text);text-decoration:none;transition:all .2s ease}.tag-cloud-item:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.tag-cloud-item .tag-name{font-weight:500}.tag-cloud-item .tag-count{padding:.1rem .5rem;background:var(--bg-accent);border-radius:999px;font-size:var(--font-xs);color:var(--muted)}.tag-cloud-item:hover .tag-count{background:rgba(255,255,255,.2);color:#fff}.showcase-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-sm)}.showcase--spotlight .showcase-card--featured{grid-column:1/-1;flex-direction:row;max-height:340px}.showcase--spotlight .showcase-card--featured .showcase-img-wrap{width:42%;min-width:42%;height:auto;max-height:340px;order:2;flex-shrink:0}.showcase--spotlight .showcase-card--featured .showcase-img,.showcase--spotlight .showcase-card--featured .showcase-placeholder{height:100%;max-height:340px}.showcase--spotlight .showcase-card--featured .showcase-body{order:1;justify-content:center}@media(max-width:700px){.showcase--spotlight .showcase-card--featured{flex-direction:column;max-height:none}.showcase--spotlight .showcase-card--featured .showcase-img-wrap{width:100%;order:0;max-height:var(--showcase-img-height)}.showcase--spotlight .showcase-card--featured .showcase-img,.showcase--spotlight .showcase-card--featured .showcase-placeholder{max-height:var(--showcase-img-height)}}.showcase--list{display:flex;flex-direction:column;gap:var(--space-sm)}.showcase--list .showcase-card{flex-direction:row;align-items:stretch}.showcase--list .showcase-img-wrap{width:140px;min-width:140px;flex-shrink:0;height:auto}.showcase--list .showcase-img,.showcase--list .showcase-placeholder{height:100%;min-height:100px}.showcase--list .showcase-body{justify-content:center}@media(max-width:600px){.showcase--list .showcase-card{flex-direction:column}.showcase--list .showcase-img-wrap{width:100%;height:var(--showcase-img-height)}}.showcase--shelf{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.showcase--shelf .showcase-card{align-items:center;text-align:center}.showcase--shelf .showcase-body{align-items:center;text-align:center}.shelf-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:var(--space-md)auto 0;flex-shrink:0}.showcase--featured-grid{grid-template-columns:2fr 1fr}.showcase--featured-grid .showcase-card--featured{grid-row:span 2;display:flex;flex-direction:column}.showcase--featured-grid .showcase-card--featured .showcase-img-wrap{flex:1}.showcase--featured-grid .showcase-card--featured .showcase-img,.showcase--featured-grid .showcase-card--featured .showcase-placeholder{height:100%;min-height:180px}@media(max-width:700px){.showcase--featured-grid{grid-template-columns:1fr}.showcase--featured-grid .showcase-card--featured{grid-row:span 1}}.project-hero-img{width:100%;max-height:340px;object-fit:cover;border-radius:var(--radius);margin-bottom:calc(var(--space-md) * 1.25)}.project-page{display:flex;flex-direction:column;gap:var(--space-2xl)}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.project-hero--no-img{grid-template-columns:1fr}.project-hero-content{display:flex;flex-direction:column;gap:var(--space-md)}.project-hero-visual{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 40px color-mix(in srgb,var(--primary) 12%,transparent),0 2px 8px rgba(0,0,0,8%)}.project-hero-screenshot{width:100%;display:block;border-radius:var(--radius);object-fit:cover}.project-badges{display:flex;flex-wrap:wrap;gap:.4rem}.project-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);background:var(--bg-accent);color:var(--muted)}.project-badge-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.project-badge--active{background:color-mix(in srgb,#22c55e 12%,transparent);border-color:color-mix(in srgb,#22c55e 30%,transparent);color:#16a34a}.project-badge--active .project-badge-dot{background:#22c55e}.project-badge--beta{background:color-mix(in srgb,#f59e0b 12%,transparent);border-color:color-mix(in srgb,#f59e0b 30%,transparent);color:#d97706}.project-badge--beta .project-badge-dot{background:#f59e0b}.project-badge--archived{background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted)}.project-badge--archived .project-badge-dot{background:var(--muted)}.project-badge--version{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--primary);font-family:monospace}.project-badge--license{color:var(--muted)}.project-badge--tech{background:var(--bg-accent);color:var(--text)}.project-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}.project-description{font-size:var(--font-md);color:var(--muted);line-height:1.6;margin:0}.project-actions-hero{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm)}.project-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--line) 25%,transparent);border:1px solid color-mix(in srgb,var(--line) 25%,transparent);border-radius:var(--radius);overflow:hidden}.project-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-md)var(--space-lg);background:var(--panel);color:var(--muted);transition:background .18s}.project-stat svg{color:var(--muted);opacity:.6}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2;font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.project-section{display:flex;flex-direction:column;gap:var(--space-md)}.project-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin:0}.project-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;list-style:none;margin:0;padding:0}.project-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--font-sm);line-height:1.5;color:var(--text)}.project-feature svg{color:#22c55e;flex-shrink:0;margin-top:.15em}.project-content{font-size:calc(var(--font-base) * 1.02);line-height:1.8}.project-changelog-section{gap:var(--space-lg)}.changelog-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:1.5rem}.changelog-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:color-mix(in srgb,var(--line) 40%,transparent)}.changelog-entry{display:flex;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-lg);position:relative}.changelog-entry:last-child{padding-bottom:0}.changelog-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;position:absolute;left:-1.5rem;top:3px;border:2px solid var(--bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 40%,transparent)}.changelog-entry--feature .changelog-dot{background:#22c55e}.changelog-entry--fix .changelog-dot{background:#3b82f6}.changelog-entry--breaking .changelog-dot{background:#ef4444}.changelog-entry--security .changelog-dot{background:#f59e0b}.changelog-body{display:flex;flex-direction:column;gap:.35rem;min-width:0}.changelog-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.changelog-type-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:4px}.changelog-type--feature{background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.changelog-type--fix{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#2563eb}.changelog-type--breaking{background:color-mix(in srgb,#ef4444 15%,transparent);color:#dc2626}.changelog-type--security{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#d97706}.changelog-version{font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);padding:.1rem .4rem;border-radius:4px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.changelog-date{font-size:.72rem;color:var(--muted);margin-left:auto}.changelog-message{font-size:var(--font-sm);color:var(--text);line-height:1.5;margin:0}.project-card-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.project-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.project-status-dot--active{background:#22c55e}.project-status-dot--beta{background:#f59e0b}.project-status-dot--archived{background:var(--muted)}.project-card-status{font-size:.7rem;font-weight:600;color:var(--muted)}.project-card-version{font-size:.68rem;font-family:monospace;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:.1rem .35rem;border-radius:4px;margin-left:auto}@media(max-width:860px){.project-hero{grid-template-columns:1fr}.project-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.project-stats{grid-template-columns:1fr 1fr}.project-features{grid-template-columns:1fr}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--btn-height);padding:0 calc(var(--space-md) * 1.4);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-sm);letter-spacing:-.01em;box-shadow:0 2px 4px color-mix(in srgb,var(--primary) 30%,transparent),0 0 color-mix(in srgb,var(--primary) 50%,transparent);transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-strong) 0%,var(--primary) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent),0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.btn-primary:hover::before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--btn-height-sm);padding:0 calc(var(--space-md) * 1.1);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-sm);font-weight:500;background:0 0;transition:all var(--transition-base)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.showcase-articles,.showcase:has(.article-card){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--article-min-width)),1fr))}.article-card{--article-img-height:140px}body.size-l .article-card{--article-img-height:160px}body.size-xl .article-card{--article-img-height:180px}.article-card .showcase-img,.article-card .showcase-placeholder{height:var(--article-img-height)}.article-card .showcase-body{padding:calc(var(--card-padding) * .85);display:flex;flex-direction:column;flex:1}.article-card .showcase-body h3{font-size:calc(var(--font-h3) * .95);line-height:1.3;margin-bottom:var(--space-xs)}.article-card .article-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:var(--muted);font-size:var(--font-sm);line-height:1.5}.article-author{display:flex;align-items:center;gap:calc(var(--space-sm) * 1.2);margin-top:auto;padding-top:calc(var(--space-sm) * 1.2);border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.author-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-accent);border:2px solid color-mix(in srgb,var(--primary) 20%,transparent)}body.size-l .author-avatar{width:38px;height:38px}body.size-xl .author-avatar{width:42px;height:42px}.author-avatar-placeholder{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}body.size-l .author-avatar-placeholder{width:38px;height:38px;font-size:.9rem}body.size-xl .author-avatar-placeholder{width:42px;height:42px;font-size:1rem}.author-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.author-name{font-weight:600;font-size:var(--font-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.author-meta{font-size:var(--font-xs);color:var(--muted)}.article-placeholder{background:linear-gradient( 135deg,var(--bg-accent) 0%,color-mix(in srgb,var(--bg-accent) 80%,var(--primary)) 50%,var(--bg) 100% )}.showcase-img-wrap{position:relative;overflow:hidden;border-radius:var(--radius)var(--radius)0 0}.showcase-img-wrap .showcase-img{border-radius:0}.img-credit{position:absolute;bottom:0;right:0;padding:.15rem .5rem;font-size:.65rem;color:rgba(255,255,255,.85);background:rgba(0,0,0,.45);border-radius:var(--radius-sm)0 0 0;line-height:1.4}.img-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.featured-image-wrap{margin:var(--space-md)0 var(--space-lg);border-radius:var(--radius-sm);overflow:hidden;position:relative}.featured-image{width:100%;max-height:480px;object-fit:cover;display:block;border-radius:var(--radius-sm)}.featured-image-credit{margin:.35rem 0 0;font-size:var(--font-xs);color:var(--muted);text-align:right}.featured-image-credit a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.featured-image-credit a:hover{color:var(--primary)}.article-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.article-list-item{border-bottom:1px solid color-mix(in srgb,var(--line) 25%,transparent)}.article-list-item:last-child{border-bottom:none}.article-list-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)0;color:var(--text);text-decoration:none;min-height:unset;transition:color var(--transition-fast)}.article-list-link:hover{color:var(--primary)}.article-list-link:hover .article-list-title{color:var(--primary)}.article-list-thumb{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-accent)}.article-list-thumb--placeholder{background:linear-gradient( 135deg,var(--bg-accent) 0%,color-mix(in srgb,var(--bg-accent) 80%,var(--primary)) 100% )}body.size-l .article-list-thumb{width:72px;height:72px}body.size-xl .article-list-thumb{width:80px;height:80px}.article-list-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.article-list-title{font-weight:600;font-size:var(--font-base);color:var(--text);line-height:1.35;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-list-meta{font-size:var(--font-xs);color:var(--muted)}@media(max-width:900px){.article-shell{grid-template-columns:1fr}.article-toc{display:none}}@media(max-width:480px){.showcase{grid-template-columns:1fr}.home-section--custom{padding:1rem}pre{padding:.75rem;font-size:.8rem;border-radius:8px}.copy-code-btn{top:.35rem;right:.35rem;padding:.35rem .6rem;font-size:.7rem}.highlight-wrapper:hover .copy-code-btn{opacity:1}}