:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#111827;--muted:#6b7280;--muted-light:#9ca3af;--border:#e5e7eb;--control-border:#d1d5db;--accent:#2563eb;--accent-soft:#2563eb14;--accent-2:#7c3aed;--card:#f3f4f6;--card-hover:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius:12px;--radius-sm:8px;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#030712;--fg:#f9fafb;--muted:#9ca3af;--muted-light:#6b7280;--border:#1f2937;--control-border:#374151;--accent:#3b82f6;--accent-soft:#3b82f626;--accent-2:#a78bfa;--card:#111827;--card-hover:#1f2937;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--shadow-md:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#030712;--fg:#f9fafb;--muted:#9ca3af;--muted-light:#6b7280;--border:#1f2937;--control-border:#374151;--accent:#3b82f6;--accent-soft:#3b82f626;--accent-2:#a78bfa;--card:#111827;--card-hover:#1f2937;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--shadow-md:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080}}*{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent);text-decoration:none}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.btn{appearance:none;background:var(--card-hover);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--border)}.btn:active{transform:translateY(1px)}.btnPrimary{background:var(--accent);color:#fff}.btnPrimary:hover{background:color-mix(in srgb,var(--accent)90%,black)}.input,.textarea{border:1px solid var(--control-border);background:var(--card);width:100%;color:var(--fg);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--card);border-radius:var(--radius);border:none;transition:all .3s}.cardInteractive{cursor:pointer}.cardInteractive:hover{background:var(--card-hover);transform:translateY(-2px)}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid #0000;border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.badgeOutline{background:var(--card-hover);color:var(--muted);border:none}.accessPill{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.accessFree{color:#4b5563;background:#f3f4f6}[data-theme=dark] .accessFree{color:#d1d5db;background:#374151}.accessPaid{color:#92400e;background:#fef3c7}[data-theme=dark] .accessPaid{color:#fde68a;background:#78350f}.prose{color:var(--fg);max-width:65ch;margin:0 auto;font-size:17px;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--fg);margin-top:2em;margin-bottom:.8em;font-weight:700;line-height:1.2}.prose h1{font-size:2.25em}.prose h2{padding-bottom:.3em;font-size:1.5em}.prose h3{font-size:1.25em}.prose p{margin:1.25em 0}.prose blockquote{color:var(--muted);background:var(--accent-soft);border-radius:var(--radius-sm);border:none;margin:1.5em 0;padding:1em 1.5em;font-style:italic}.prose pre{color:#f9fafb;border-radius:var(--radius-sm);background:#1f2937;border:none;padding:1em;font-size:.9em;overflow-x:auto}.prose code:not(pre code){background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:.2em .4em;font-size:.9em}.prose img{border-radius:var(--radius);box-shadow:var(--shadow);margin:2em auto}.prose hr{border:0;border-top:1px solid var(--border);margin:3em 0}.proseCompact{color:var(--muted);font-size:14px;line-height:1.6}