:root{--bg:#f4f1ea;--fg:#1d1c1a;--muted:#66635c;--line:#d9d4c7;--card:#faf8f3;--accent:#5b3df5;--accent2:#007a5a;--hl:rgba(91, 61, 245, 0.16);--chip:rgba(91, 61, 245, 0.10);--codebg:#17171f;--codeline:#2a2a36;--k:1;--wrap:760px;--mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif}[data-theme=dark]{--bg:#14141a;--fg:#e8e6f0;--muted:#9a98a8;--line:#2a2a36;--card:#1b1b24;--accent:#a99bff;--accent2:#4ee0b0;--hl:rgba(169, 155, 255, 0.26);--chip:rgba(169, 155, 255, 0.14);--codebg:#0d0d12}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:calc(16px * var(--k));line-height:1.6}a{color:var(--fg);text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:16px;top:-64px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:calc(14px * var(--k));z-index:10}.skip:focus{top:16px}.topbar{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.wrap{max-width:var(--wrap);margin:0 auto;padding:16px 24px 64px}.site-head{margin-bottom:48px}.site-head__row{display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{display:inline-block;padding:12px 0;font-family:var(--mono);font-size:calc(17px * var(--k));font-weight:600}.logo__a{color:var(--accent)}.logo__b{color:var(--accent2)}.logo:hover .logo__a{color:var(--accent)}.theme-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);cursor:pointer}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.nav{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:4px;font-family:var(--mono);font-size:calc(14px * var(--k))}.nav a{display:inline-block;padding:12px 0 10px;border-bottom:2px solid transparent}.nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.intro{margin-bottom:56px}.intro h1{margin:0 0 12px;font-family:var(--mono);font-size:calc(30px * var(--k));line-height:1.2;font-weight:600;letter-spacing:-.01em}.intro .name{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.intro .lead{margin:0 0 16px;font-size:calc(18px * var(--k));max-width:70ch}.intro .social{margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--mono);font-size:calc(14px * var(--k))}.section-label{margin:0 0 16px;font-family:var(--mono);font-size:calc(13px * var(--k));font-weight:500;color:var(--muted)}.page-head{margin-bottom:32px}.page-title{margin:0 0 8px;font-family:var(--mono);font-size:calc(30px * var(--k));line-height:1.2;font-weight:600;letter-spacing:-.01em}.page-desc{margin:0;color:var(--muted)}.card{margin-bottom:20px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card__title{margin:0 0 8px;font-family:var(--mono);font-size:calc(19px * var(--k));line-height:1.35;font-weight:600}.card__summary{margin:0 0 14px;font-size:calc(15px * var(--k));color:var(--muted)}.meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-family:var(--mono);font-size:calc(12.5px * var(--k));color:var(--muted)}.badge-new{padding:2px 8px;border:1px solid var(--accent2);border-radius:999px;color:var(--accent2)}.badge-archived{padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.chip{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--accent);font-family:var(--mono);font-size:calc(12.5px * var(--k));text-transform:lowercase}.chip:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip--lg{padding:8px 14px;font-size:calc(13.5px * var(--k))}.tag-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.pager{display:flex;justify-content:flex-end;gap:12px;margin:0 0 56px}.pager a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-family:var(--mono);font-size:calc(14px * var(--k));font-weight:500}.pager a:hover{border-color:var(--accent)}.post-header{margin-bottom:32px}.breadcrumbs{margin:0 0 16px;font-family:var(--mono);font-size:calc(13px * var(--k));color:var(--muted)}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.post-title{margin:0 0 16px;font-family:var(--mono);font-size:calc(34px * var(--k));line-height:1.25;font-weight:600;letter-spacing:-.015em}.toc{margin:0 0 40px;padding:8px 20px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px}.toc summary{padding:8px 0;cursor:pointer;font-family:var(--mono);font-size:calc(14px * var(--k));font-weight:600}.toc nav ul{margin:8px 0 0;padding-left:20px;font-size:calc(15px * var(--k));line-height:1.9}.toc nav ul ul{margin-top:0}.tags{margin:40px 0 0;display:flex;flex-wrap:wrap;gap:8px 10px}.post-nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}.post-nav__link{flex:1 1 260px;display:block;margin-bottom:0}.post-nav__link--next{text-align:right}.post-nav__dir{display:block;font-family:var(--mono);font-size:calc(12px * var(--k));color:var(--muted)}.post-nav__title{display:block;margin-top:2px;font-family:var(--mono);font-size:calc(14.5px * var(--k));font-weight:600}.prose{font-size:calc(17px * var(--k));line-height:1.75}.intro.prose{font-size:calc(16px * var(--k));line-height:1.6}.prose p{margin:0 0 24px}.prose a{background:linear-gradient(var(--hl),var(--hl))0 100%/100% .4em no-repeat;transition:background-size .15s}.prose a:hover{background-size:100% 100%;color:var(--fg)}.prose h2,.prose h3,.prose h4{font-family:var(--mono);font-weight:600;scroll-margin-top:16px}.prose h2{margin:48px 0 16px;font-size:calc(24px * var(--k));line-height:1.3}.prose h2::before{content:"# ";color:var(--accent)}.prose h3{margin:36px 0 12px;font-size:calc(19px * var(--k));line-height:1.35}.prose h4{margin:28px 0 8px;font-size:calc(16px * var(--k))}.prose ul,.prose ol{margin:0 0 24px;padding-left:24px}.prose li{margin-bottom:6px}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose img{max-width:100%;height:auto;border-radius:8px}.prose figure{margin:32px 0}.prose figcaption{margin-top:10px;font-size:calc(14px * var(--k));color:var(--muted)}.prose blockquote{margin:32px 0;padding:0 0 0 20px;border-left:2px solid var(--accent);color:var(--muted)}.prose blockquote p{margin:0}.prose :not(pre)>code{padding:2px 6px;border-radius:4px;background:var(--chip);color:var(--accent);font-family:var(--mono);font-size:.86em}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 32px;font-size:calc(15px * var(--k));line-height:1.5}.prose th{padding:10px 14px;text-align:left;border-bottom:2px solid var(--accent);font-family:var(--mono);font-size:calc(13px * var(--k));font-weight:600}.prose td{padding:10px 14px;border-bottom:1px solid var(--line)}.callout{margin:0 0 32px;padding:14px 18px;background:var(--chip);border:1px solid var(--line);border-radius:10px}.callout__label{margin:0 0 4px;font-family:var(--mono);font-size:calc(12px * var(--k));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2)}.callout__body{font-size:calc(15.5px * var(--k));line-height:1.65}.callout__body p{margin:0;font-size:inherit}.prose .callout__body a{color:var(--fg)}.callout.callout--archived{background:var(--card);margin-bottom:32px}.callout--archived .callout__label{color:var(--muted)}.prose figure.code-block{margin:0 0 32px}.prose .code-bar{margin-top:0;font-size:calc(12.5px * var(--k));color:#9a98a8}.code-block{margin:0 0 32px;border:1px solid var(--codeline);border-radius:10px;overflow:hidden;background:var(--codebg);color:#e8e6f0}.code-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 6px 16px;border-bottom:1px solid var(--codeline);font-family:var(--mono);font-size:calc(12.5px * var(--k));color:#9a98a8}.code-meta{display:flex;align-items:center;gap:12px}.copy-btn{min-height:36px;padding:0 12px;border:1px solid #3a3a48;border-radius:6px;background:0 0;color:#e8e6f0;font-family:var(--mono);font-size:calc(12px * var(--k));cursor:pointer}.copy-btn:hover{border-color:#a99bff}.code-block .highlight{margin:0}.code-block pre,.prose pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--mono);font-size:calc(13.5px * var(--k));line-height:1.7;tab-size:4;background:0 0!important;color:#e8e6f0}.chroma .line{display:flex}.chroma .cl{flex:1}.chroma .err{color:inherit;background:0 0}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .nt{color:#c4b5ff}.chroma .nf,.chroma .fm,.chroma .nc,.chroma .nb,.chroma .na,.chroma .nx{color:#8ab4ff}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:#7ee7b8}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#ffb86b}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:#8a88a0;font-style:italic}.chroma .nd{color:#ff9ec7}.chroma .gd{color:#ff9aa8}.chroma .gi{color:#7ee7b8}.chroma .gh,.chroma .gu{color:#c4b5ff;font-weight:600}.chroma .line:has(.gd){background:rgba(255,120,140,.14);margin:0 -16px;padding:0 16px}.chroma .line:has(.gi){background:rgba(78,224,176,.14);margin:0 -16px;padding:0 16px}.archive-year{margin:40px 0 12px;font-family:var(--mono);font-size:calc(13px * var(--k));font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.archive-count{color:var(--accent)}.archive-list{list-style:none;margin:0;padding:0}.archive-list li{display:flex;flex-wrap:wrap;gap:0 24px;padding:8px 0;border-bottom:1px solid var(--line)}.archive-list time{flex:0 0 64px;font-family:var(--mono);font-size:calc(13.5px * var(--k));color:var(--muted);line-height:1.9}.archive-list a{flex:1 1 260px;font-family:var(--mono);font-size:calc(15px * var(--k))}.site-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:calc(12.5px * var(--k));color:var(--muted)}.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--accent)}@media(min-width:1440px){:root{--k:1.08;--wrap:900px}}@media(min-width:1920px){:root{--k:1.16;--wrap:1040px}}@media(min-width:2560px){:root{--k:1.28;--wrap:1200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:480px){.post-title{font-size:28px}.card{padding:18px}}