:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-bg:#6366f11a;--primary-border:#6366f14d;--text:#4b5563;--text-h:#1f2937;--text-light:#6b7280;--text-xs:#9ca3af;--bg:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border:#e5e7eb;--border-light:#f3f4f6;--border-dark:#d1d5db;--code-bg:#f1f5f9;--code-text:#0f172a;--social-bg:#fffc;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--heading:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "SF Mono", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;font:16px/1.6 var(--sans);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:15px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f9fafb;--text-light:#6b7280;--text-xs:#4b5563;--bg:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border:#334155;--border-light:#1e293b;--border-dark:#475569;--code-bg:#1e293b;--code-text:#e2e8f0;--social-bg:#1e293bcc;--shadow:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-hover:0 20px 25px -5px #0006, 0 10px 10px -5px #0000004d}#social .button-icon{filter:invert()brightness(1.5)}}body{background:var(--bg);margin:0;overflow-x:hidden}#root{text-align:center;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg);box-sizing:border-box;width:100%;max-width:100%;min-height:calc(100svh - 4rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:box-shadow var(--transition);flex-direction:column;display:flex;overflow:visible}@media (width<=1024px){#root{border-radius:var(--radius-lg);max-width:100%;min-height:calc(100svh - 2rem)}}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:600}h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-h) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:3.5rem;line-height:1.2}h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.5rem;font-weight:500;line-height:1.3}h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:500}p{color:var(--text-light);margin:0;line-height:1.6}code,.counter{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--code-text);font-size:.8125rem;font-weight:500;display:inline-flex}code{background:var(--code-bg);border:1px solid var(--border-light);padding:.125rem .375rem}p code,li code{background:var(--code-bg);border-radius:var(--radius-sm);padding:.2em .4em;font-size:.875em}.container{width:100%;max-width:1152px;margin:0 auto;padding:0 1rem}html{scroll-behavior:smooth}::selection{background:var(--primary-bg);color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}