[data-tone=light]{--bg:#fff;--panel:#f6f7f9;--line:#e8eaee;--line-strong:#d6d9df;--ink:#1f2328;--ink-2:#4b5259;--ink-3:#7b838d;--accent:#2f5fd0;--accent-soft:#e9effb;--code-bg:#f6f7f9;--code-ink:#1f2328;--font-head:var(--font-sans);--font-meta:var(--font-sans);--meta-size:13px;--head-weight:650;--head-tracking:-.015em;--head-word-spacing:0;--radius:6px;--shadow:0 8px 28px #0f172a1f;--syn-k:#8250df;--syn-s:#0a7a4e;--syn-c:#7b838d;--syn-f:#b35900;--syn-v:#0550ae;--badge-live-bg:#e6f4ec;--badge-live-ink:#0a7a4e;--badge-int-bg:#f1f2f4;--badge-int-ink:#4b5259;--badge-soon-bg:#fdf3e2;--badge-soon-ink:#b35900}:root{--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--wrap:min(720px, 100% - 40px);--ease:.14s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;margin:0;font-size:16px;line-height:1.65;display:flex}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}svg{display:block}:where(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .bar{width:var(--wrap);justify-content:space-between;align-items:center;gap:20px;height:56px;margin:0 auto;display:flex}.wordmark{font-family:var(--font-mono);letter-spacing:-.02em;font-size:15px;font-weight:700;text-decoration:none}.wordmark span{color:var(--ink-3);font-weight:400}.site-nav{align-items:center;gap:18px;display:flex}.site-nav a{color:var(--ink-2);transition:color var(--ease);font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-color:var(--accent)}.rss{color:var(--ink-3);border-radius:var(--radius);padding:4px;display:inline-flex}.rss:hover{color:var(--accent)}.rss svg{width:16px;height:16px}main{width:var(--wrap);flex:1;margin:0 auto;padding:40px 0 72px}.chip{border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-meta);transition:border-color var(--ease), color var(--ease), background var(--ease);background:0 0;border-radius:999px;padding:6px 10px;font-size:12.5px;line-height:1;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.site-footer{border-top:1px solid var(--line)}.site-footer .bar{width:var(--wrap);font-family:var(--font-meta);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin:0 auto;padding:22px 0 64px;font-size:12.5px;display:flex}.site-footer a{color:var(--ink-3);text-decoration:none}.site-footer a:hover{color:var(--ink)}.badge{font-family:var(--font-meta);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.badge.is-live{background:var(--badge-live-bg);color:var(--badge-live-ink)}.badge.is-internal{background:var(--badge-int-bg);color:var(--badge-int-ink)}.badge.is-soon{background:var(--badge-soon-bg);color:var(--badge-soon-ink)}.badge.is-duration{background:var(--accent-soft);color:var(--accent);font-weight:500}.badge.is-kind{border:1px solid var(--line-strong);color:var(--ink-2);background:0 0;font-weight:500}.stack{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.stack .stack-label{font-family:var(--font-meta);letter-spacing:.06em;color:var(--ink-3);font-size:11px}.stack code{font-family:var(--font-mono);color:var(--ink-2);font-size:12.5px;line-height:1.6}code{font-family:var(--font-mono);font-size:.9em}pre{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--code-ink);margin:0 0 20px;padding:14px 16px;line-height:1.55;overflow-x:auto}pre code{font-size:13.5px}.astro-code{--astro-code-foreground:var(--code-ink);--astro-code-background:var(--code-bg);--astro-code-token-constant:var(--syn-v);--astro-code-token-string:var(--syn-s);--astro-code-token-comment:var(--syn-c);--astro-code-token-keyword:var(--syn-k);--astro-code-token-parameter:var(--syn-f);--astro-code-token-function:var(--syn-f);--astro-code-token-string-expression:var(--syn-s);--astro-code-token-punctuation:var(--code-ink);--astro-code-token-link:var(--accent)}pre.astro-code{background:var(--code-bg)!important;color:var(--code-ink)!important}.astro-code [style*=--astro-code-token-keyword]{font-weight:600}.astro-code [style*=--astro-code-token-comment]{font-style:italic}.code-title{border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--code-bg);font-family:var(--font-mono);color:var(--ink-3);border-bottom:0;margin:0;padding:6px 12px;font-size:12px}.code-title+pre{border-radius:0 0 var(--radius) var(--radius)}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}th{font-family:var(--font-meta);color:var(--ink-3);border-bottom:1px solid var(--line-strong);font-size:12.5px;font-weight:600}td code{white-space:nowrap}figure{margin:0 0 24px}.img-ph{aspect-ratio:16/9;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--ink-3);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:12.5px;display:flex}figcaption{text-align:center;font-family:var(--font-meta);color:var(--ink-3);margin-top:8px;font-size:12.5px}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--font-meta);color:var(--ink-3);font-size:12px}.tags li:before{content:"#";opacity:.7}.tags li a{text-decoration:none}.tags li a:hover{color:var(--accent)}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:24px;display:grid}.post-nav a,.post-nav>span{border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:12px 14px;text-decoration:none;display:block}.post-nav a:hover{border-color:var(--line-strong)}.post-nav .label{font-family:var(--font-meta);color:var(--ink-3);margin-bottom:4px;font-size:11.5px;display:block}.post-nav .title{font-size:14px;line-height:1.4;display:block}.post-nav .next{text-align:right}.post-nav>span{color:var(--ink-3)}@media (width<=480px){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}.chat-trigger{z-index:20;border:1px solid var(--line-strong);background:var(--bg);height:44px;color:var(--ink);box-shadow:var(--shadow);transition:border-color var(--ease), background var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:13.5px;display:inline-flex;position:fixed;bottom:20px;right:20px}.chat-trigger svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px}.chat-trigger:hover{border-color:var(--accent)}.chat-backdrop{z-index:21;background:#00000059;display:none;position:fixed;inset:0}.chat-drawer{z-index:22;background:var(--bg);border:1px solid var(--line-strong);width:min(380px,100vw - 40px);max-height:min(600px,100vh - 100px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:none;position:fixed;bottom:76px;right:20px;overflow:hidden}body.chat-open .chat-drawer{display:flex}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;display:flex}.drawer-eyebrow{font-family:var(--font-meta);letter-spacing:.06em;color:var(--ink-3);margin:0;font-size:11px}.drawer-header h2{font-family:var(--font-head);font-size:16px;font-weight:var(--head-weight);margin:2px 0 0}.drawer-description{color:var(--ink-2);margin:0;padding:10px 16px 0;font-size:13px}.icon-button{border-radius:var(--radius);color:var(--ink-3);background:0 0;border:1px solid #0000;padding:6px;display:inline-flex}.icon-button:hover{color:var(--ink);border-color:var(--line)}.icon-button svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.chat-history{flex-direction:column;flex:1;gap:8px;min-height:160px;padding:12px 16px;display:flex;overflow-y:auto}.chat-message{white-space:pre-wrap;border-radius:10px;max-width:88%;margin:0;padding:8px 12px;font-size:13.5px;line-height:1.5}.chat-message.is-assistant{background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:3px;align-self:flex-start}.chat-message.is-user{background:var(--accent-soft);color:var(--ink);border-bottom-right-radius:3px;align-self:flex-end}.chat-pending{font-family:var(--font-meta);color:var(--ink-3);align-self:flex-start;margin:0;font-size:12.5px}.chat-retry{font-family:var(--font-meta);color:var(--ink-3);align-self:flex-start;align-items:center;gap:8px;font-size:12.5px;display:flex}.chat-retry button{border:1px solid var(--line-strong);color:var(--ink-2);background:0 0;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.3}.chat-retry button:hover{border-color:var(--accent);color:var(--ink)}.suggestions{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.suggestions button{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:999px;padding:5px 10px;font-size:12.5px;line-height:1.3}.suggestions button:hover{border-color:var(--accent);color:var(--ink)}.suggestions button:disabled{opacity:.5;cursor:default}.chat-form{border-top:1px solid var(--line);gap:8px;padding:10px 16px 14px;display:flex}.chat-form input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);min-width:0;height:38px;color:var(--ink);flex:1;padding:0 12px;font-size:14px}.chat-form input::placeholder{color:var(--ink-3)}.chat-form button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);height:38px;color:var(--bg);padding:0 14px;font-size:13.5px;font-weight:600}.chat-form button:disabled{opacity:.5;cursor:default}@media (width<=720px){body.chat-open .chat-backdrop{display:block}.chat-drawer{border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;width:100vw;max-height:85vh;bottom:0;right:0}body.chat-open .chat-trigger{display:none}}