:root{--bg: #0b0f1a;--bg-soft: #111827;--card: #151d2e;--border: #263148;--text: #e7ecf5;--muted: #9aa7bd;--accent: #6366f1;---flash: 0 6px 20px rgba(0,0,0,.45);--accent-2: #22d3ee;--radius: 12px}html[data-theme=light]{--bg: #f7f8fb;--bg-soft: #ffffff;--card: #ffffff;--border: #e3e8f0;--flash: 0 6px 20px rgba(30,41,59,.1);--text: #1f2937;--muted: #5b6779;--accent: #4f46e5;--accent-2: #0891b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border-radius:var(--radius)}.container{max-width:1080px;margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;gap:24px;height:60px}.site-logo{font-weight:800;font-size:1.25rem;color:var(--text)}.site-logo span{color:var(--accent-2)}.site-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}.site-nav a{color:var(--muted);font-size:.95rem}.site-nav a:hover{color:var(--text);text-decoration:none}.hero{padding:64px 0 48px;text-align:center}.hero h1{font-size:2.4rem;margin:0 0 12px;line-height:1.25}.hero p{color:var(--muted);font-size:1.1rem;max-width:640px;margin:0 auto 24px}.search-box{display:flex;max-width:560px;margin:0 auto;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--bg-soft)}.search-box input{flex:1;border:0;background:transparent;color:var(--text);padding:14px 20px;font-size:1rem;outline:none}.search-box button{border:0;background:var(--accent);color:#fff;padding:0 24px;font-size:1rem;cursor:pointer}.grid{display:grid;gap:20px}.grid.cols-3{display:flex;flex-wrap:wrap}.grid.cols-3>*{flex:1 1 calc((100% - 40px) / 3);min-width:0}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.grid.cols-3,.grid.cols-2{display:flex;flex-direction:column}.grid.cols-3>*,.grid.cols-2>*{flex:1 1 100%}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card.is-featured{position:relative;border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.featured-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;line-height:1.2;letter-spacing:.01em}.card.is-featured>.featured-badge{position:absolute;top:12px;left:12px;z-index:1;box-shadow:0 2px 8px color-mix(in srgb,var(--bg) 45%,transparent)}.card.is-featured:hover{border-color:var(--accent-2)}.card img.thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.card .body{padding:16px 18px}.card h3{margin:0 0 8px;font-size:1.05rem}.card h3 a{color:var(--text)}.card p{margin:0;color:var(--muted);font-size:.9rem}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.badge{font-size:.75rem;color:var(--muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.section{padding:40px 0}.section h2{font-size:1.5rem;margin:0 0 20px}.more-link{font-size:.95rem}article.prose{max-width:760px;margin:0 auto;padding:40px 0 80px}article.prose h1{font-size:2rem;line-height:1.3}article.prose .meta{color:var(--muted);font-size:.9rem;margin:8px 0 24px}article.prose .source-note{margin-top:32px;padding:12px 16px;background:var(--surface, #f6f7f9);border-left:3px solid var(--border, #d4d7dd);border-radius:6px;color:var(--muted);font-size:.85rem;line-height:1.5}article.prose .hero-img{margin:0 0 24px}article.prose h2{margin-top:2em;font-size:1.4rem}article.prose h3{margin-top:1.6em;font-size:1.15rem}article.prose pre,article.prose code,.listing-body pre,.listing-body code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"calt" 1;font-variant-ligatures:contextual}article.prose code,.listing-body code{padding:2px 6px;font-size:.86em;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:6px}article.prose pre,.listing-body pre{padding:16px 18px;overflow-x:auto;border-radius:10px;background:color-mix(in srgb,var(--bg-soft) 92%,black);border:1px solid var(--border);font-size:.88rem;line-height:1.65}article.prose pre code,.listing-body pre code{padding:0;background:none;border:0;font-size:1em}article.prose blockquote{border-left:3px solid var(--accent);margin:1.5em 0;padding:.5em 1.2em;color:var(--muted);background:var(--bg-soft);border-radius:0 8px 8px 0}article.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:1.2em 0}article.prose th,article.prose td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}article.prose thead th{background:var(--surface, #f6f7f9);font-weight:600}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:32px 0;color:var(--muted);font-size:.9rem}.site-footer .inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:.85rem;margin:24px 0 0}.breadcrumb a{color:var(--muted)}.search-results{max-width:760px;margin:0 auto;padding-bottom:80px}.search-result{border-bottom:1px solid var(--border);padding:16px 0}.search-result h3{margin:0 0 4px}.pagefind-wrap{max-width:760px;margin:0 auto;padding:40px 0 80px}.pagefind-wrap .pagefind-ui__search-input{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.pagefind-wrap .pagefind-ui__message{color:var(--muted)}.pagefind-wrap mark{background:#6366f159;color:var(--text)}.lang-switch{margin-left:16px;padding:4px 12px;border:1px solid var(--border, #d0d7de);border-radius:999px;font-size:.85rem;font-weight:600;color:inherit;white-space:nowrap;transition:background .15s}.lang-switch:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:36px 0 8px}.page-link{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--bg-soft);text-decoration:none;font-size:.95rem;transition:border-color .15s,color .15s,background .15s}.page-link:hover{border-color:var(--accent);color:var(--accent-2);background:var(--card)}.page-link.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.chip{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--text);font-size:.88rem;text-decoration:none;line-height:1.2;transition:border-color .15s,color .15s,background .15s}.chip:hover{border-color:var(--accent);color:var(--accent-2);background:var(--card);text-decoration:none;transform:translateY(-1px)}.theme-toggle{margin-left:12px;padding:4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);cursor:pointer;font-size:1rem;line-height:1.4;color:var(--text);transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--accent);background:var(--card)}.theme-toggle .icon-sun{display:none}html[data-theme=light] .theme-toggle .icon-sun{display:inline}html[data-theme=light] .theme-toggle .icon-moon{display:none}.site-header .inner{gap:12px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.site-nav{margin-left:20px}.nav-toggle{display:none;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);cursor:pointer;flex-direction:column;gap:4px;align-items:center;justify-content:center}.nav-toggle .bar{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.nav-toggle.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:800px){.container{padding:0 16px}.site-header .inner{height:56px;padding:0 16px;flex-wrap:nowrap;position:relative}.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);margin:0;padding:6px 0 10px;border-bottom:1px solid var(--border);box-shadow:0 12px 24px #00000040}.site-nav.open{display:flex}.site-nav a{padding:13px 16px;font-size:1rem;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.site-nav a:last-child{border-bottom:0}.lang-switch{padding:4px 10px;font-size:.85rem}.theme-toggle{padding:4px 8px}}