:root{--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6d28d9;--coral: #f97316;--coral-light:#fff7ed;--mint: #10b981;--mint-light: #ecfdf5;--yellow: #f59e0b;--yellow-light:#fffbeb;--rose: #f43f5e;--rose-light: #fff1f2;--sky: #0ea5e9;--sky-light: #f0f9ff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--primary: var(--purple-700);--primary-light:var(--purple-100);--success: var(--mint);--warning: var(--yellow);--danger: var(--rose);--text: var(--slate-800);--text-muted: var(--slate-500);--border: var(--slate-200);--bg: var(--slate-50);--surface: #ffffff;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1{font-size:1.75rem;font-weight:900;line-height:1.2}h2{font-size:1.35rem;font-weight:800;line-height:1.3}h3{font-size:1.1rem;font-weight:700;line-height:1.4}p{line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:99px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn .3s ease both}.animate-slide{animation:slideUp .35s ease both}