:root{--bg: #eef1f8;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--accent-angular: #dd0031;--accent-angular-soft: #ffe4ea;--accent-graphql: #e535ab;--accent-graphql-soft: #fce7f3;--success: #15803d;--success-soft: #dcfce7;--danger: #b91c1c;--danger-soft: #fef2f2;--shadow-md: 0 8px 30px rgb(15 23 42 / .07);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(circle at 0% 0%,rgb(221 0 49 / .06),transparent 40%),radial-gradient(circle at 100% 0%,rgb(229 53 171 / .07),transparent 35%);color:var(--text);font-family:var(--font-sans);line-height:1.5;margin:0;min-height:100vh}button,input{font:inherit}code{background:var(--surface-muted);border:1px solid var(--border);border-radius:.35rem;font-family:var(--font-mono);font-size:.875em;padding:.1rem .35rem}