*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--bg-0: #F7F7FA;--bg-1: #EEEEF4;--bg-2: #E3E3EC;--bg-3: #D8D8E2;--border: #CBCBD8;--border-hover: #B0B0C2;--text-1: #0E0E18;--text-2: #4A4A62;--text-3: #7A7A92;--accent: #3B5FD9;--accent-soft: rgba(59,95,217,.06);--accent-med: rgba(59,95,217,.14);--nav-scrolled-bg: rgba(247,247,250,.85);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container: 1200px;--reading: 720px;--gutter: 40px;--section-pad: 96px;--ease: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{color-scheme:dark;--bg-0: #060608;--bg-1: #0B0B10;--bg-2: #111118;--bg-3: #1A1A22;--border: #1A1A28;--border-hover: #2A2A3C;--text-1: #E2E2EA;--text-2: #8A8A9C;--text-3: #585868;--accent: #5B7FFF;--accent-soft: rgba(91,127,255,.07);--accent-med: rgba(91,127,255,.18);--nav-scrolled-bg: rgba(6,6,8,.82)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text-2);background:var(--bg-0);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s}::selection{background:var(--accent-med);color:var(--text-1)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-1);line-height:1.12;text-wrap:balance}a{color:inherit;text-decoration:none}p{margin:0 0 16px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);width:100%}.reading{max-width:var(--reading);margin-left:auto;margin-right:auto}.label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.label:before{content:"";width:24px;height:1px;background:var(--accent);opacity:.7}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 var(--gutter);transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}.nav.scrolled{background:var(--nav-scrolled-bg);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:var(--border)}.nav-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.nav-logo{display:inline-flex;align-items:center;gap:12px}.nav-logo-mark{color:var(--accent);flex-shrink:0}.nav-logo-text{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-1);letter-spacing:.1em;display:inline-flex;align-items:baseline;gap:10px}.nav-logo-suffix{font-family:var(--font-mono);font-weight:500;color:var(--text-3);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.nav-right{display:flex;align-items:center;gap:18px}.nav-links{display:flex;gap:28px;list-style:none;align-items:center}.nav-links a{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-3);letter-spacing:.01em;transition:color .3s;position:relative;display:inline-flex;align-items:center;gap:6px}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.nav-links a:hover{color:var(--text-1)}.nav-links a:hover:after{width:100%}.nav-links a[aria-current=page]{color:var(--text-1)}.nav-links a[aria-current=page]:after{width:100%}.nav-links a.ext .ext-arrow{font-size:11px;color:var(--text-3);transition:transform .3s var(--ease)}.nav-links a.ext:hover .ext-arrow{transform:translate(2px,-2px);color:var(--accent)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:2px;cursor:pointer;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);transition:color .3s,border-color .3s,background .3s;flex-shrink:0}.theme-toggle:hover{color:var(--text-1);border-color:var(--border-hover)}main.container{padding-top:144px;padding-bottom:var(--section-pad)}.intro{margin-bottom:72px;max-width:var(--reading)}.intro-title{font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.025em;margin-bottom:20px;color:var(--text-1)}.intro-title em{font-style:normal;background:linear-gradient(135deg,var(--text-1) 40%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-sub{font-size:17px;color:var(--text-2);max-width:560px;line-height:1.7;margin:0}.section{margin-bottom:56px;max-width:var(--reading)}.section:last-child{margin-bottom:0}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.post-item{border:1px solid var(--border);border-radius:2px;background:transparent;transition:border-color .3s,background .3s}.post-item:hover{border-color:var(--border-hover);background:var(--bg-1)}.post-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.post-title{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--text-1);letter-spacing:-.005em}.post-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;font-variant-numeric:tabular-nums}.post-list-empty{font-size:14px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.04em}.post{max-width:var(--reading);margin:0 auto}.post-header{margin-bottom:48px}.post-header time{font-variant-numeric:tabular-nums}.post-page-title{font-size:clamp(32px,4.5vw,48px);font-weight:600;letter-spacing:-.025em;color:var(--text-1);margin:0}.post-content{color:var(--text-2);font-size:17px;line-height:1.75}.post-content>*+*{margin-top:18px}.post-content h1:first-child{display:none}.post-content h2,.post-content h3{margin-top:48px;margin-bottom:12px;color:var(--text-1);font-weight:600;letter-spacing:-.01em}.post-content h2{font-size:22px}.post-content h3{font-size:18px}.post-content ul,.post-content ol{list-style:none;padding-left:0;margin:0}.post-content li{position:relative;padding-left:22px}.post-content li+li{margin-top:6px}.post-content li:before{content:"";position:absolute;left:0;top:.85em;width:10px;height:1px;background:var(--accent);opacity:.7}.post-content blockquote{margin:0;padding:4px 0 4px 20px;border-left:2px solid var(--accent);color:var(--text-2)}.post-content code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-2);padding:2px 6px;border-radius:2px;color:var(--text-1)}.post-content pre{background:var(--bg-1);border:1px solid var(--border);padding:20px;overflow-x:auto;border-radius:2px}.post-content pre code{background:transparent;padding:0;font-size:13px}.post-content a{color:var(--text-1);border-bottom:1px solid var(--border-hover);transition:border-color .2s,color .2s}.post-content a:hover{border-color:var(--accent);color:var(--accent)}.post-content hr{border:none;border-top:1px solid var(--border);margin:36px 0}.post-footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:14px;font-weight:500;padding:11px 22px;border-radius:2px;border:none;cursor:pointer;transition:all .3s var(--ease);letter-spacing:.01em}.btn-secondary{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-1)}.site-footer{border-top:1px solid var(--border);padding:40px 0;background:var(--bg-0)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:inline-flex;align-items:center;gap:12px}.footer-brand-mark{color:var(--text-2);flex-shrink:0}.footer-brand-stack{display:flex;flex-direction:column;gap:2px}.footer-brand-text{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-1);letter-spacing:.06em}.footer-tagline{font-size:11px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.footer-meta{display:flex;align-items:center;gap:22px;font-size:11px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em}.footer-social{display:inline-flex;gap:14px}.footer-social a{color:var(--text-3);display:inline-flex;align-items:center;transition:color .2s}.footer-social a:hover{color:var(--text-1)}[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-animate].is-visible{opacity:1;transform:translateY(0)}[data-animate][data-delay="1"]{transition-delay:.08s}[data-animate][data-delay="2"]{transition-delay:.16s}[data-animate][data-delay="3"]{transition-delay:.24s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-animate]{opacity:1;transform:none}}@media(max-width:768px){:root{--gutter: 20px;--section-pad: 64px}main.container{padding-top:112px}.nav-inner{height:56px;gap:12px}.nav-links{gap:18px}.nav-logo-text{font-size:14px}.nav-logo-suffix{display:none}.intro{margin-bottom:56px}.intro-title{font-size:32px}.post-link{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px}.site-footer .container{flex-direction:column;align-items:flex-start;gap:16px}.footer-meta{flex-wrap:wrap;gap:14px}}