:root{--blog-bg: #000000;--blog-bg-soft: #050505;--blog-body-background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .07), transparent 30rem), linear-gradient(180deg, #000 0%, #050505 52%, #000 100%);--blog-backdrop: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .15), transparent 50%), radial-gradient(circle at 0% 100%, rgba(255, 255, 255, .12), transparent 50%);--blog-panel: rgba(255, 255, 255, .035);--blog-panel-soft: rgba(255, 255, 255, .025);--blog-panel-strong: rgba(255, 255, 255, .07);--blog-elevated: #050505;--blog-hover: rgba(255, 255, 255, .055);--blog-line: rgba(255, 255, 255, .1);--blog-line-soft: rgba(255, 255, 255, .08);--blog-text-main: #ffffff;--blog-text-muted: rgba(255, 255, 255, .58);--blog-text-soft: rgba(255, 255, 255, .66);--blog-text-light: rgba(255, 255, 255, .32);--blog-text-faint: rgba(255, 255, 255, .28);--blog-meta: rgba(255, 255, 255, .4);--blog-link: rgba(255, 255, 255, .82);--blog-accent: #ff5a00;--blog-gloss: linear-gradient(135deg, #ffffff 0%, #e4e4e7 100%);--blog-code-bg: rgba(255, 255, 255, .1);--blog-code-text: #e4e4e7;--blog-pre-bg: #111111;--blog-footer-bg: #000000;--blog-footer-heading: rgba(255, 255, 255, .3);--blog-footer-link: rgba(255, 255, 255, .6);--blog-footer-link-hover: #ffffff;--blog-footer-copy: rgba(255, 255, 255, .5);--blog-footer-faint: rgba(255, 255, 255, .3);--blog-button-bg: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .85));--blog-button-text: #000000;--blog-button-border: rgba(255, 255, 255, .9);--blog-button-shadow: inset 0 1px 1px #ffffff, 0 4px 12px rgba(255, 255, 255, .2);--color-bg: var(--blog-bg);--color-surface: var(--blog-panel);--color-border: var(--blog-line);--color-text-main: var(--blog-text-main);--color-text-muted: #a1a1aa;--color-text-light: #71717a;--color-accent: var(--blog-accent);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-blog-theme]),html[data-blog-theme=system]{--blog-bg: #f7f8fa;--blog-bg-soft: #ffffff;--blog-body-background: radial-gradient(circle at 50% 0%, rgba(17, 24, 39, .05), transparent 30rem), linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 58%, #fbfcfd 100%);--blog-backdrop: radial-gradient(circle at 50% 0%, rgba(17, 24, 39, .06), transparent 50%), radial-gradient(circle at 0% 100%, rgba(255, 90, 0, .08), transparent 50%);--blog-panel: rgba(17, 24, 39, .035);--blog-panel-soft: rgba(17, 24, 39, .025);--blog-panel-strong: rgba(17, 24, 39, .07);--blog-elevated: #ffffff;--blog-hover: rgba(17, 24, 39, .045);--blog-line: rgba(17, 24, 39, .12);--blog-line-soft: rgba(17, 24, 39, .09);--blog-text-main: #111318;--blog-text-muted: rgba(17, 24, 39, .62);--blog-text-soft: rgba(17, 24, 39, .68);--blog-text-light: rgba(17, 24, 39, .42);--blog-text-faint: rgba(17, 24, 39, .32);--blog-meta: rgba(17, 24, 39, .48);--blog-link: rgba(17, 24, 39, .84);--blog-gloss: linear-gradient(135deg, #101216 0%, #3d424c 100%);--blog-code-bg: rgba(17, 24, 39, .08);--blog-code-text: #242832;--blog-pre-bg: #111318;--blog-footer-bg: #f0f2f5;--blog-footer-heading: rgba(17, 24, 39, .42);--blog-footer-link: rgba(17, 24, 39, .62);--blog-footer-link-hover: #111318;--blog-footer-copy: rgba(17, 24, 39, .58);--blog-footer-faint: rgba(17, 24, 39, .42);--blog-button-bg: linear-gradient(135deg, #111318, #2c3038);--blog-button-text: #ffffff;--blog-button-border: rgba(17, 24, 39, .12);--blog-button-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), 0 8px 22px rgba(17, 24, 39, .16);color-scheme:light}}html[data-blog-theme=light]{--blog-bg: #f7f8fa;--blog-bg-soft: #ffffff;--blog-body-background: radial-gradient(circle at 50% 0%, rgba(17, 24, 39, .05), transparent 30rem), linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 58%, #fbfcfd 100%);--blog-backdrop: radial-gradient(circle at 50% 0%, rgba(17, 24, 39, .06), transparent 50%), radial-gradient(circle at 0% 100%, rgba(255, 90, 0, .08), transparent 50%);--blog-panel: rgba(17, 24, 39, .035);--blog-panel-soft: rgba(17, 24, 39, .025);--blog-panel-strong: rgba(17, 24, 39, .07);--blog-elevated: #ffffff;--blog-hover: rgba(17, 24, 39, .045);--blog-line: rgba(17, 24, 39, .12);--blog-line-soft: rgba(17, 24, 39, .09);--blog-text-main: #111318;--blog-text-muted: rgba(17, 24, 39, .62);--blog-text-soft: rgba(17, 24, 39, .68);--blog-text-light: rgba(17, 24, 39, .42);--blog-text-faint: rgba(17, 24, 39, .32);--blog-meta: rgba(17, 24, 39, .48);--blog-link: rgba(17, 24, 39, .84);--blog-gloss: linear-gradient(135deg, #101216 0%, #3d424c 100%);--blog-code-bg: rgba(17, 24, 39, .08);--blog-code-text: #242832;--blog-pre-bg: #111318;--blog-footer-bg: #f0f2f5;--blog-footer-heading: rgba(17, 24, 39, .42);--blog-footer-link: rgba(17, 24, 39, .62);--blog-footer-link-hover: #111318;--blog-footer-copy: rgba(17, 24, 39, .58);--blog-footer-faint: rgba(17, 24, 39, .42);--blog-button-bg: linear-gradient(135deg, #111318, #2c3038);--blog-button-text: #ffffff;--blog-button-border: rgba(17, 24, 39, .12);--blog-button-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), 0 8px 22px rgba(17, 24, 39, .16);color-scheme:light}html[data-blog-theme] body{background:var(--blog-body-background);color:var(--blog-text-main)}html[data-blog-theme] .text-subtle-gloss{background:var(--blog-gloss);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-blog-theme] .glass{background:linear-gradient(145deg,var(--blog-panel-strong) 0%,var(--blog-panel-soft) 100%);backdrop-filter:blur(60px) saturate(160%);-webkit-backdrop-filter:blur(60px) saturate(160%);border-color:var(--blog-line);box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #0000002e,0 10px 40px #0000002e}html[data-blog-theme] .glass-nav{background:linear-gradient(135deg,var(--blog-panel-strong),var(--blog-panel-soft));backdrop-filter:blur(40px) saturate(180%) contrast(110%);-webkit-backdrop-filter:blur(40px) saturate(180%) contrast(110%);border-color:var(--blog-line);box-shadow:inset 0 1px 1px #ffffff29,0 12px 40px #0000002e}html[data-blog-theme] .glass-button{background:var(--blog-button-bg);color:var(--blog-button-text)!important;border:1px solid var(--blog-button-border)!important;box-shadow:var(--blog-button-shadow)}html[data-blog-theme] .glass-button:hover{transform:translateY(-1px)}html[data-blog-theme] .apple-download-button{background:linear-gradient(180deg,#fffffffa,#f6f7fbf0 52%,#e8eaf1db);color:#000!important;border:1px solid rgba(255,255,255,.82)!important;border-top-color:#fff!important;box-shadow:inset 0 1px #fff,inset 0 -1px 2px #00000029,inset 0 0 0 1px #ffffff57,0 1px #ffffff6b,0 8px 22px #0000002e}.apple-cta-icon{display:inline-block;height:1.2em;width:auto;flex:none;object-fit:contain;transform:translateY(-.08em)}.blog-theme-toggle{position:fixed;z-index:90;top:calc(5rem + env(safe-area-inset-top));right:max(1rem,calc((100vw - min(100vw,1180px))/2 + 1rem));width:2.35rem;height:2.35rem;display:inline-grid;place-items:center;border:1px solid var(--blog-line);border-radius:999px;background:color-mix(in srgb,var(--blog-bg-soft),transparent 18%);color:var(--blog-text-soft);box-shadow:0 10px 30px #00000029;backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%);cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.blog-theme-toggle:hover{background:var(--blog-hover);color:var(--blog-text-main);transform:translateY(-1px)}.blog-theme-toggle:focus-visible{outline:1px solid var(--blog-text-light);outline-offset:.22rem}.blog-theme-icon{width:1.05rem;height:1.05rem;display:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}html[data-blog-effective-theme=dark] .blog-theme-icon-sun,html[data-blog-effective-theme=light] .blog-theme-icon-moon{display:block}.blog-site-footer{background:var(--blog-footer-bg);color:var(--blog-footer-copy)}.blog-site-footer p{color:var(--blog-footer-copy)}.blog-site-footer .blog-footer-brand{color:var(--blog-text-main)}.blog-site-footer .blog-footer-heading{color:var(--blog-footer-heading)}.blog-site-footer a{color:var(--blog-footer-link)}.blog-site-footer a:hover{color:var(--blog-footer-link-hover)}.blog-site-footer .blog-footer-faint{color:var(--blog-footer-faint)}@media(max-width:720px){.blog-theme-toggle{top:auto;right:calc(.75rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));width:2.3rem;height:2.3rem}}