:root{--color-pink-50:#fdf4f8;--color-pink-100:#fce8f3;--color-pink-200:#fad1e8;--color-pink-300:#f7a8d4;--color-pink-400:#f370b8;--color-pink-500:#ea4a9d;--color-pink-600:#d6287d;--color-pink-700:#b91d64;--color-pink-800:#991c53;--color-pink-900:#7f1d47;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-background:var(--color-grey-50);--color-background-secondary:var(--color-grey-100);--color-background-hover:var(--color-purple-50);--color-surface:var(--color-pink-200);--color-surface-secondary:var(--color-pink-100);--color-text:var(--color-grey-900);--color-text-primary:var(--color-grey-900);--color-text-secondary:var(--color-grey-700);--color-text-muted:var(--color-grey-500);--color-border:var(--color-grey-200);--color-border-muted:var(--color-grey-100);--color-border-hover:var(--color-grey-300);--color-accent:var(--color-pink-500);--color-accent-text:var(--color-grey-600);--color-accent-hover:var(--color-pink-600);--color-primary:var(--color-purple-600);--color-primary-hover:var(--color-purple-700);--color-primary-light:var(--color-purple-100);--color-success:#10b981;--color-warning:#f59e0b;--color-error:var(--color-red-500);--color-hover:var(--color-purple-50);--color-active:var(--color-purple-100);--color-focus:var(--color-purple-400);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{margin:0;padding:0}#app{grid-template-rows:60px 1fr 30px;height:100vh;font-size:1rem;display:grid}#app>header{background-color:var(--color-surface);justify-content:center;align-items:center;padding:0 2rem;display:flex}#app>header h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}#app>main{background-color:var(--color-background);min-width:800px;max-width:100vw}#app>footer{background-color:var(--color-surface);justify-content:space-between;align-items:center;padding:0 1rem;display:flex}#app>footer p{margin:0;padding:0}#loader-container{place-items:center;height:100%;display:grid}#loader-container>.loader{flex-direction:column;align-items:center;display:flex}#loader-container>.loader h2{color:var(--color-text-secondary);font-size:1.2rem;font-weight:600}#loader-container>.loader svg{width:1.5rem;height:1.5rem;fill:var(--color-text-secondary)}