:root{--text:#64748b;--text-h:#0f172a;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--muted:#f1f5f9;--code-bg:#f1f5f9;--accent:#4f46e5;--accent-hover:#4338ca;--accent-bg:#eef2ff;--accent-border:#c7d2fe;--accent-ring:#4f46e526;--danger:#ef4444;--danger-bg:#fee2e2;--success:#22c55e;--success-bg:#dcfce7;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #0000001a, 0 4px 8px #0000000d;--radius-sm:7px;--radius:10px;--radius-lg:14px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.6 var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#94a3b8;--text-h:#f1f5f9;--bg:#0f172a;--surface:#1e293b;--border:#334155;--muted:#1e293b;--code-bg:#1e293b;--accent:#818cf8;--accent-hover:#6366f1;--accent-bg:#818cf81f;--accent-border:#818cf84d;--accent-ring:#818cf82e;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 4px 12px #0006, 0 2px 4px #00000040;--shadow-lg:0 10px 24px #00000073, 0 4px 8px #0000004d}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:13px}#app{flex-direction:column;width:100%;min-height:100svh;display:flex}