@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Comic+Neue:wght@300;400;700&family=Outfit:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#4f46e5;--color-secondary:#818cf8;--color-cta:#f97316;--color-background:#eef2ff;--color-text:#1e1b4b;--surface:#fff;--surface-soft:#f8faff;--border-subtle:#dde3f5;--text-muted:#575370;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--focus-ring:#4f46e547;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:Comic Neue,ui-rounded,system-ui,sans-serif}body{background:radial-gradient(circle at 12% 8%, #f9731621, transparent 26rem), radial-gradient(circle at 88% 14%, #4f46e524, transparent 30rem), linear-gradient(180deg, #f8faff 0%, var(--color-background) 100%);min-height:100vh;margin:0}button,a{cursor:pointer}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}h1,h2,h3,p{margin-top:0}.app-loading,.app-error{min-height:100vh;padding:var(--space-xl);text-align:center;place-items:center;display:grid}.app-error h1{font-family:"Baloo 2",ui-rounded,system-ui,sans-serif;font-size:clamp(2rem,6vw,4rem);line-height:1.05}.app-error button{background:var(--color-cta);color:#fff;border:0;border-radius:999px;padding:.75rem 1.35rem;font-weight:700;transition:opacity .2s,transform .2s}.app-error button:hover{opacity:.9;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}