*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0d6efd;--color-primary-hover:#0b5ed7;--color-primary-light:#e7f1ff;--color-secondary:#6c757d;--color-secondary-light:#f8f9fa;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-text-muted:#495057;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-background:#f5f5f5;--color-surface:#fff;--color-on-primary:#fff;--color-gradient-start:#667eea;--color-gradient-end:#764ba2;--color-narration-bg-start:#f8f0ff;--color-narration-bg-end:#e7f1ff;--color-narration-border:#d4c5f9;--color-narration-text:#6b4fa3;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-error-light:#fee;--color-error-background:#dc26261a;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef9e7;--color-warning-bg:#fff3cd;--color-warning-border:#ffecb5;--color-warning-text:#856404;--color-success:#16a34a;--color-success-hover:#15803d;--color-success-light:#efe;--color-success-background:#16a34a1a;--color-success-glow:#28a745cc;--opacity-overlay-10:#ffffff1a;--opacity-overlay-15:#ffffff26;--opacity-overlay-20:#fff3;--opacity-overlay-25:#ffffff40;--opacity-overlay-30:#ffffff4d;--opacity-overlay-40:#fff6;--opacity-overlay-50:#ffffff80;--opacity-overlay-60:#fff9;--opacity-overlay-dark-85:#000000d9;--opacity-overlay-dark-95:#000000f2;--color-highlight:#ffc800;--color-highlight-40:#ffc80066;--color-highlight-60:#ffc80099;--color-quest-complete:gold;--color-quest-complete-bg:#2a2a1a;--color-text-separator:#adb5bd;--color-surface-dark:#252525;--color-tool-bg:#f8f9fa;--color-tool-border:#dee2e6;--color-tool-header-hover:#e9ecef;--color-tool-details-bg:#f1f3f5;--color-tool-code-bg:#e9ecef;--color-tool-text:#212529;--color-tool-text-muted:#6c757d;--text-color:#212529;--code-bg:#f8f9fa;--border-color:#dee2e6;--text-muted:#6c757d;--link-color:#0d6efd;--spacing-xxs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 4px #0000001a;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #00000026;--text-xs:.75rem;--text-sm:.85rem;--text-base:.875rem;--text-md:.95rem;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}@media (prefers-color-scheme:dark){:root{--color-primary:#4d9eff;--color-primary-hover:#6db0ff;--color-primary-light:#1a2332;--color-secondary:#a0a8b0;--color-secondary-light:#2a2f36;--color-text-primary:#e8eaed;--color-text-secondary:#a0a8b0;--color-text-muted:#8a9199;--color-border:#3a4048;--color-border-light:#2f353d;--color-background:#1a1d23;--color-surface:#25282e;--color-on-primary:#fff;--color-gradient-start:#8599ea;--color-gradient-end:#9665c2;--color-narration-bg-start:#2a2340;--color-narration-bg-end:#1f2d3d;--color-narration-border:#4a3f6f;--color-narration-text:#b399d9;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#3d1a1a;--color-error-background:#ef444426;--color-warning:#fbbf24;--color-warning-hover:#f59e0b;--color-warning-light:#3d2f1a;--color-warning-bg:#3d2f1a;--color-warning-border:#5a4520;--color-warning-text:#fbbf24;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-light:#1a3d2a;--color-success-background:#22c55e26;--color-success-glow:#22c55e99;--opacity-overlay-10:#0000001a;--opacity-overlay-15:#00000026;--opacity-overlay-20:#0003;--opacity-overlay-25:#00000040;--opacity-overlay-30:#0000004d;--opacity-overlay-40:#0006;--opacity-overlay-50:#00000080;--opacity-overlay-60:#0009;--color-highlight:gold;--color-highlight-40:#ffd70066;--color-highlight-60:#ffd70099;--color-quest-complete:gold;--color-quest-complete-bg:#3a3a2a;--color-text-separator:#6c757d;--color-surface-dark:#1a1a1a;--color-tool-bg:#2a2a2a;--color-tool-border:#444;--color-tool-header-hover:#333;--color-tool-details-bg:#252525;--color-tool-code-bg:#1a1a1a;--color-tool-text:#ddd;--color-tool-text-muted:#888;--text-color:#e8eaed;--code-bg:#2a2f36;--border-color:#3a4048;--text-muted:#a0a8b0;--link-color:#4d9eff;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080}body{background-image:url(/hex-pattern-dark.svg)}}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);background-image:url(/hex-pattern.svg);background-size:180px 103.92px;background-attachment:fixed;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:fixed}code,pre{font-family:Courier New,Courier,monospace}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}