:root{--color-bg: #ffffff;--color-text: #0b1220;--color-muted: #5d6b85;--color-brand: #2b6fff;--color-border: #e6eaf2;--radius: 12px;--shadow: 0 2px 10px rgba(0,0,0,.06);--nav-h: 64px;--footer-h: 60px;--vh-available: calc(100dvh - var(--nav-h) - var(--footer-h));--hero-h: 33dvh;--hero-offset: max(0px, calc((var(--vh-available) - var(--hero-h)) / 2))}@media(prefers-color-scheme:dark){:root{--color-bg: #0b1220;--color-text: #e6edf7;--color-muted: #9aa7bd;--color-brand: #6fa3ff;--color-border: #1a2336}}html[data-theme=light]{--color-bg: #ffffff;--color-text: #0b1220;--color-muted: #5d6b85;--color-brand: #2b6fff;--color-border: #e6eaf2}html[data-theme=dark]{--color-bg: #0b1220;--color-text: #e6edf7;--color-muted: #9aa7bd;--color-brand: #6fa3ff;--color-border: #1a2336}*{box-sizing:border-box}html,body{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1 0 auto}main.container{padding-top:var(--nav-h);padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));background:radial-gradient(60% 60% at 50% -20%,color-mix(in oklab,var(--color-brand) 10%,transparent) 0%,transparent 70%);border-radius:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}p{margin:.5em 0}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.container{width:min(1100px,92%);margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:color-mix(in oklab,var(--color-bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;min-height:var(--nav-h)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .logo{width:28px;height:28px;display:block;border-radius:6px;object-fit:cover;background:transparent;border:0;box-shadow:none}.nav-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.nav-links a{padding:8px 10px;border-radius:10px;color:var(--color-muted)}.nav-links a.active,.nav-links a:hover{color:var(--color-text);background:color-mix(in oklab,var(--color-brand) 10%,transparent)}.nav-toggle{display:none;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid var(--color-border);background:transparent;border-radius:10px;color:var(--color-text)}.nav-toggle:hover{background:color-mix(in oklab,var(--color-brand) 10%,transparent)}.hero{min-height:33dvh;padding:24px 0;display:grid;gap:6px;text-align:center;place-items:center;margin-top:var(--hero-offset)}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0}.hero p{color:var(--color-muted);margin:0 auto;max-width:820px;font-size:clamp(16px,2vw,18px)}.hero .hero-desc span{display:block}.actions{display:flex;gap:10px;justify-content:center;margin-top:6px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--color-border);transition:transform .06s ease,background-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--color-brand) 10%,transparent);box-shadow:var(--shadow)}.btn.primary{background:var(--color-brand);color:#fff;border-color:transparent}.btn.primary:hover{filter:brightness(1.05);box-shadow:0 8px 30px color-mix(in oklab,var(--color-brand) 45%,transparent)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media(max-width:600px){.grid{grid-template-columns:minmax(0,1fr)}}.card{display:block;border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;background:color-mix(in oklab,var(--color-bg) 96%,#fff0);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--color-brand) 30%,var(--color-border));box-shadow:0 6px 18px #00000014}.card h3{margin:0 0 6px;font-size:18px;letter-spacing:.2px}.card p{margin:0;color:var(--color-muted)}.card p.lead{color:var(--color-text)}.card .meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--color-muted);font-size:12px;margin:4px 0 6px}.card :where(pre,.astro-code){margin:12px 0;border-radius:12px;border:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);background:color-mix(in oklab,var(--color-bg) 90%,#020617 10%);overflow-x:auto}.card :where(.astro-code){padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.6;box-shadow:inset 0 1px #ffffff14}.card :where(pre code){display:block;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.6;background:transparent;color:inherit}.card :where(.astro-code code){padding:0}.card :where(code):not([class]){padding:2px 6px;border-radius:6px;background:color-mix(in oklab,var(--color-brand) 14%,transparent);border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88em}.card :where(table){width:100%;border-collapse:collapse;margin:16px 0;border-radius:10px;overflow:hidden;font-size:.95em}.card :where(thead th){background:color-mix(in oklab,var(--color-brand) 18%,transparent);color:color-mix(in oklab,var(--color-text) 92%,white 8%)}.card :where(th,td){padding:10px 14px;border:1px solid color-mix(in oklab,var(--color-border) 80%,transparent);text-align:left;vertical-align:top}.card :where(tbody tr:hover){background:color-mix(in oklab,var(--color-brand) 8%,transparent)}footer{position:fixed;left:0;right:0;bottom:0;z-index:40;border-top:1px solid var(--color-border);background:color-mix(in oklab,var(--color-bg) 92%,transparent);backdrop-filter:blur(10px)}.footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--footer-h);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));color:var(--color-muted);flex-wrap:wrap;gap:10px}.footer-right{display:flex;align-items:center;gap:10px}.footer-links{display:flex;align-items:center;gap:10px;color:var(--color-muted)}.footer-toggle{display:none;align-items:center;justify-content:center;padding:8px;border:1px solid var(--color-border);border-radius:10px;background:transparent;color:var(--color-text)}.footer-toggle:hover{background:color-mix(in oklab,var(--color-brand) 10%,transparent)}.footer-sheet{position:fixed;left:0;right:0;bottom:var(--footer-h);z-index:41;display:none;gap:8px;padding:12px 16px;background:color-mix(in oklab,var(--color-bg) 96%,transparent);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow)}.footer-sheet a{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-brand) 6%,transparent)}.section{padding:28px 0;display:grid;gap:8px;line-height:1.5}.section h2{font-size:22px;margin:0}.section--latest{padding-top:var(--hero-offset)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;background:color-mix(in oklab,var(--color-brand) 12%,transparent);border:1px solid var(--color-border);border-radius:8px;padding:2px 6px}.toolbar{display:flex;align-items:center;gap:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--color-border);border-radius:10px;background:transparent;cursor:pointer;color:var(--color-text)}.icon-btn:hover{background:color-mix(in oklab,var(--color-brand) 10%,transparent)}iconify-icon{display:inline-block;vertical-align:middle;line-height:1;font-size:1em}.btn>iconify-icon{font-size:1.1em}.icon-btn>iconify-icon{font-size:1.2em}@media(max-width:780px){.nav-inner{gap:10px}.nav-toggle{display:inline-flex}.nav-links{display:none}body[data-nav-open=true] .nav-links{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:var(--nav-h);z-index:60;background:color-mix(in oklab,var(--color-bg) 96%,transparent);border-bottom:1px solid var(--color-border);padding:10px 4%;gap:6px}body[data-nav-open=true] .nav-links a,body[data-nav-open=true] .nav-links .toolbar .icon-btn{padding:10px 12px}body[data-nav-open=true] .nav-toggle[aria-expanded=true] iconify-icon{content:none}.nav-inner,.footer-inner{flex-wrap:nowrap}.footer-links{display:none}.footer-toggle{display:inline-flex}body[data-footer-open=true] .footer-sheet{display:grid}body:not([data-footer-open=true]) .footer-sheet{display:none}}