:root{color-scheme:dark;--bg: #0f111a;--bg-elevated: #151a23;--card-bg: var(--bg-elevated);--text: #e6eaf2;--muted: #a6adbb;--border: #252c3a;--accent: #61afef;--accent-strong: #4aa7ff;--shadow: 0 12px 36px rgba(0, 0, 0, .45);--code-bg: #0b0e14;--code-border: #222a39;--code-inline-bg: rgba(97, 175, 239, .14);--nav-bg: rgba(15, 17, 26, .72);--progress-track: rgba(97, 175, 239, .18);--code-inset: rgba(255, 255, 255, .04);--font-body: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-heading: "IBM Plex Serif", "Georgia", "Times New Roman", serif;--radius: 14px;--container: 1080px;--transition: .18s ease}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--bg-elevated: #ffffff;--card-bg: #ffffff;--text: #0f111a;--muted: #4b5568;--border: #dde3ee;--accent: #2563eb;--accent-strong: #1d4ed8;--shadow: 0 14px 32px rgba(15, 17, 26, .1);--code-bg: #eef2ff;--code-border: #d6ddff;--code-inline-bg: rgba(37, 99, 235, .1);--nav-bg: rgba(245, 247, 251, .85);--progress-track: rgba(37, 99, 235, .18);--code-inset: rgba(15, 17, 26, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;letter-spacing:-.01em}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--accent-strong)}img{max-width:100%}main{min-height:60vh}.badge{transition:border-color var(--transition),color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition)}.badge:hover{box-shadow:0 6px 18px #0000002e;transform:translateY(-1px)}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:30px 0}.section-title{font-family:var(--font-heading);font-weight:500;letter-spacing:-.02em;font-size:24px;margin:0 0 24px}h1,h2,h3{font-family:var(--font-heading);font-weight:500;letter-spacing:-.03em;margin:0 0 16px}h1{font-size:clamp(34px,5vw,48px)}p{margin:0 0 16px;color:var(--muted)}.section a{color:var(--accent)}.section a:hover{color:var(--accent-strong)}button{font-family:inherit;border:1px solid var(--border);background:transparent;color:var(--text);padding:8px 14px;border-radius:999px;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}button[data-active=true]{background:var(--bg-elevated);color:var(--accent-strong);border-color:var(--accent)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:none;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.card a{color:inherit;text-decoration:none;display:block}.card-link{padding:0}.card-link__content{display:flex;flex-direction:column;gap:12px;padding:24px;height:100%}.card-link__content h3,.card-link__content p{margin:0}.card+.card{border-top:1px solid var(--border)}.grid .card{border-left:0;border-right:0}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.badge{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--accent);border-radius:999px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);background:var(--bg-elevated)}.badge--icon{gap:0;padding:8px 12px;font-size:18px}.badge--icon i{display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid var(--accent);color:var(--accent-strong);background:var(--bg-elevated);font-size:12px;letter-spacing:.04em;text-transform:uppercase;transition:border-color var(--transition),color var(--transition),background var(--transition)}.button:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.intro-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.intro-actions__right{display:inline-flex;align-items:center;gap:12px}.scroll-progress{position:sticky;top:var(--nav-height, 0px);left:0;width:100%;height:3px;background:var(--progress-track);z-index:9;pointer-events:none}.scroll-progress__bar{width:100%;height:100%;background:var(--accent-strong);transform-origin:left;transform:scaleX(0);transition:transform .12s linear}.back-to-top{position:fixed;right:28px;bottom:28px;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--transition),transform var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.back-to-top[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--accent);color:var(--accent-strong)}nav{position:sticky;top:0;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav-links a{font-size:14px;color:var(--muted)}.nav-links a.active{color:var(--text);position:relative;font-weight:600}.nav-links a.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--accent);border-radius:999px}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:32px;padding:0;border-radius:999px;background:transparent;border:1px solid var(--border);color:var(--muted);transition:border-color var(--transition),color var(--transition),background var(--transition),transform var(--transition)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--bg-elevated);transform:translateY(-1px)}.theme-toggle__icon{position:absolute;display:inline-flex;width:18px;height:18px;transition:opacity .26s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.2,.9,.2,1)}.theme-toggle__icon i{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}:root[data-theme=dark] .theme-toggle__icon--moon{opacity:1;transform:translateY(0) rotate(0) scale(1)}:root[data-theme=dark] .theme-toggle__icon--sun{opacity:0;transform:translateY(-8px) rotate(-60deg) scale(.6)}:root[data-theme=light] .theme-toggle__icon--sun{opacity:1;transform:translateY(0) rotate(0) scale(1)}:root[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:translateY(8px) rotate(60deg) scale(.6)}footer{padding:48px 0 72px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.post-content{max-width:72ch;margin:0 auto;color:var(--text)}.post-content p,.post-content li{line-height:1.85;color:var(--muted)}.post-content h2,.post-content h3,.post-content h4{margin-top:32px}.post-content a{color:var(--accent)}.post-content a:hover{color:var(--accent-strong)}.post-content ul,.post-content ol{padding-left:22px;margin:16px 0}.post-content blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--bg-elevated);border-radius:var(--radius)}.post-content blockquote p{margin:0;color:var(--text)}.post-content code{font-family:var(--font-body);font-size:.9em;padding:2px 6px;border-radius:6px;background:var(--code-inline-bg);color:inherit}.post-content pre{position:relative;overflow-x:auto;padding:20px 22px;border-radius:calc(var(--radius) + 2px);border:1px solid var(--code-border);background:var(--code-bg);margin:20px 0;box-shadow:inset 0 0 0 1px var(--code-inset)}.post-content pre code{background:transparent;padding:0;font-size:.92em}.code-copy{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--code-border) 85%,transparent);background:color-mix(in srgb,var(--code-bg) 88%,transparent);color:var(--muted);font-size:12px;cursor:pointer;opacity:1;pointer-events:auto;transition:border-color var(--transition),color var(--transition),background var(--transition)}.code-copy:hover{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb,var(--code-bg) 70%,transparent)}.code-copy i{font-size:16px}.post-content .tag-row .button{align-items:center;gap:8px}.post-content .tag-row .button i,.post-actions .tag-row .button i{font-size:20px}.breadcrumb{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}@media(min-width:860px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.grid-2{grid-template-columns:1fr}.section{padding:56px 0}.nav-inner{flex-direction:column;align-items:flex-start;padding-left:12px;padding-right:12px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}