@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-400-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-400-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-400-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/jetbrains-mono-600-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/jetbrains-mono-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/jetbrains-mono-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--yellow);outline-offset:2px;border-radius:var(--radius-sm)}:root{--bg: #070810;--surface: rgba(255, 255, 255, 0.04);--surface2: rgba(255, 255, 255, 0.07);--border: rgba(255, 255, 255, 0.08);--border2: rgba(255, 255, 255, 0.14);--text: #e8eaf0;--muted: #6b7280;--yellow: #f5a623;--yellow2: #fbbf24;--purple: #7c6af7;--purple2: #a78bfa;--yellow-rgb: 245, 166, 35;--purple2-rgb: 167, 139, 250;--purple-rgb: 124, 106, 247;--grad: linear-gradient(135deg, var(--yellow), var(--purple));--grad-text: linear-gradient(135deg, var(--yellow) 0%, var(--yellow2) 40%, var(--purple2) 100%);--accent: var(--yellow);--accent2: var(--purple2);--green: #10b981;--cyan: #38bdf8;--red: #f87171;--green-bright: #4ade80;--btn-ink: #0a0b10;--btn-ink-alt: #0d1117;--accent-on-light: 160, 100, 0;--accent-on-light-strong: #784600;--font-display: 'Instrument Serif', Georgia, serif;--font-body: 'Inter', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-glow: 0 0 28px rgba(var(--yellow-rgb), 0.15);--glow-amber: 0 0 20px rgba(var(--yellow-rgb), 0.28);--glow-violet: 0 0 20px rgba(var(--purple2-rgb), 0.22);--shadow-luxe-sm: 0 2px 8px rgba(0, 0, 0, 0.35), 0 6px 20px -8px rgba(var(--yellow-rgb), 0.10);--shadow-luxe-md: 0 4px 14px rgba(0, 0, 0, 0.40), 0 12px 32px -12px rgba(var(--yellow-rgb), 0.14);--shadow-luxe-lg: 0 8px 22px rgba(0, 0, 0, 0.45), 0 24px 56px -16px rgba(var(--yellow-rgb), 0.18);--grad-amber: linear-gradient(135deg, var(--yellow), var(--yellow2));--grad-violet: linear-gradient(135deg, var(--purple), var(--purple2));--cat-algo: var(--yellow);--cat-infra: var(--purple2);--cat-ecom: #10b981;--cat-sys: #f87171;--cat-vps: #38bdf8;--cat-data: #fb923c;--btn-grad: var(--grad-amber);--transition: 0.2s ease;--transition-slow: 0.35s ease;--nav-height: 56px}[data-theme=light]{--bg: #fafafa;--surface: rgba(0, 0, 0, 0.03);--surface2: rgba(0, 0, 0, 0.06);--border: rgba(0, 0, 0, 0.08);--border2: rgba(0, 0, 0, 0.14);--text: #1a1a2e;--muted: #6b7280;--accent: var(--yellow);--accent2: var(--purple2);--green: #059669;--shadow-glow: 0 0 24px rgba(var(--yellow-rgb), 0.12);--shadow-luxe-sm: 0 1px 4px rgba(0, 0, 0, 0.08), 0 4px 14px rgba(0, 0, 0, 0.06);--shadow-luxe-md: 0 2px 8px rgba(0, 0, 0, 0.10), 0 8px 24px rgba(0, 0, 0, 0.08);--shadow-luxe-lg: 0 4px 14px rgba(0, 0, 0, 0.12), 0 16px 40px rgba(0, 0, 0, 0.10);--glow-amber: 0 0 20px rgba(var(--yellow-rgb), 0.12)}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}.reading-bar{position:fixed;top:0;left:0;height:2px;width:100%;z-index:9999;background:linear-gradient(90deg, var(--accent), var(--accent2));transform-origin:left;transform:scaleX(0);animation:reading-progress linear;animation-timeline:scroll();pointer-events:none}@supports not (animation-timeline: scroll()){.reading-bar{display:none}}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:rgba(7,8,16,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-luxe-sm);display:flex;align-items:center}.nav__inner{max-width:1100px;margin:0 auto;padding:0 var(--space-lg);width:100%;display:flex;align-items:center;gap:var(--space-lg)}.nav__logo{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;flex-shrink:0}.nav__logo span{color:var(--accent)}.nav__logo-algo{color:var(--text);font-weight:500;font-style:normal}.nav__logo-data{font-style:italic;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:600}@supports not (background-clip: text){.nav__logo-data{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.nav__logo-data{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.nav__links{display:flex;align-items:center;gap:var(--space-xs);flex:1}.nav__links a{font-size:.875rem;color:var(--muted);padding:.3125rem .625rem;border-radius:var(--radius-full);transition:color var(--transition),background var(--transition)}.nav__links a:hover{color:var(--text);background:var(--surface)}.nav__links a.active{color:var(--yellow);position:relative}.nav__links a.active::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;background:var(--yellow);border-radius:1px;animation:nav-active-bar .25s ease forwards;pointer-events:none}.nav__right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.nav__search{display:flex;align-items:center;gap:var(--space-sm);padding:.3125rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--muted);transition:border-color var(--transition),background var(--transition);cursor:pointer}.nav__search:hover{border-color:var(--border2);background:var(--surface2);color:var(--text)}.nav__search-label{display:flex;align-items:center;gap:var(--space-sm)}.nav__search .kbd-badge{display:inline-flex;align-items:center;padding:0 .375rem;height:1.25rem;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);line-height:1}.nav__lang{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--muted);font-size:.875rem;transition:color var(--transition),background var(--transition)}.nav__lang:hover{color:var(--text);background:var(--surface)}.nav__theme{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--muted);font-size:1rem;transition:color var(--transition),background var(--transition)}.nav__theme:hover{color:var(--text);background:var(--surface)}.nav__logo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:var(--glow-amber);flex-shrink:0;margin-right:4px;vertical-align:middle}.nav__progress{position:absolute;bottom:0;left:0;height:2px;width:0%;background:linear-gradient(90deg, var(--accent), var(--accent2));pointer-events:none;transition:width .1s linear}@keyframes nav-active-bar{to{transform:translateX(-50%) scaleX(1)}}[data-theme=light] .nav{background:rgba(250,250,250,.85)}[data-theme=light] .pagination-context{color:rgba(0,0,0,.35)}[data-theme=light] .post-tags a{color:rgba(var(--accent-on-light), 0.85);border-color:rgba(var(--accent-on-light), 0.3);background:rgba(var(--accent-on-light), 0.06)}[data-theme=light] .post-tags a::before{color:rgba(var(--accent-on-light), 0.5)}[data-theme=light] .post-tags a:hover{color:var(--accent-on-light-strong);border-color:rgba(var(--accent-on-light), 0.5);background:rgba(var(--accent-on-light), 0.1)}[data-theme=light] .page-btn--prev:hover,[data-theme=light] .page-btn--next:hover{color:rgba(var(--accent-on-light), 0.9);border-color:rgba(var(--accent-on-light), 0.3);background:rgba(var(--accent-on-light), 0.05)}[data-theme=light] .code-block{border-color:rgba(var(--yellow-rgb), 0.2)}[data-theme=light] .code-block[data-lang]::before{background:rgba(var(--yellow-rgb), 0.06);border-bottom-color:rgba(var(--yellow-rgb), 0.15);color:rgba(var(--accent-on-light), 0.7)}[data-theme=light] .post-card__footer{color:rgba(0,0,0,.4)}[data-theme=light] .post-meta-strip__item--author{color:rgba(0,0,0,.55)}[data-theme=light] .related__list-arrow{color:rgba(0,0,0,.3)}[data-theme=light] .search-shortcuts{color:rgba(0,0,0,.4)}[data-theme=light] .search-shortcuts kbd{color:rgba(0,0,0,.55)}[data-theme=light] .callout__text{color:rgba(0,0,0,.6)}.nav__hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:4px;line-height:0;order:-1}@media(max-width: 768px){.nav__hamburger{display:flex;align-items:center}.nav__links{display:none}}.nav__drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:199;backdrop-filter:blur(2px)}.nav__drawer-overlay--visible{display:block}.nav__drawer{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:linear-gradient(var(--surface), var(--surface)),var(--bg);border-left:1px solid var(--border);z-index:200;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.nav__drawer--open{transform:translateX(0)}.nav__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.nav__drawer-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;line-height:0}.nav__drawer-close:hover{color:var(--text)}.nav__drawer-links{display:flex;flex-direction:column;padding:16px 0;flex:1}.nav__drawer-link{padding:12px 24px;color:var(--text);text-decoration:none;font-size:1rem;transition:background var(--transition),color var(--transition);border-left:2px solid rgba(0,0,0,0)}.nav__drawer-link:hover{background:rgba(var(--yellow-rgb), 0.05);color:var(--yellow);border-left-color:var(--yellow)}.nav__drawer-link.active{color:var(--yellow);border-left-color:var(--yellow);font-weight:500}.nav__drawer-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.nav__drawer-lang{font-size:.8125rem;color:var(--muted);text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);transition:all var(--transition);white-space:nowrap;flex-shrink:0}.nav__drawer-lang.active,.nav__drawer-lang:hover{color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.35);background:rgba(var(--yellow-rgb), 0.08)}.nav__lang-dropdown{position:relative}.nav__lang-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-size:.75rem;font-family:var(--font-body);padding:3px 10px;transition:border-color var(--transition),color var(--transition)}.nav__lang-btn:hover{border-color:var(--border);color:var(--text)}.nav__lang-btn .nav__lang-chevron{transition:transform .2s}.nav__lang-list{display:none;position:absolute;top:calc(100% + 6px);right:0;background:linear-gradient(var(--surface), var(--surface)),var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);min-width:80px;overflow:hidden;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.3)}.nav__lang-list--open{display:block}.nav__lang-option{display:block;padding:8px 14px;font-size:.8125rem;white-space:nowrap;color:var(--muted);text-decoration:none;transition:background var(--transition),color var(--transition)}.nav__lang-option:hover{background:rgba(var(--yellow-rgb), 0.05);color:var(--text)}.nav__lang-option.active{color:var(--yellow);font-weight:500}.hero{padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);position:relative;overflow:hidden}.hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px, transparent 1px),linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:48px 48px;opacity:.3;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 0%, black 40%, transparent 80%)}.hero__orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.hero__orb--1{width:500px;height:500px;background:radial-gradient(circle, rgba(var(--yellow-rgb), 0.28), transparent 65%);top:-120px;left:-100px;opacity:.35;filter:blur(80px)}.hero__orb--2{width:420px;height:420px;background:radial-gradient(circle, rgba(var(--purple-rgb), 0.3), transparent 65%);top:-80px;right:5%;opacity:.25;filter:blur(80px)}.hero__orb--3{width:240px;height:240px;background:radial-gradient(circle, rgba(var(--purple2-rgb), 0.2), transparent 65%);bottom:-30px;left:38%;opacity:.18}.hero__label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:var(--space-lg);background:rgba(var(--yellow-rgb), 0.08);border:1px solid rgba(var(--yellow-rgb), 0.22);border-radius:var(--radius-full);padding:4px 12px;position:relative;z-index:1;width:fit-content}.hero__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}.hero__heading{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);font-weight:400;line-height:1.05;letter-spacing:-0.02em;margin-bottom:var(--space-lg)}.hero__heading em{font-style:italic;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@supports not (background-clip: text){.hero__heading em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.hero__heading em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.hero__heading-grad{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@supports not (background-clip: text){.hero__heading-grad{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.hero__heading-grad{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.hero__tagline{font-family:var(--font-body);font-size:1rem;color:var(--muted);margin-bottom:var(--space-xl);max-width:480px;line-height:1.6}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--yellow-rgb), 0.75);margin-bottom:var(--space-lg);position:relative;z-index:1;width:fit-content}.hero__eyebrow-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:var(--glow-amber);flex-shrink:0}.hero__cta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;position:relative;z-index:1}.hero__btn-primary{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background:var(--btn-grad);color:var(--btn-ink);font-size:.875rem;font-weight:700;border-radius:var(--radius-md);box-shadow:var(--glow-amber);transition:transform var(--transition),box-shadow var(--transition);letter-spacing:.01em}.hero__btn-primary:hover{transform:scale(1.03);box-shadow:0 0 28px rgba(var(--yellow-rgb), 0.42)}.hero__btn-secondary{display:inline-flex;align-items:center;font-size:.875rem;color:var(--muted);transition:color var(--transition)}.hero__btn-secondary:hover{color:var(--text)}.hero__stats{display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.hero__stat{display:flex;flex-direction:column;gap:2px}.hero__stat-num{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-size:1.75rem;font-weight:800;font-family:var(--font-display);line-height:1}@supports not (background-clip: text){.hero__stat-num{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.hero__stat-num{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.hero__stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.hero__stat+.hero__stat{padding-left:var(--space-xl);border-left:1px solid var(--border)}.hero .glow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:var(--space-sm);animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}.pills{margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.pills .pill{display:inline-flex;align-items:center;padding:.3125rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.pills .pill--active{background:var(--grad);color:#fff;border:1px solid rgba(0,0,0,0)}.pills .pill--inactive{background:var(--surface);color:var(--muted);border:1px solid var(--border);backdrop-filter:blur(8px)}.pills .pill--inactive:hover{color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.35);background:rgba(var(--yellow-rgb), 0.05)}.featured-strip{max-width:1100px;margin:0 auto var(--space-md);padding:.625rem var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:rgba(var(--yellow-rgb), 0.04);border-top:1px solid rgba(var(--yellow-rgb), 0.1);border-bottom:1px solid rgba(var(--yellow-rgb), 0.1);overflow:hidden}.featured-strip__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);white-space:nowrap;flex-shrink:0}.featured-strip__divider{width:1px;height:14px;background:rgba(var(--yellow-rgb), 0.25);flex-shrink:0}.featured-strip__viewport{flex:1;min-width:0;overflow:hidden}.featured-strip__items{display:flex;gap:var(--space-xl);width:max-content;animation:featured-ticker 30s linear infinite}.featured-strip:hover .featured-strip__items{animation-play-state:paused}.featured-strip__item{font-size:.8125rem;color:var(--muted);white-space:nowrap;transition:color var(--transition);display:flex;align-items:center;gap:6px}.featured-strip__item::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:hsla(0,0%,100%,.2);flex-shrink:0}.featured-strip__item:hover{color:var(--text)}@keyframes featured-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion: reduce){.featured-strip__items{animation-play-state:paused}}.main{max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-3xl)}.bento .card--featured{grid-column:1/-1;grid-row:1;aspect-ratio:21/9;max-height:420px;min-height:0;width:100%}.bento .card--featured .card__image{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;border-radius:var(--radius-lg);opacity:.45}.bento .card--featured .card__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(7, 8, 16, 0.97) 0%, rgba(7, 8, 16, 0.9) 28%, rgba(7, 8, 16, 0.55) 55%, transparent 88%);border-radius:var(--radius-lg)}.bento .card--featured .card__body{position:relative;z-index:1}.bento .card--trending{grid-column:1;grid-row:2/4;background:rgba(var(--yellow-rgb), 0.03);border-color:rgba(var(--yellow-rgb), 0.12)}.bento .card--series{grid-column:2;grid-row:2}.bento .card--topics{grid-column:2;grid-row:3}.bento .card{transition:transform var(--transition),box-shadow var(--transition)}.bento .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-luxe-md),var(--glow-amber)}@media(max-width: 960px){.bento{grid-template-columns:1fr}.bento .card--featured{grid-column:1;grid-row:auto;aspect-ratio:16/10;max-height:none}.bento .card--trending,.bento .card--series,.bento .card--topics{grid-column:1;grid-row:auto}}.featured-rotator{padding:0}.featured-rotator__slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity .5s ease;text-decoration:none;color:inherit;border-radius:var(--radius-lg)}.featured-rotator__slide.is-active{opacity:1;pointer-events:auto;z-index:1}.featured-rotator__slide .card__body{flex:0 0 auto}.featured-rotator__dots{position:absolute;bottom:var(--space-md);right:var(--space-lg);display:flex;gap:6px;z-index:2}.featured-rotator__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:hsla(0,0%,100%,.3);cursor:pointer;transition:background .25s,width .25s}.featured-rotator__dot.is-active{width:18px;background:var(--yellow)}.card--featured:has(.featured-rotator__slide.is-active[data-cat-class=amber]){--cat-color: var(--yellow)}.card--featured:has(.featured-rotator__slide.is-active[data-cat-class=violet]){--cat-color: var(--purple)}.card--featured:has(.featured-rotator__slide.is-active[data-cat-class=cyan]){--cat-color: var(--cyan)}.card--featured:has(.featured-rotator__slide.is-active[data-cat-class=green]){--cat-color: #10b981}.card--featured:has(.featured-rotator__slide.is-active[data-cat-class=red]){--cat-color: var(--red)}.card--featured:has(.featured-rotator__slide.is-active){box-shadow:var(--shadow-luxe-md),0 16px 40px -14px color-mix(in srgb, var(--cat-color, var(--yellow)) 35%, transparent);transition:box-shadow .5s ease}@supports not (color: color-mix(in srgb, red, blue)){.card--featured:has(.featured-rotator__slide.is-active){box-shadow:var(--shadow-luxe-md),var(--glow-amber)}}[data-theme=light] .card--featured:has(.featured-rotator__slide.is-active){box-shadow:var(--shadow-luxe-md),0 16px 40px -14px color-mix(in srgb, var(--cat-color, var(--yellow)) 18%, transparent)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe-sm);padding:var(--space-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-glow),var(--shadow-luxe-md);transform:translateY(-2px);border-color:rgba(var(--yellow-rgb), 0.25)}.card::before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition);pointer-events:none}.card:hover::before{opacity:1}.card::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%, rgba(var(--yellow-rgb), 0.06), transparent 60%);pointer-events:none;opacity:0;transition:opacity var(--transition)}.card:hover::after{opacity:1}.card--series{background:rgba(var(--purple2-rgb), 0.04);border:1px solid rgba(var(--purple2-rgb), 0.14);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.card--series .card__series-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--purple2);flex-shrink:0}.card--series .card__series-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.card--series .card__series-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.card--series .card__series-item svg{color:rgba(var(--purple2-rgb), 0.5);flex-shrink:0}.card--series .card__series-item a{color:var(--purple2);text-decoration:none}.card--series .card__series-item a:hover{color:#c4b5fd}.card__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.1875rem .75rem;background:var(--grad);color:#fff;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);width:fit-content}.card__title{font-family:var(--font-display);line-height:1.25;letter-spacing:-0.015em;color:var(--text);margin-bottom:var(--space-sm)}.card__title--lg{font-size:1.625rem;font-weight:400}.card__title--sm{font-size:1.125rem;font-weight:400}.card__desc{font-size:.875rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-md)}.card__meta{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-top:auto}.card__tag{display:inline-flex;padding:.1875rem .5rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--muted);font-family:var(--font-mono);transition:color var(--transition),border-color var(--transition)}.card__tag:hover{color:var(--purple2);border-color:rgba(var(--purple-rgb), 0.4)}.card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.card__body{display:flex;flex-direction:column;flex:1}.card--topics{background:rgba(var(--yellow-rgb), 0.03);border:1px solid rgba(var(--yellow-rgb), 0.14)}.card--topics .card__topics-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);margin-bottom:var(--space-sm)}.card--topics .card__topics-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.card--topics .card__topics-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);font-size:.875rem;width:100%}.card--topics .card__topics-item a{color:var(--text);text-decoration:none}.card--topics .card__topics-item a:hover{color:var(--yellow)}.card--topics .card__topics-count{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);white-space:nowrap}.trending__label{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);margin-bottom:var(--space-md)}.trending__list{display:flex;flex-direction:column;gap:var(--space-sm)}.trending__item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);border-left:3px solid rgba(0,0,0,0);padding-left:6px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.trending__item:last-child{border-bottom:none}.trending__item:hover{background:rgba(var(--yellow-rgb), 0.04);border-left-color:rgba(var(--yellow-rgb), 0.6)}.trending__item:hover .trending__num{color:rgba(var(--yellow-rgb), 0.85)}.trending__item:hover .trending__title{color:var(--text)}.trending__num{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:rgba(var(--yellow-rgb), 0.3);line-height:1;min-width:24px;flex-shrink:0;transition:color var(--transition)}.trending__title{font-size:.875rem;color:var(--text);line-height:1.4;transition:color var(--transition)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:-0.015em;color:var(--text);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, var(--border), transparent);order:2}.section-title__link{order:3;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color var(--transition);white-space:nowrap}.section-title__link:hover{color:var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-lg);margin-bottom:var(--space-3xl)}.list-empty{max-width:520px;margin:var(--space-2xl) auto;padding:42px var(--space-xl);text-align:center;border:1px dashed rgba(var(--yellow-rgb), 0.3);border-radius:var(--radius-lg);background:rgba(var(--yellow-rgb), 0.03)}.list-empty__icon{font-size:2rem;opacity:.7}.list-empty__title{font-size:1.1rem;margin:.5rem 0 .25rem;color:var(--text)}.list-empty__desc{color:var(--muted);margin:0 0 var(--space-lg);font-size:.9375rem}.list-empty__cta{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;background:var(--grad);color:#fff;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition)}.list-empty__cta:hover{transform:translateY(-2px);box-shadow:var(--glow-amber);color:#fff}.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe-sm);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative}.post-card:hover{transform:translateY(-4px);--_post-glow: color-mix(in srgb, var(--cat-color, var(--yellow)) 35%, transparent);border-color:color-mix(in srgb, var(--cat-color, var(--yellow)) 30%, transparent);box-shadow:var(--shadow-luxe-lg),0 0 24px var(--_post-glow)}@supports not (color: color-mix(in srgb, red, blue)){.post-card:hover{border-color:rgba(var(--yellow-rgb), 0.2);box-shadow:var(--shadow-luxe-lg),var(--glow-amber)}}.post-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity var(--transition);z-index:2;pointer-events:none}.post-card:hover::before{opacity:1}.post-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cat-color, var(--yellow));opacity:0;transition:opacity var(--transition);pointer-events:none;z-index:1}.post-card:hover::after{opacity:1}.post-card[data-cat-class=amber]{--cat-color: var(--yellow)}.post-card[data-cat-class=violet]{--cat-color: var(--purple)}.post-card[data-cat-class=cyan]{--cat-color: var(--cyan)}.post-card[data-cat-class=green]{--cat-color: #10b981}.post-card[data-cat-class=red]{--cat-color: var(--red)}.post-card__thumb{width:100%;height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.post-card__thumb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size:20px 20px}.post-card__thumb-icon{position:relative;z-index:1;width:52px;height:52px;opacity:.35}.post-card__thumb--eng{background:linear-gradient(135deg, rgba(var(--purple-rgb), 0.12), rgba(56, 189, 248, 0.07))}.post-card__thumb--eng .post-card__thumb-icon{color:var(--purple2);opacity:.4}.post-card__thumb--proxy{background:linear-gradient(135deg, rgba(var(--yellow-rgb), 0.12), rgba(251, 113, 56, 0.07))}.post-card__thumb--proxy .post-card__thumb-icon{color:var(--yellow);opacity:.4}.post-card__thumb--news{background:linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(56, 189, 248, 0.06))}.post-card__thumb--news .post-card__thumb-icon{color:#10b981;opacity:.4}.post-card__thumb--default{background:linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02))}.post-card__thumb--default .post-card__thumb-icon{color:var(--muted);opacity:.3}.post-card__thumb--infra{background:linear-gradient(135deg, rgba(var(--purple2-rgb), 0.12), rgba(99, 102, 241, 0.06))}.post-card__thumb--ecom{background:linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.05))}.post-card__thumb--sys{background:linear-gradient(135deg, rgba(248, 113, 113, 0.1), rgba(239, 68, 68, 0.05))}.post-card__thumb--vps{background:linear-gradient(135deg, rgba(56, 189, 248, 0.1), rgba(14, 165, 233, 0.05))}.post-card__thumb--data{background:linear-gradient(135deg, rgba(251, 146, 60, 0.1), rgba(var(--yellow-rgb), 0.05))}.post-card__thumb--algo{background:linear-gradient(135deg, rgba(var(--yellow-rgb), 0.1), rgba(251, 191, 36, 0.05))}.post-card__image{width:100%;height:180px;object-fit:cover;border-bottom:1px solid var(--border);transition:transform .45s ease}.post-card:hover .post-card__image{transform:scale(1.03)}.post-card__body{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.post-card__cat{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--purple2);margin-bottom:var(--space-sm)}.post-card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:400;line-height:1.35;letter-spacing:-0.01em;color:var(--text);margin-bottom:var(--space-sm);transition:color var(--transition)}.post-card__title:hover{color:var(--accent)}.post-card__excerpt{font-size:.875rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-md);flex:1}.post-card__footer{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.625rem;color:hsla(0,0%,100%,.28);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border)}.post-card__footer::after{content:"→";margin-left:auto;font-size:.6875rem;color:hsla(0,0%,100%,.18);transition:color var(--transition),transform var(--transition)}.post-card:hover .post-card__footer::after{color:var(--yellow);transform:translateX(3px)}[data-theme=light] .post-card:hover{--_post-glow: color-mix(in srgb, var(--cat-color, var(--yellow)) 18%, transparent)}.card__thumb{height:120px;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;overflow:hidden}.card__thumb::after{content:"";position:absolute;inset:0;background:var(--thumb-glow, transparent);pointer-events:none}.card__thumb--amber{background:linear-gradient(135deg, rgba(var(--yellow-rgb), 0.25), rgba(251, 191, 36, 0.06));--thumb-glow: radial-gradient(ellipse 100% 140% at 50% 100%, rgba(var(--yellow-rgb), 0.22) 0%, transparent 70%)}.card__thumb--violet{background:linear-gradient(135deg, rgba(var(--purple2-rgb), 0.25), rgba(var(--purple-rgb), 0.06));--thumb-glow: radial-gradient(ellipse 100% 140% at 50% 100%, rgba(var(--purple-rgb), .22) 0%, transparent 70%)}.card__thumb--green{background:linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(5, 150, 105, 0.06));--thumb-glow: radial-gradient(ellipse 100% 140% at 50% 100%, rgba(16,185,129,.22) 0%, transparent 70%)}.card__thumb--cyan{background:linear-gradient(135deg, rgba(56, 189, 248, 0.25), rgba(14, 165, 233, 0.06));--thumb-glow: radial-gradient(ellipse 100% 140% at 50% 100%, rgba(56,189,248,.22) 0%, transparent 70%)}.card__thumb--red{background:linear-gradient(135deg, rgba(248, 113, 113, 0.25), rgba(239, 68, 68, 0.06));--thumb-glow: radial-gradient(ellipse 100% 140% at 50% 100%, rgba(248,113,113,.22) 0%, transparent 70%)}.card__cat-badge{position:absolute;top:8px;left:10px;z-index:1;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px;color:#fff;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.12)}.post-cover-hero{position:relative;width:100%;height:380px;overflow:hidden;background:linear-gradient(160deg, #0c0d1a 0%, #070810 100%)}@media(max-width: 768px){.post-cover-hero{height:260px}}.post-cover-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.post-cover-hero__fallback{position:absolute;inset:0}.post-cover-hero__orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.post-cover-hero__orb--1{width:400px;height:400px;background:radial-gradient(circle, rgba(var(--yellow-rgb), 0.18), transparent 65%);top:-100px;right:-60px}.post-cover-hero__orb--2{width:300px;height:300px;background:radial-gradient(circle, rgba(99, 102, 241, 0.14), transparent 65%);bottom:-60px;left:20%}.post-cover-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(7, 8, 16, 0.97) 0%, rgba(7, 8, 16, 0.55) 40%, rgba(7, 8, 16, 0.1) 80%, transparent 100%)}.post-cover-hero__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-2xl) var(--space-xl);max-width:1100px;margin:0 auto}@media(max-width: 768px){.post-cover-hero__content{padding:var(--space-lg) var(--space-md) var(--space-md)}}.post-cover-hero__badges{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.post-cover-hero__cat{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:rgba(var(--yellow-rgb), 0.12);border:1px solid rgba(var(--yellow-rgb), 0.25);border-radius:var(--radius-sm);padding:3px 9px;backdrop-filter:blur(8px)}.post-cover-hero__title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-0.025em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5);margin-bottom:var(--space-sm);max-width:800px}.post-cover-hero__subtitle{font-size:.9375rem;color:hsla(0,0%,100%,.5);line-height:1.6;max-width:640px}.post-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:1100px;margin:0 auto;padding:var(--space-sm) var(--space-2xl);font-size:.8125rem;color:var(--muted)}@media(max-width: 768px){.post-breadcrumb{padding:var(--space-xs) var(--space-md)}}.post-breadcrumb a{color:var(--muted);text-decoration:none;transition:color var(--transition)}.post-breadcrumb a:hover{color:var(--text)}.post-breadcrumb__sep{color:var(--border2);user-select:none}.post-breadcrumb__current{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.post-meta-strip{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-2xl);border-bottom:1px solid var(--border);max-width:1100px;margin:0 auto;flex-wrap:wrap}@media(max-width: 768px){.post-meta-strip{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}}.post-meta-strip__item{font-size:.8125rem;color:var(--muted)}.post-meta-strip__sep{display:inline-block;width:1px;height:12px;background:var(--border2);flex-shrink:0}.post-meta-strip__spacer{flex:1}.post-meta-strip__item--author{display:inline-flex;align-items:center;gap:4px;color:hsla(0,0%,100%,.6)}.post-meta-strip__share{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.25rem .625rem;transition:color var(--transition),border-color var(--transition);cursor:pointer;text-decoration:none;font-family:inherit}.post-meta-strip__share:hover{color:var(--text);border-color:var(--border2)}.post-meta-strip__item--reading{background:rgba(var(--yellow-rgb), 0.08);border:1px solid rgba(var(--yellow-rgb), 0.18);border-radius:999px;padding:2px 8px;color:rgba(var(--yellow-rgb), 0.8);font-size:.75rem}.post-meta-strip__share--primary:hover{color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.4);background:rgba(var(--yellow-rgb), 0.06)}.post-layout{display:grid;grid-template-columns:minmax(0, 1fr) 240px;gap:var(--space-2xl);align-items:start;max-width:1100px;margin:var(--space-2xl) auto;padding:0 var(--space-lg)}.ai-brief{background:rgba(var(--yellow-rgb), 0.06);border:1px solid rgba(var(--yellow-rgb), 0.25);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.ai-brief__label{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-md)}.ai-brief__label svg,.ai-brief__label .icon{width:14px;height:14px}.ai-brief__content{font-size:.9375rem;color:var(--muted);line-height:1.7}.ai-brief__content p+p{margin-top:var(--space-sm)}.prose{font-size:1.1875rem;line-height:1.8;color:var(--text);max-width:65ch}.prose>p:first-of-type{font-size:1.25rem}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);font-weight:400;letter-spacing:-0.015em;color:var(--text);margin-top:2.5em;margin-bottom:.75em;line-height:1.3;scroll-margin-top:calc(var(--nav-height) + 1rem)}.prose h2{font-size:1.375rem;font-weight:700;letter-spacing:-0.015em;color:var(--text);margin:2.5rem 0 1rem;display:flex;align-items:center;gap:10px;line-height:1.3;position:relative}.prose h2::before{content:"";display:inline-block;width:3px;height:22px;background:linear-gradient(180deg, var(--accent), var(--accent2));border-radius:2px;flex-shrink:0;align-self:center}.prose h2 .heading-anchor{opacity:0;color:rgba(var(--yellow-rgb), 0.45);font-size:.75em;font-weight:400;transition:opacity .15s;text-decoration:none;margin-left:auto;display:inline-flex;align-items:center}.prose h2:hover .heading-anchor{opacity:1}.prose h3{font-size:1.125rem;font-weight:600;letter-spacing:-0.01em;color:var(--text);margin:2rem 0 .75rem;line-height:1.35}.prose h4{font-size:1.0625rem;color:var(--muted)}.prose p{margin-bottom:1.25em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--yellow-rgb), 0.4);transition:text-decoration-color var(--transition),color var(--transition)}.prose a:hover{text-decoration-color:var(--accent);color:var(--accent2)}.prose ul,.prose ol{margin-bottom:1.25em;padding-left:1.75em}.prose ul li,.prose ol li{margin-bottom:.4em;line-height:1.7}.prose ul{list-style:disc}.prose ul ul{list-style:circle}.prose ul ul ul{list-style:square}.prose ol{list-style:decimal}.prose blockquote{position:relative;border-left:3px solid var(--accent);padding:var(--space-md) var(--space-lg);margin:1.5em 0;background:rgba(var(--yellow-rgb), 0.05);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--muted);font-style:italic}.prose blockquote::before{content:"“";position:absolute;top:-0.1em;left:.3em;font-family:var(--font-display);font-size:2.5rem;line-height:1;color:rgba(var(--yellow-rgb), 0.25);pointer-events:none}.prose blockquote p{margin:0;position:relative}.prose blockquote>p:first-child{padding-left:1.4em}.prose .callout{display:flex;gap:12px;align-items:flex-start;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-left:2px solid var(--cb-accent, var(--muted));background:color-mix(in srgb, var(--cb-accent, var(--muted)) 6%, transparent)}@supports not (color: color-mix(in srgb, red, blue)){.prose .callout{background:var(--surface)}}.prose .callout{margin:1.5rem 0;font-size:.9375rem;line-height:1.65}.prose .callout__icon{flex-shrink:0;margin-top:2px}.prose .callout__body{flex:1;min-width:0}.prose .callout__title{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.prose .callout__text{color:hsla(0,0%,100%,.6)}.prose .callout--note{--cb-accent: #38bdf8;color:#38bdf8}.prose .callout--warning{--cb-accent: #fbbf24;color:#fbbf24}.prose .callout--tip{--cb-accent: #10b981;color:#10b981}.prose .callout--danger{--cb-accent: #f87171;color:#f87171}.prose .callout-box{margin:1.5em 0;border-radius:var(--radius-lg);border-left:2px solid var(--cb-accent, var(--muted));background:color-mix(in srgb, var(--cb-accent, var(--muted)) 6%, transparent)}@supports not (color: color-mix(in srgb, red, blue)){.prose .callout-box{background:var(--surface)}}.prose .callout-box{overflow:hidden}.prose .callout-box__header{display:flex;align-items:center;gap:8px;padding:10px 16px 0;font-weight:700;color:var(--cb-accent, var(--text))}.prose .callout-box__icon{display:inline-flex;flex-shrink:0}.prose .callout-box__title{font-size:.9375rem;line-height:1.4}.prose .callout-box__body{padding:8px 16px 12px;color:var(--text);font-size:.9375rem;line-height:1.7}.prose .callout-box__body p:last-child{margin-bottom:0}.prose .callout-box--note,.prose .callout-box--info{--cb-accent: #38bdf8}.prose .callout-box--tip{--cb-accent: #10b981}.prose .callout-box--warning{--cb-accent: #fbbf24}.prose .callout-box--danger{--cb-accent: #f87171}.prose code{font-family:var(--font-mono);font-size:.85em;background:rgba(var(--yellow-rgb), 0.08);color:var(--accent);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid rgba(var(--yellow-rgb), 0.15)}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;margin-bottom:1.5em;tab-size:2;position:relative}.prose pre code{background:none;border:none;padding:0;font-size:.875rem;color:var(--text)}.prose pre:hover .copy-btn{opacity:1}.prose .table-wrap{overflow-x:auto;margin:1.5em 0;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.prose table{width:100%;border-collapse:collapse;font-size:.9375rem}.prose table th{background:var(--surface2);color:var(--muted);font-weight:600;font-family:var(--font-mono);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border2)}.prose table th,.prose table td{padding:.7rem var(--space-md);border-bottom:1px solid var(--border);text-align:left}.prose table tr:last-child td{border-bottom:none}.prose table tbody tr{transition:background var(--transition)}.prose table tbody tr:hover td{background:rgba(var(--yellow-rgb), 0.04)}.prose img{border-radius:var(--radius-lg);border:1px solid var(--border);margin:1.5em 0;max-width:100%;height:auto}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose strong{font-weight:600;color:var(--text)}.prose em{font-style:italic;color:var(--muted)}.prose .inline-cta{margin:2em 0;border:1px solid rgba(var(--yellow-rgb), 0.22);border-radius:var(--radius-lg);background:linear-gradient(135deg, rgba(var(--yellow-rgb), 0.07), rgba(var(--purple2-rgb), 0.07));overflow:hidden}.prose .inline-cta__inner{padding:var(--space-lg)}.prose .inline-cta__proof{display:flex;gap:var(--space-xl);flex-wrap:wrap;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid rgba(var(--yellow-rgb), 0.12)}.prose .inline-cta__stat{display:flex;flex-direction:column;gap:2px}.prose .inline-cta__stat-num{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@supports not (background-clip: text){.prose .inline-cta__stat-num{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.prose .inline-cta__stat-num{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.prose .inline-cta__stat-text{font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.prose .inline-cta__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.prose .inline-cta__content{flex:1;min-width:0}.prose .inline-cta__title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 4px}.prose .inline-cta__icon{color:var(--accent);display:inline-flex;flex-shrink:0}.prose .inline-cta__subtitle{font-size:.9rem;color:var(--muted);margin:0;line-height:1.6}.prose .inline-cta__btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:.625rem 1.15rem;background:var(--grad);color:#fff;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition)}.prose .inline-cta__btn:hover{transform:translateY(-2px);box-shadow:var(--glow-amber);color:#fff}@media(max-width: 600px){.prose .inline-cta__body{flex-direction:column;align-items:flex-start}.prose .inline-cta__btn{width:100%;justify-content:center}}.copy-btn{position:absolute;top:8px;right:8px;opacity:0;display:flex;align-items:center;gap:5px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);padding:4px 10px;font-size:.6875rem;font-family:var(--font-mono);color:var(--muted);cursor:pointer;transition:opacity .15s,color .15s,border-color .15s}.copy-btn:hover{color:var(--text);border-color:var(--border2, var(--border));box-shadow:var(--shadow-luxe-sm)}.copy-btn--copied{color:var(--green, #10b981);border-color:rgba(16,185,129,.3);opacity:1}.code-block{position:relative;margin-bottom:1.5em;border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden}.code-block[data-lang]::before{content:attr(data-lang);display:flex;align-items:center;padding:5px 14px;background:rgba(var(--yellow-rgb), 0.05);border-bottom:1px solid rgba(var(--yellow-rgb), 0.1);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--yellow-rgb), 0.65)}.code-block pre{margin-bottom:0;border:none;border-radius:0;font-size:.85em}.code-block .copy-btn{position:absolute;top:4px;right:8px;opacity:.6}.code-block .copy-btn:hover{opacity:1}.code-block:not([data-lang]) .copy-btn{top:8px}.video-wrapper{margin:1.5em 0;aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border2);overflow:hidden}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%;border:0;display:block}.toc-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-lg));max-height:calc(100vh - var(--nav-height) - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toc-sidebar::-webkit-scrollbar{width:4px}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.post-series{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.post-series__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-sm)}.post-series__label a{color:var(--accent)}.post-series__label a:hover{text-decoration:underline}.post-series__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.post-series__item{display:flex;align-items:baseline;gap:var(--space-xs);font-size:.8125rem}.post-series__item--current .post-series__title{color:var(--accent);font-weight:600}.post-series__num{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);min-width:1.25rem;flex-shrink:0}.post-series__title{color:var(--text);line-height:1.4}.post-series__title a{color:var(--text)}.post-series__title a:hover{color:var(--accent)}.series-nav{margin:2rem 0;border:1px solid rgba(var(--purple2-rgb), 0.14);border-radius:var(--radius-lg);overflow:hidden;background:rgba(var(--purple2-rgb), 0.04)}.series-nav__header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(var(--purple2-rgb), 0.1);background:rgba(var(--purple2-rgb), 0.06)}.series-nav__name{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--purple2)}.series-nav__pos{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.series-nav__links{display:grid;grid-template-columns:1fr 1fr}.series-nav__item{padding:12px 16px;text-decoration:none;transition:background var(--transition)}.series-nav__item:first-child{border-right:1px solid rgba(var(--purple2-rgb), 0.08)}.series-nav__item--next{text-align:right}.series-nav__item--empty{background:rgba(0,0,0,0)}.series-nav__item:hover:not(.series-nav__item--empty){background:rgba(var(--purple2-rgb), 0.07)}.series-nav__dir{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.series-nav__title{display:block;font-size:.875rem;color:var(--purple2);line-height:1.4}.toc-fab{display:none;position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--btn-ink-alt);border:none;cursor:pointer;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-luxe-sm);transition:transform var(--transition),box-shadow var(--transition)}.toc-fab:hover{transform:scale(1.08);box-shadow:var(--shadow-luxe-md)}@media(max-width: 900px){.toc-fab{display:flex}}.toc-drawer__overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200}.toc-drawer__overlay--visible{display:block}.toc-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--bg);border-left:1px solid var(--border);padding:var(--space-2xl) var(--space-lg) var(--space-xl);z-index:201;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease}.toc-drawer--open{transform:translateX(0)}@media(max-width: 900px){.toc-drawer{display:block}}.toc-drawer .toc__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--space-md)}.toc-drawer__close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-size:.875rem;padding:var(--space-xs) var(--space-sm);line-height:1;transition:color var(--transition),border-color var(--transition)}.toc-drawer__close:hover{color:var(--text);border-color:var(--border2)}.toc__label{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--space-md)}.toc__list{display:flex;flex-direction:column;gap:2px}.toc__list a{display:block;font-size:.8125rem;color:var(--muted);padding:.3125rem .625rem;border-left:2px solid rgba(0,0,0,0);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.4;transition:color var(--transition),border-color var(--transition),background var(--transition)}.toc__list a:hover{color:var(--text);background:var(--surface)}.toc__list a.active{color:var(--accent);border-left-color:var(--accent);background:rgba(var(--yellow-rgb), 0.08)}.toc__list a.toc-h3{padding-left:1.25rem}.toc__list a.toc-h4{padding-left:2rem}.toc__divider{height:1px;background:var(--border);margin:var(--space-md) 0}.toc__progress-wrap{margin-bottom:var(--space-md)}.toc__progress-bar{height:3px;background:var(--surface2);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.toc__progress-fill{height:100%;width:0%;background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:var(--radius-full);transition:width .2s linear}.toc__progress-pct{font-size:.6875rem;color:var(--muted);font-variant-numeric:tabular-nums}.toc__share{display:flex;flex-direction:column;gap:var(--space-sm)}.toc__share-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}.toc__share-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.375rem .625rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.75rem;color:var(--muted);transition:color var(--transition),border-color var(--transition);cursor:pointer;text-decoration:none;width:100%}.toc__share-btn:hover{color:var(--text);border-color:var(--border2)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.post-tags a{display:inline-flex;align-items:center;padding:.25rem .75rem;background:rgba(var(--yellow-rgb), 0.07);border:1px solid rgba(var(--yellow-rgb), 0.2);border-radius:999px;font-family:var(--font-mono);font-size:.75rem;color:rgba(var(--yellow-rgb), 0.75);transition:all var(--transition)}.post-tags a::before{content:"#";color:rgba(var(--yellow-rgb), 0.4);margin-right:2px}.post-tags a:hover{color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.5);background:rgba(var(--yellow-rgb), 0.12);transform:translateY(-1px)}.reaction-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:var(--space-xl);flex-wrap:wrap}.reaction-bar__label{font-size:.8125rem;color:var(--muted);white-space:nowrap}.reaction-bar__sep{width:1px;height:14px;background:var(--border2);flex-shrink:0}.reaction-pill{display:inline-flex;align-items:center;gap:5px;padding:.375rem .75rem;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-full);font-size:.8125rem;color:var(--muted);transition:color var(--transition),background var(--transition),border-color var(--transition),transform .15s;cursor:pointer}.reaction-pill:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.reaction-pill:active{transform:scale(0.92)}.reaction-pill.reacted{color:var(--accent);background:rgba(var(--yellow-rgb), 0.1);border-color:rgba(var(--yellow-rgb), 0.3)}.reaction-pill__count{font-size:.75rem;font-variant-numeric:tabular-nums}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-2xl)}.prevnext__item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.prevnext__item--prev{border-left:3px solid rgba(0,0,0,0)}.prevnext__item--prev:hover{border-color:rgba(var(--purple-rgb), 0.35);border-left-color:rgba(var(--purple-rgb), 0.7);background:rgba(var(--purple-rgb), 0.04);box-shadow:0 0 20px rgba(var(--purple-rgb), 0.08)}.prevnext__item--next{text-align:right;border-right:3px solid rgba(0,0,0,0)}.prevnext__item--next:hover{border-color:rgba(var(--yellow-rgb), 0.35);border-right-color:rgba(var(--yellow-rgb), 0.7);background:rgba(var(--yellow-rgb), 0.04);box-shadow:0 0 20px rgba(var(--yellow-rgb), 0.08)}.prevnext__dir{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);transition:color var(--transition)}.prevnext__title{font-family:var(--font-display);font-size:1.0625rem;font-weight:400;line-height:1.35;color:var(--text);transition:color var(--transition)}.prevnext__title:hover{color:var(--accent)}.prevnext__item--prev:hover .prevnext__dir{color:rgba(var(--purple-rgb), 0.8)}.prevnext__item--next:hover .prevnext__dir{color:rgba(var(--yellow-rgb), 0.8)}.related{margin-top:3rem}.related__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.875rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.related__title{font-size:.9375rem;font-weight:600;color:var(--text)}.related__tag{background:rgba(var(--yellow-rgb), 0.1);border:1px solid rgba(var(--yellow-rgb), 0.2);border-radius:var(--radius-full, 999px);padding:2px 10px;font-size:.6875rem;color:var(--yellow)}.related__featured{position:relative;display:flex;width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);margin-bottom:.75rem;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.related__featured::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:.5;transition:opacity .22s ease;z-index:1}.related__featured:hover{border-color:var(--border2);box-shadow:var(--shadow-luxe-md);transform:translateY(-2px)}.related__featured:hover::before{opacity:1}.related__featured:hover .related__featured-arrow{color:var(--yellow);transform:translateX(4px)}@media(max-width: 640px){.related__featured{flex-direction:column}}.related__featured-thumb{width:200px;flex-shrink:0;position:relative;overflow:hidden;background:rgba(var(--yellow-rgb), 0.04);border-right:1px solid var(--border)}.related__featured-thumb::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);background-size:22px 22px}.related__featured-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 50% 50%, rgba(var(--yellow-rgb), 0.09) 0%, transparent 80%)}@media(max-width: 640px){.related__featured-thumb{width:100%;aspect-ratio:16/9;border-right:none;border-bottom:1px solid var(--border)}}.related__featured-img{width:200px;flex-shrink:0;object-fit:cover;border-right:1px solid var(--border);display:block}@media(max-width: 640px){.related__featured-img{width:100%;aspect-ratio:16/9;border-right:none;border-bottom:1px solid var(--border)}}.related__featured-body{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.125rem 1.25rem}.related__featured-label{font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);opacity:.7}.related__featured-title{font-size:.9375rem;line-height:1.5;color:var(--text);font-weight:500}.related__featured-arrow{font-size:.75rem;color:var(--muted);transition:color .22s ease,transform .22s ease;display:inline-block}.related__list{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}@media(max-width: 640px){.related__list{grid-template-columns:1fr}}.related__list-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .18s ease}.related__list-item:nth-child(2n){border-right:none}.related__list-item:nth-last-child(-n+2){border-bottom:none}@media(max-width: 640px){.related__list-item{border-right:none}.related__list-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.related__list-item:last-child{border-bottom:none}}.related__list-item:hover{background:var(--surface2)}.related__list-item:hover .related__list-arrow{color:var(--yellow);transform:translateX(3px)}.related__list-num{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;color:rgba(var(--yellow-rgb), 0.45);flex-shrink:0;margin-top:.1875rem;width:1.125rem}.related__list-title{font-size:.8125rem;line-height:1.45;color:var(--text);flex:1}.related__list-arrow{font-size:.625rem;color:hsla(0,0%,100%,.2);flex-shrink:0;margin-top:.1875rem;transition:color .18s ease,transform .18s ease}.faq-schema{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:2rem;margin-bottom:2rem}.faq-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--border)}.faq-title{font-size:.9375rem;font-weight:600;color:var(--text)}.faq-badge{background:rgba(var(--yellow-rgb), 0.1);border:1px solid rgba(var(--yellow-rgb), 0.2);border-radius:var(--radius-full, 999px);padding:2px 10px;font-size:.6875rem;color:var(--yellow)}.faq-item{border-bottom:1px solid var(--border);transition:background var(--transition)}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:hsla(0,0%,100%,.02)}.faq-question{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;list-style:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-q-icon{flex-shrink:0;width:22px;height:22px;background:rgba(var(--yellow-rgb), 0.12);border:1px solid rgba(var(--yellow-rgb), 0.22);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--yellow);font-family:var(--font-mono)}.faq-q-text{flex:1;font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4}.faq-chevron{color:var(--muted);transition:transform .2s ease;flex-shrink:0}.faq-schema details[open] .faq-chevron{transform:rotate(180deg);color:var(--yellow)}.faq-schema details[open] .faq-q-icon{background:rgba(var(--yellow-rgb), 0.18);border-color:rgba(var(--yellow-rgb), 0.35)}.faq-answer{padding:0 16px 13px 48px;color:var(--muted);font-size:.875rem;line-height:1.65}@media(max-width: 640px){.faq-answer{padding-left:16px}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.pagination-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin:var(--space-2xl) 0}.pagination-context{font-family:var(--font-mono);font-size:.6875rem;color:hsla(0,0%,100%,.2);letter-spacing:.04em}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);transition:all var(--transition);cursor:pointer}.page-btn:hover:not(.page-btn--disabled){color:var(--text);border-color:var(--border2);background:var(--surface2)}.page-btn--active{color:#fff;background:var(--accent);border-color:rgba(0,0,0,0)}.page-btn--active:hover{background:var(--accent2)}.page-btn--disabled{opacity:.35;cursor:not-allowed}.page-btn--wide{width:auto;padding:0 var(--space-md)}.page-btn--ellipsis{background:none;border:none;cursor:default;color:var(--muted);padding:0 4px;pointer-events:none}.page-btn--prev,.page-btn--next{width:auto;padding:0 .75rem;gap:4px;border-radius:99px;font-size:.75rem}.page-btn--prev:hover:not(.page-btn--disabled),.page-btn--next:hover:not(.page-btn--disabled){color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.3);background:rgba(var(--yellow-rgb), 0.05);box-shadow:var(--shadow-luxe-sm)}.archives{margin:var(--space-2xl) 0}.year-group{margin-bottom:var(--space-2xl)}.year-label{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--accent);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.year-label::after{content:"";flex:1;height:1px;background:var(--border)}.year-label__count{font-size:.75rem;font-weight:400;color:var(--muted);font-family:var(--font-mono)}.archive-list{display:flex;flex-direction:column;border-left:1px solid rgba(var(--yellow-rgb), 0.1);padding-left:16px;margin-left:4px}.archive-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border-left:2px solid rgba(0,0,0,0);text-decoration:none;color:var(--text);position:relative;transition:background var(--transition),border-color var(--transition)}.archive-item::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--border);border:1px solid var(--border2, var(--border));transition:background var(--transition),border-color var(--transition)}.archive-item:hover{background:rgba(var(--yellow-rgb), 0.04);border-left-color:var(--yellow)}.archive-item:hover .archive-item__title{color:var(--text)}.archive-item:hover::before{background:rgba(var(--yellow-rgb), 0.5);border-color:rgba(var(--yellow-rgb), 0.8)}.archive-item__date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.archive-item__badge{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.archive-item__title{flex:1;font-size:.9375rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color var(--transition)}.archive-item__time{font-size:.75rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.tags-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-xl) 0}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.375rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.8125rem;color:var(--muted);transition:all var(--transition)}.tag-pill::before{content:"#";color:var(--border2)}.tag-pill .count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3125rem;background:var(--surface2);border-radius:var(--radius-full);font-size:.6875rem;color:var(--muted)}.tag-pill:hover{color:var(--text);border-color:var(--accent);background:rgba(var(--yellow-rgb), 0.08)}.tag-pill:hover .count{background:rgba(var(--yellow-rgb), 0.15);color:var(--accent)}.tag-pill--lg{font-size:.9375rem;padding:.5rem 1.125rem}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:var(--space-xl) 0}.tag-cloud-pill{text-decoration:none;font-weight:500;line-height:1;padding:5px 14px;border-radius:999px;border:1px solid;transition:transform .15s,box-shadow .15s,opacity .15s;opacity:.85}.tag-cloud-pill:hover{opacity:1;transform:scale(1.06);box-shadow:0 0 12px rgba(var(--purple2-rgb), 0.25)}.tag-cloud-count{font-size:.6em;opacity:.55;margin-left:3px;vertical-align:super}.list-hero{position:relative;overflow:hidden;padding:var(--space-2xl) 0 var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.list-hero__inner{max-width:1100px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.list-hero__eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);opacity:.85}.list-hero__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;margin:0 0 var(--space-sm);color:var(--text)}.list-hero__desc{font-size:1rem;color:var(--muted);max-width:540px;line-height:1.6;margin:0}.list-hero__accent{position:absolute;inset:0;z-index:0}.palette-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:10vh}.palette-overlay.open{display:flex}.palette{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);box-shadow:var(--shadow-luxe-lg),0 0 0 1px var(--border);overflow:hidden;animation:fadeUp .15s ease}.palette__input-wrap{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border)}.palette__icon{color:var(--muted);flex-shrink:0}.palette__input{flex:1;background:none;border:none;outline:none;font-size:1rem;color:var(--text);line-height:1.5}.palette__input::placeholder{color:var(--muted)}.palette__results{max-height:360px;overflow-y:auto;padding:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}.palette__item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-left:2px solid rgba(0,0,0,0);border-top:none;border-right:none;border-bottom:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),border-color var(--transition);font-size:.9375rem;color:var(--text);text-decoration:none;width:100%;text-align:left;background:none}.palette__item:hover,.palette__item.active{background:rgba(var(--yellow-rgb), 0.05);border-left-color:var(--yellow)}.palette__footer{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border);background:var(--bg)}.palette__footer .hint{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--muted)}.palette__footer .hint kbd{display:inline-flex;align-items:center;height:1.25rem;padding:0 .3125rem;background:var(--surface);border:1px solid var(--border2);border-radius:3px;font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.palette__filters{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.palette__filters::-webkit-scrollbar{display:none}.palette__filter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full, 999px);padding:3px 12px;font-size:.75rem;font-family:var(--font-body);color:var(--muted);cursor:pointer;white-space:nowrap;transition:border-color var(--transition),color var(--transition),background var(--transition);flex-shrink:0}.palette__filter:hover{border-color:var(--border2, var(--border));color:var(--text)}.palette__filter--active{background:rgba(var(--yellow-rgb), 0.1);border-color:rgba(var(--yellow-rgb), 0.35);color:var(--yellow)}.palette__item-icon{width:34px;height:34px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.palette__item-title{font-size:.9375rem;font-weight:500;color:var(--text);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette__item-title mark{background:rgba(var(--yellow-rgb), 0.22);color:var(--yellow2, var(--yellow));border-radius:2px;padding:0 2px;font-style:normal}.palette__item-desc{font-size:.8125rem;color:var(--muted);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette__item-desc mark{background:rgba(var(--yellow-rgb), 0.12);color:var(--yellow, #d97706);border-radius:2px;padding:0 2px;font-style:normal}.palette__item-cat{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);color:var(--muted)}.palette__item-enter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 4px);font-family:var(--font-mono);font-size:.625rem;padding:2px 7px;color:var(--muted);flex-shrink:0;align-self:center}.palette__empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:.9375rem}.palette__empty svg{display:block;margin:0 auto 12px;opacity:.25}.palette__empty p{margin:0}.palette__empty strong{color:var(--text)}.palette__group-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:8px 10px 4px}.footer{border-top:none;position:relative;margin-top:var(--space-3xl)}.footer::before{content:"";display:block;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(var(--yellow-rgb), 0.35) 30%, rgba(var(--purple2-rgb), 0.25) 70%, transparent 100%)}.footer__newsletter{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-lg) 0}.footer__body{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-lg);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-2xl)}@media(max-width: 768px){.footer__body{grid-template-columns:1fr;gap:var(--space-xl)}}.footer__col-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--space-md)}.footer__col--brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__logo{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--text)}.footer__logo em{font-style:italic;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@supports not (background-clip: text){.footer__logo em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}@media(prefers-contrast: more){.footer__logo em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}}.footer__tagline{font-size:.875rem;color:var(--muted);line-height:1.6;max-width:260px}.footer__links-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md)}.footer__link{font-size:.875rem;color:var(--muted);transition:color var(--transition)}.footer__link:hover{color:var(--text)}.footer__link--algo:hover{color:var(--cat-algo)}.footer__link--infra:hover{color:var(--cat-infra)}.footer__link--ecom:hover{color:var(--cat-ecom)}.footer__link--sys:hover{color:var(--cat-sys)}.footer__link--vps:hover{color:var(--cat-vps)}.footer__link--data:hover{color:var(--cat-data)}.footer__socials{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.footer__social-link{font-size:.875rem;color:var(--muted);transition:color var(--transition)}.footer__social-link:hover{color:var(--text)}.footer__lang-switcher{display:flex;gap:var(--space-sm)}.footer__lang-pill{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted);transition:color var(--transition),border-color var(--transition);text-decoration:none}.footer__lang-pill:hover{color:var(--text);border-color:var(--border2)}.footer__bottom{max-width:1100px;margin:0 auto;padding:var(--space-sm) var(--space-lg) var(--space-xl);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}@media(max-width: 768px){.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.newsletter-form{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.newsletter-form__input{flex:1;min-width:180px;max-width:320px;padding:var(--space-xs) var(--space-sm);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;font-family:var(--font-mono);outline:none;transition:border-color var(--transition)}.newsletter-form__input::placeholder{color:var(--muted)}.newsletter-form__input:focus{border-color:var(--accent)}.newsletter-form__btn{padding:var(--space-xs) var(--space-md);background:var(--grad-amber);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-luxe-sm);color:var(--btn-ink-alt);font-size:.8125rem;font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:opacity var(--transition),box-shadow var(--transition);white-space:nowrap}.newsletter-form__btn:hover{opacity:.88;box-shadow:var(--shadow-luxe-md)}.newsletter-form__btn:disabled{opacity:.5;cursor:default}.newsletter-form__msg{font-size:.8125rem;font-family:var(--font-mono);color:var(--muted)}.newsletter-form__msg--success{color:var(--green-bright)}.newsletter-form__msg--error{color:#f87171}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:99;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(var(--surface2), var(--surface2)),var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.back-to-top--visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:linear-gradient(rgba(var(--yellow-rgb), 0.12), rgba(var(--yellow-rgb), 0.12)),var(--bg);border-color:rgba(var(--yellow-rgb), 0.3);transform:translateY(-2px)}.footer__lang-switcher{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}.footer__lang-pill{font-size:.8125rem;color:var(--muted);text-decoration:none;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);transition:all var(--transition)}.footer__lang-pill.active,.footer__lang-pill:hover{color:var(--yellow);border-color:rgba(var(--yellow-rgb), 0.35);background:rgba(var(--yellow-rgb), 0.08)}@keyframes glitch{0%,89%,100%{text-shadow:none}90%{text-shadow:-3px 0 var(--cyan),3px 0 var(--red)}92%{text-shadow:3px 0 var(--purple2),-3px 0 var(--yellow)}94%{text-shadow:-3px 0 var(--cyan),3px 0 var(--red)}96%{text-shadow:none}}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem;gap:1.25rem;position:relative;overflow:hidden}.not-found::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size:28px 28px;pointer-events:none}.not-found::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:250px;background:radial-gradient(ellipse at 50% 0%, rgba(var(--yellow-rgb), 0.1) 0%, transparent 70%);pointer-events:none}.not-found__glitch{font-size:clamp(5rem,20vw,10rem);font-weight:900;letter-spacing:-0.05em;line-height:1;background:linear-gradient(135deg, rgba(var(--yellow-rgb), 0.9), rgba(var(--purple-rgb), 0.9));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:glitch 6s infinite;user-select:none;position:relative;z-index:1}.not-found__terminal{background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--muted);text-align:left;max-width:420px;width:100%;line-height:1.6;position:relative;z-index:1}.not-found__terminal::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:rgba(248,113,113,.6);box-shadow:11px 0 0 rgba(251,191,36,.5),22px 0 0 rgba(52,211,153,.5);margin-bottom:10px}.not-found__path{color:var(--yellow)}.not-found__err{color:var(--red)}.not-found__title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;position:relative;z-index:1}.not-found__desc{color:var(--muted);font-size:.9rem;max-width:380px;margin:0;position:relative;z-index:1}.not-found__links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem;position:relative;z-index:1}.not-found__link{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem 1rem;border-radius:99px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);font-size:.82rem;text-decoration:none;cursor:pointer;font-family:var(--font-body);transition:color .15s,border-color .15s,background .15s}.not-found__link:hover{color:var(--yellow);border-color:var(--yellow);background:rgba(var(--yellow-rgb), 0.08)}.not-found__link--primary{border-color:rgba(var(--yellow-rgb), 0.3);color:rgba(var(--yellow-rgb), 0.8);background:rgba(var(--yellow-rgb), 0.07)}.not-found__link--primary:hover{border-color:var(--yellow);color:var(--yellow);background:rgba(var(--yellow-rgb), 0.12)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5625rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;transition:all var(--transition);cursor:pointer}.btn--primary{background:var(--accent);color:#fff;border:1px solid rgba(0,0,0,0)}.btn--primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--yellow-rgb), 0.35)}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{background:var(--surface2);border-color:var(--border2)}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease}[data-view-slug]{opacity:.5;transition:opacity .3s ease}[data-view-slug].is-loaded{opacity:1}.fade-in{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in--delay-1{transition-delay:.1s}.fade-in--delay-2{transition-delay:.2s}.fade-in--delay-3{transition-delay:.3s}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}.fade-in{opacity:1;transform:none;transition:none}.not-found__glitch{animation:none}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.6);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0);transform:scale(1.1)}}@keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width: 900px){.post-layout{grid-template-columns:minmax(0, 1fr)}.toc-sidebar{display:none}}@media(max-width: 600px){.nav__links{display:none}.nav__inner{padding:0 var(--space-md);gap:var(--space-sm)}.nav__search{padding:.3125rem}.nav__search .nav__search-text,.nav__search kbd{display:none}.hero{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.hero__stats{gap:var(--space-lg)}.prose{font-size:1.125rem}.prevnext{grid-template-columns:1fr}.archive-item__badge{display:none}.archive-item__time{display:none}.post-grid{grid-template-columns:1fr}.palette{margin:0 var(--space-md)}.footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.main{padding:0 var(--space-md)}}@media print{.nav,.toc-sidebar,.toc-fab,.toc-drawer,.toc-drawer__overlay,.post-meta-strip,.reaction-bar,.related,.prevnext,.footer,.reading-bar,.back-to-top,.palette-overlay,script{display:none !important}body,.prose{color:#000;background:#fff}a[href]::after{content:" (" attr(href) ")";font-size:.75em;color:#555}pre{white-space:pre-wrap;border:1px solid #ccc;background:#f9f9f9;color:#000}pre,table,figure,img{page-break-inside:avoid}img{height:auto}}.search-hero{text-align:center;padding:3rem 1rem 2rem;max-width:620px;margin:0 auto;position:relative;overflow:hidden}.search-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 100% at 50% 0%, black, transparent);-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 0%, black, transparent);pointer-events:none}.search-hero h1{font-size:2rem;font-weight:800;margin-bottom:1.25rem;position:relative}.search-fake-bar{display:flex;align-items:center;gap:.75rem;width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:.75rem 1rem;cursor:pointer;text-align:left;color:var(--muted);font-size:.9rem;font-family:var(--font-body);transition:border-color .15s}.search-fake-bar svg{flex-shrink:0;opacity:.5}.search-fake-bar:hover,.search-fake-bar:focus-visible{border-color:var(--yellow);outline:2px solid var(--yellow);outline-offset:2px}.search-fake-bar__placeholder{flex:1}.search-fake-bar__kbd{background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-family:var(--font-mono);color:var(--muted)}.search-shortcuts{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.6875rem;font-family:var(--font-mono);color:hsla(0,0%,100%,.22);margin-top:.625rem;position:relative}.search-shortcuts kbd{display:inline-block;border:1px solid hsla(0,0%,100%,.15);border-radius:3px;padding:0 4px;font-size:.625rem;color:hsla(0,0%,100%,.35);font-family:var(--font-mono);margin-right:3px}.search-section{max-width:900px;margin:0 auto 2.5rem;padding:0 1rem}.search-section__label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.search-topics__pills{display:flex;flex-wrap:wrap;gap:.5rem}.search-topic-pill{display:inline-block;padding:.3rem .85rem;border-radius:99px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);font-size:.82rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.search-topic-pill:hover{color:var(--yellow);border-color:var(--yellow);background:rgba(var(--yellow-rgb), 0.08)}.search-topic-pill[data-cat=amber]{border-color:rgba(var(--yellow-rgb), 0.25);color:rgba(var(--yellow-rgb), 0.7);background:rgba(var(--yellow-rgb), 0.07)}.search-topic-pill[data-cat=amber]:hover{border-color:rgba(var(--yellow-rgb), 0.55);color:var(--yellow);background:rgba(var(--yellow-rgb), 0.12)}.search-topic-pill[data-cat=violet]{border-color:rgba(var(--purple-rgb), 0.25);color:rgba(var(--purple2-rgb), 0.7);background:rgba(var(--purple-rgb), 0.07)}.search-topic-pill[data-cat=violet]:hover{border-color:rgba(var(--purple-rgb), 0.55);color:var(--purple2);background:rgba(var(--purple-rgb), 0.12)}.search-topic-pill[data-cat=cyan]{border-color:rgba(56,189,248,.25);color:rgba(56,189,248,.7);background:rgba(56,189,248,.07)}.search-topic-pill[data-cat=cyan]:hover{border-color:rgba(56,189,248,.55);color:#38bdf8;background:rgba(56,189,248,.12)}.search-topic-pill[data-cat=green]{border-color:rgba(16,185,129,.25);color:rgba(16,185,129,.7);background:rgba(16,185,129,.07)}.search-topic-pill[data-cat=green]:hover{border-color:rgba(16,185,129,.55);color:#10b981;background:rgba(16,185,129,.12)}.search-topic-pill[data-cat=red]{border-color:rgba(248,113,113,.25);color:rgba(248,113,113,.7);background:rgba(248,113,113,.07)}.search-topic-pill[data-cat=red]:hover{border-color:rgba(248,113,113,.55);color:#f87171;background:rgba(248,113,113,.12)}.search-recent__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1rem}