:root{--color-bg: #0a0a0c;--color-surface: #111113;--color-surface-2: #18181b;--color-border: #27272a;--color-border-subtle: #1f1f22;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-dim: #52525b;--color-accent: #10b981;--color-accent-dim: rgba(16, 185, 129, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--max-width: 740px;--spacing-page: 1.25rem;--radius: 8px;--radius-sm: 4px}[data-theme=light]{--color-bg: #ffffff;--color-surface: #f4f4f5;--color-surface-2: #e4e4e7;--color-border: #d4d4d8;--color-border-subtle: #e4e4e7;--color-text: #09090b;--color-text-muted: #52525b;--color-text-dim: #a1a1aa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.7;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}main{flex:1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:56px;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-page);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0a0a0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;transition:background .2s ease}[data-theme=light] .site-header{background:#ffffffd9}.site-logo{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);flex-shrink:0}.logo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.header-right{display:flex;align-items:center;gap:.375rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);padding:.375rem .625rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}.site-nav a:hover{color:var(--color-text);background:var(--color-surface-2)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.icon-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.site-footer{border-top:1px solid var(--color-border);padding:1.5rem var(--spacing-page);font-size:.75rem;color:var(--color-text-dim)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-nav{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-nav a{color:var(--color-text-dim);font-size:.75rem;transition:color .15s}.footer-nav a:hover{color:var(--color-accent)}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(1.875rem,5vw,2.75rem)}h2{font-size:clamp(1.25rem,3vw,1.625rem);margin-top:2.5rem}h3{font-size:1.125rem;margin-top:2rem}p{margin-top:1.25rem;color:var(--color-text-muted)}code{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-2);border:1px solid var(--color-border);padding:.125em .375em;border-radius:var(--radius-sm);color:var(--color-text)}pre{background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid var(--color-accent);padding:1.25rem;overflow-x:auto;font-size:.875rem;margin-top:1.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}pre code{background:none;border:none;padding:0;color:var(--color-text)}blockquote{border-left:2px solid var(--color-border);padding-left:1.25rem;margin-top:1.5rem;color:var(--color-text-muted)}hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.cookie-banner{display:none;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:600px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;z-index:999;box-shadow:0 8px 32px #00000080;opacity:0;transition:opacity .3s ease}.cookie-banner--visible{display:block;opacity:1}.cookie-banner--hidden{opacity:0;pointer-events:none}.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cookie-text{flex:1;min-width:200px}.cookie-title{font-size:.8125rem;font-weight:600;color:var(--color-text);margin-top:0;margin-bottom:.25rem}.cookie-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.5;margin-top:0}.cookie-desc a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.cookie-actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-btn{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;padding:.4rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:opacity .15s,background .15s}.cookie-btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.cookie-btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.cookie-btn--accent{background:var(--color-accent);border-color:var(--color-accent);color:#000}.cookie-btn--accent:hover{opacity:.85}