.intro:where(.astro-hwfel5t7){gap:16px;padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(20px,3vw,32px);display:grid}.intro:where(.astro-hwfel5t7) h1:where(.astro-hwfel5t7){font-size:var(--step-4);letter-spacing:-.025em;max-width:16ch;line-height:1.04}.pill:where(.astro-hwfel5t7){font:600 11px/1.4 var(--mono);letter-spacing:.04em;color:#04121f;vertical-align:1px;background:linear-gradient(120deg,#5eead4,#7dd3fc);border-radius:999px;margin-right:6px;padding:2px 8px;display:inline-block}.lede:where(.astro-hwfel5t7){max-width:62ch}.intro:where(.astro-hwfel5t7) code:where(.astro-hwfel5t7),.honest:where(.astro-hwfel5t7) code:where(.astro-hwfel5t7),.d-note:where(.astro-hwfel5t7) code:where(.astro-hwfel5t7){font:500 .86em/1.4 var(--mono);background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}.honest:where(.astro-hwfel5t7){border-radius:var(--radius-sm);background:var(--accent-soft);max-width:70ch;color:var(--ink-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;display:flex}.honest:where(.astro-hwfel5t7) svg{color:var(--accent);flex:none;margin-top:4px}.lib:where(.astro-hwfel5t7){gap:16px;padding-bottom:clamp(40px,6vw,72px);display:grid}.bar:where(.astro-hwfel5t7){z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex;position:static;top:64px}@media (width>=760px){.bar:where(.astro-hwfel5t7){position:sticky}}.search:where(.astro-hwfel5t7){border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-width:0;height:42px;color:var(--muted);flex:260px;align-items:center;gap:8px;padding:0 12px;display:flex}.search:where(.astro-hwfel5t7):focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search:where(.astro-hwfel5t7) input:where(.astro-hwfel5t7){min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.seg:where(.astro-hwfel5t7){border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);padding:3px;display:inline-flex}.seg:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7),.toggle:where(.astro-hwfel5t7),.genres:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7){cursor:pointer;font:500 14px/1 var(--font);color:var(--ink-2);background:0 0;border:0;align-items:center;gap:6px;transition:background .15s,color .15s;display:inline-flex}.seg:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7){border-radius:6px;height:34px;padding:0 12px}.seg:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7)[aria-pressed=true]{background:var(--ink);color:var(--bg)}.toggle:where(.astro-hwfel5t7){border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);height:42px;padding:0 14px}.toggle:where(.astro-hwfel5t7)[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.genres:where(.astro-hwfel5t7){scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#000 92%,#0000)}.genres:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7){border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;border-radius:999px;flex:none;height:36px;padding:0 14px}.genres:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7):hover,.seg:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7):hover,.toggle:where(.astro-hwfel5t7):hover{color:var(--ink)}.genres:where(.astro-hwfel5t7) button:where(.astro-hwfel5t7)[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.status:where(.astro-hwfel5t7){color:var(--muted);font-size:14px}.grid:where(.astro-hwfel5t7){grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:26px 20px;margin:0;padding:0;list-style:none;display:grid}.grid:where(.astro-hwfel5t7) li:where(.astro-hwfel5t7){min-width:0;transition:opacity .28s,transform .28s}.grid:where(.astro-hwfel5t7) li:where(.astro-hwfel5t7).enter{opacity:0;transform:translateY(8px)scale(.98)}.empty:where(.astro-hwfel5t7){text-align:center;color:var(--muted);padding:40px 0}.link:where(.astro-hwfel5t7){color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.cta:where(.astro-hwfel5t7){padding-bottom:clamp(56px,9vw,112px)}.cta-card:where(.astro-hwfel5t7){border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(120% 140% at 100% 0%, var(--accent-soft), transparent 60%), var(--surface);align-items:center;gap:18px;padding:clamp(22px,4vw,36px);display:grid}@media (width>=820px){.cta-card:where(.astro-hwfel5t7){grid-template-columns:1fr auto}}.cta-card:where(.astro-hwfel5t7) h2:where(.astro-hwfel5t7){font-size:var(--step-3);margin-bottom:6px}.cta-card:where(.astro-hwfel5t7) p:where(.astro-hwfel5t7){color:var(--ink-2);max-width:60ch}.detail:where(.astro-hwfel5t7){border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(960px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-lg);padding:0;overflow:auto}.detail:where(.astro-hwfel5t7)[open]{animation:.22s rise;display:grid}.detail:where(.astro-hwfel5t7)::backdrop{backdrop-filter:blur(4px);background:#020b1499}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (width>=860px){.detail:where(.astro-hwfel5t7)[open]{grid-template-columns:1.45fr 1fr}}.d-media:where(.astro-hwfel5t7){aspect-ratio:16/9;background:var(--surface-2);align-self:start;position:relative}.d-media:where(.astro-hwfel5t7) img:where(.astro-hwfel5t7),.d-media:where(.astro-hwfel5t7) video:where(.astro-hwfel5t7){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.d-media:where(.astro-hwfel5t7) video:where(.astro-hwfel5t7){opacity:0;transition:opacity .3s}.detail:where(.astro-hwfel5t7)[data-playing="1"] .d-media:where(.astro-hwfel5t7) video:where(.astro-hwfel5t7){opacity:1}.d-media:where(.astro-hwfel5t7) .pro-badge:where(.astro-hwfel5t7){font:600 11.5px/1.3 var(--mono);color:#04121f;background:linear-gradient(120deg,#5eead4,#7dd3fc);border-radius:999px;padding:3px 9px;position:absolute;top:10px;left:10px}.d-body:where(.astro-hwfel5t7){align-content:start;gap:12px;min-width:0;padding:22px 22px 24px;display:grid}.d-kicker:where(.astro-hwfel5t7){font:500 12.5px/1.4 var(--mono);letter-spacing:.04em;color:var(--muted);padding-right:36px}.d-body:where(.astro-hwfel5t7) h2:where(.astro-hwfel5t7){font-size:var(--step-2)}.d-body:where(.astro-hwfel5t7)>p:where(.astro-hwfel5t7){color:var(--ink-2)}.d-tags:where(.astro-hwfel5t7){flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.d-tags:where(.astro-hwfel5t7) li{color:var(--ink-2);background:var(--surface-2);border-radius:999px;padding:3px 9px;font-size:13px}.d-code:where(.astro-hwfel5t7){border-radius:var(--radius-sm);background:#061826;border:1px solid #7dd3fc2e;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.d-code:where(.astro-hwfel5t7) code:where(.astro-hwfel5t7){color:#d9e8f2;min-width:0;font:500 14px/1.4 var(--mono);overflow-wrap:anywhere;flex:1}.copy:where(.astro-hwfel5t7){color:#d9e8f2;height:32px;font:500 13px/1 var(--font);cursor:pointer;background:#7dd3fc14;border:1px solid #7dd3fc40;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.copy:where(.astro-hwfel5t7):hover{background:#7dd3fc29}.d-note:where(.astro-hwfel5t7){font-size:14px;color:var(--muted)!important}.d-actions:where(.astro-hwfel5t7){flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.close:where(.astro-hwfel5t7){border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 86%, transparent);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}@media (width<=859px){.close:where(.astro-hwfel5t7){color:#eef7fc;background:#04121f9e;border-color:#0000}}