:root{--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono: 'SF Mono', SFMono-Regular, ui-monospace, Menlo, monospace;--text-hero: 4rem;--text-title-1: 2.5rem;--text-title-2: 2rem;--text-title-3: 1.5rem;--text-headline: 1.25rem;--text-body: 1.0625rem;--text-callout: 1rem;--text-caption: 0.8125rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 8rem;--content-width: 42.5rem;--wide-width: 61.25rem;--page-gutter: var(--space-5);--color-bg: #fdfdfb;--color-bg-secondary: #f5f5f7;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-border: rgba(0, 0, 0, 0.08);--color-separator: rgba(0, 0, 0, 0.06);--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-decelerate: cubic-bezier(0, 0, 0.2, 1);--ease-accelerate: cubic-bezier(0.4, 0, 1, 1);--duration-fast: 0.15s;--duration-normal: 0.25s;--duration-slow: 0.4s;--z-navbar: 90;--z-overlay: 100}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg)}h1{font-size:var(--text-title-1);font-weight:700;line-height:1.1;letter-spacing:-0.02em}h2{font-size:var(--text-title-2);font-weight:600;line-height:1.15;letter-spacing:-0.015em}h3{font-size:var(--text-title-3);font-weight:600;line-height:1.2;letter-spacing:-0.01em}h4{font-size:var(--text-headline);font-weight:600;line-height:1.3;letter-spacing:-0.005em}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-accent-hover);text-decoration:underline}p{margin-block-end:var(--space-4)}p:last-child{margin-block-end:0}code{font-family:var(--font-mono);font-size:0.9em;background-color:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:4px}pre{background-color:var(--color-bg-secondary);padding:var(--space-5);border-radius:8px;overflow-x:auto;margin-block-end:var(--space-5)}pre code{background:none;padding:0;border-radius:0}blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:var(--space-5);color:var(--color-text-secondary);margin-block-end:var(--space-5)}hr{border:none;border-block-start:1px solid var(--color-separator);margin-block:var(--space-8)}img{border-radius:8px}ul,ol{padding-inline-start:var(--space-5);margin-block-end:var(--space-4)}ul{list-style:disc}ol{list-style:decimal}li{margin-block-end:var(--space-2)}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/inter-400.woff2") format("woff2")}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/inter-500.woff2") format("woff2")}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/inter-600.woff2") format("woff2")}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/inter-700.woff2") format("woff2")}.text-hero{font-size:var(--text-hero);font-weight:700;line-height:1.05;letter-spacing:-0.03em}.text-title-1{font-size:var(--text-title-1);font-weight:700;line-height:1.1;letter-spacing:-0.02em}.text-title-2{font-size:var(--text-title-2);font-weight:600;line-height:1.15;letter-spacing:-0.015em}.text-title-3{font-size:var(--text-title-3);font-weight:600;line-height:1.2;letter-spacing:-0.01em}.text-headline{font-size:var(--text-headline);font-weight:600;line-height:1.3;letter-spacing:-0.005em}.text-body{font-size:var(--text-body);font-weight:400;line-height:1.6;letter-spacing:0}.text-callout{font-size:var(--text-callout);font-weight:400;line-height:1.5;letter-spacing:0}.text-caption{font-size:var(--text-caption);font-weight:400;line-height:1.4;letter-spacing:0.01em}.page{display:flex;flex-direction:column;min-height:100svh}.page__main{flex:1}.container{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--page-gutter)}.container--wide{max-width:var(--wide-width)}.section{padding-block:var(--space-10)}.section--tight{padding-block:var(--space-8)}.flow>*+*{margin-block-start:var(--space-5)}.flow--tight>*+*{margin-block-start:var(--space-3)}.flow--loose>*+*{margin-block-start:var(--space-8)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;text-align:center;padding-inline:var(--page-gutter)}.hero__theme-toggle{position:absolute;inset-block-start:var(--space-5);inset-inline-end:var(--space-5)}.hero__identity{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);will-change:transform, opacity}.hero__logo{width:120px;height:auto;flex-shrink:0}@media (max-width: 39.999rem){.hero__logo{width:80px}}.hero__name{font-size:var(--text-hero);font-weight:700;line-height:1.05;letter-spacing:-0.03em;color:var(--color-text-primary);white-space:nowrap}@media (max-width: 39.999rem){.hero__name{font-size:2.5rem}}.hero__tagline{font-size:var(--text-headline);font-weight:400;line-height:1.3;color:var(--color-text-secondary);margin-block-end:var(--space-6);transition:opacity var(--duration-normal) var(--ease-standard)}.hero__social{display:flex;gap:var(--space-5);align-items:center;margin-block-end:var(--space-9)}.hero__scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);color:var(--color-text-tertiary);animation:scroll-hint 2s var(--ease-standard) infinite}@keyframes scroll-hint{0%,100%{opacity:0.4;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(8px)}}.navbar{position:fixed;inset-block-start:0;inset-inline:0;height:48px;z-index:var(--z-navbar);border-block-end:1px solid transparent;background-color:transparent;pointer-events:none;transition:background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.navbar--morphed{pointer-events:auto;background-color:rgba(253,253,251,0.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-block-end-color:var(--color-separator)}.navbar__brand--home{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.navbar--morphed .navbar__brand--home{opacity:1;pointer-events:auto}.navbar__links--home{opacity:0;transition:opacity var(--duration-normal) var(--ease-standard)}.navbar--morphed .navbar__links--home{opacity:1}.navbar--static{position:sticky;background-color:rgba(253,253,251,0.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-block-end-color:var(--color-separator)}.navbar--static .navbar__brand,.navbar--static .navbar__links{opacity:1;pointer-events:auto}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--wide-width);margin-inline:auto;padding-inline:var(--page-gutter)}.navbar__brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-callout);font-weight:600;color:var(--color-text-primary);text-decoration:none;letter-spacing:-0.01em}.navbar__brand:hover{color:var(--color-text-primary)}.navbar__logo{width:24px;height:auto}.navbar__links{display:flex;gap:var(--space-5);align-items:center}.navbar__link{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.navbar__link:hover{color:var(--color-text-primary)}.navbar__link--active{color:var(--color-text-primary)}.social-icons{display:flex;gap:var(--space-5);align-items:center}.social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard)}.social-icon:hover{color:var(--color-text-primary)}.social-icon svg,.social-icon i{width:24px;height:24px;font-size:24px}.post-card{display:block;padding-block:var(--space-6);text-decoration:none;color:var(--color-text-primary)}.post-card+.post-card{border-block-start:1px solid var(--color-separator)}.post-card:hover{color:var(--color-text-primary)}.post-card:hover .post-card__title{color:var(--color-accent)}.post-card__title{font-size:var(--text-title-3);font-weight:600;line-height:1.2;letter-spacing:-0.01em;color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-standard);margin-block-end:var(--space-2)}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.post-card__date{font-size:var(--text-caption);color:var(--color-text-tertiary)}.post-card__reading-time{font-size:var(--text-caption);color:var(--color-text-tertiary)}.post-card__excerpt{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.6}.tag{display:inline-block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:var(--space-1) var(--space-3);border-radius:4px;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard)}.tag:hover{background-color:var(--color-border);color:var(--color-text-primary)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-block-end:var(--space-6)}.section-header__title{font-size:var(--text-title-2);font-weight:600;line-height:1.15;letter-spacing:-0.015em}.section-header__link{font-size:var(--text-caption);font-weight:500;color:var(--color-accent);text-decoration:none}.section-header__link:hover{text-decoration:underline}.article{padding-block-start:var(--space-10);padding-block-end:var(--space-12)}.article__header{margin-block-end:var(--space-8)}.article__title{font-size:var(--text-title-1);font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-block-end:var(--space-4)}.article__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.article__date{font-size:var(--text-caption);color:var(--color-text-tertiary)}.article__reading-time{font-size:var(--text-caption);color:var(--color-text-tertiary)}.article__content{font-size:var(--text-body);line-height:1.6}.article__content h2{margin-block-start:var(--space-9);margin-block-end:var(--space-4)}.article__content h3{margin-block-start:var(--space-8);margin-block-end:var(--space-3)}.article__content>*+*{margin-block-start:var(--space-4)}.article__content>h2+*,.article__content>h3+*{margin-block-start:var(--space-3)}.comments{border-block-start:1px solid var(--color-separator);padding-block:var(--space-8)}.comments__title{font-size:var(--text-title-3);font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-block-end:var(--space-6)}.comments__fallback{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-block-start:var(--space-4)}.footer{border-block-start:1px solid var(--color-separator);padding-block:var(--space-10);color:var(--color-text-secondary)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);max-width:var(--wide-width);margin-inline:auto;padding-inline:var(--page-gutter)}@media (min-width: 40rem){.footer__inner{flex-direction:row;justify-content:space-between}}.footer__nav{display:flex;gap:var(--space-5)}.footer__link{font-size:var(--text-caption);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.footer__link:hover{color:var(--color-text-primary)}.footer__copyright{font-size:var(--text-caption);color:var(--color-text-tertiary)}.about{padding-block:var(--space-10)}.about__content{font-size:var(--text-body);line-height:1.6;color:var(--color-text-primary);max-width:var(--content-width);margin-inline:auto}.recent-posts{padding-block:var(--space-8)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60svh;text-align:center}.error-page__code{font-size:var(--text-hero);font-weight:700;color:var(--color-text-tertiary);line-height:1;margin-block-end:var(--space-4)}.error-page__message{font-size:var(--text-headline);color:var(--color-text-secondary);margin-block-end:var(--space-6)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.theme-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.theme-toggle i{font-size:14px}.theme-toggle__icon--dark{display:none}.theme-toggle__icon--light{display:inline}@media (prefers-color-scheme: dark){.theme-toggle__icon--dark{display:inline}.theme-toggle__icon--light{display:none}}:root[data-theme="dark"] .theme-toggle__icon--dark{display:inline}:root[data-theme="dark"] .theme-toggle__icon--light{display:none}:root[data-theme="light"] .theme-toggle__icon--dark{display:none}:root[data-theme="light"] .theme-toggle__icon--light{display:inline}.logo{height:auto;filter:invert(1);transition:filter var(--duration-fast) var(--ease-standard);clip-path:inset(4% 4% 4% 4%)}@media (prefers-color-scheme: dark){.logo{filter:none}}:root[data-theme="dark"] .logo{filter:none}:root[data-theme="light"] .logo{filter:invert(1)}@media (prefers-color-scheme: dark){:root{--color-bg: #1c1b19;--color-bg-secondary: #2c2b29;--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #86868b;--color-accent: #2997ff;--color-accent-hover: #4db3ff;--color-border: rgba(255, 255, 255, 0.1);--color-separator: rgba(255, 255, 255, 0.08)}.navbar--morphed,.navbar--static{background-color:rgba(28,27,25,0.8)}}:root[data-theme="dark"]{--color-bg: #1c1b19;--color-bg-secondary: #2c2b29;--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #86868b;--color-accent: #2997ff;--color-accent-hover: #4db3ff;--color-border: rgba(255, 255, 255, 0.1);--color-separator: rgba(255, 255, 255, 0.08)}:root[data-theme="dark"] .navbar--morphed,:root[data-theme="dark"] .navbar--static{background-color:rgba(28,27,25,0.8)}:root[data-theme="light"]{--color-bg: #fdfdfb;--color-bg-secondary: #f5f5f7;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-border: rgba(0, 0, 0, 0.08);--color-separator: rgba(0, 0, 0, 0.06)}:root[data-theme="light"] .navbar--morphed,:root[data-theme="light"] .navbar--static{background-color:rgba(253,253,251,0.8)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}