:root{--blue-50: #eef3ff;--blue-100: #dce6fe;--blue-300: #7fa1fb;--blue-500: #0246f0;--blue-600: #0238c2;--blue-700: #022c99;--blue-900: #111a36;--pink-100: #fde3ef;--pink-300: #faa6cb;--pink-500: #f655a6;--pink-700: #c93380;--grey-50: #f9fafb;--grey-100: #f3f4f6;--grey-200: #e5e7eb;--grey-300: #d1d5db;--grey-400: #9ca3af;--grey-500: #6b7280;--grey-600: #4b5563;--grey-700: #374151;--grey-900: #1f2937;--surface: #ffffff;--surface-card: #f7f8f9;--surface-dark: #1f2937;--hairline: #e5e7eb;--divider: #d1d5db;--success: #10b981;--success-tint: #e4f8f0;--warning: #f59e0b;--warning-tint: #fef3e2;--error: #dc2626;--error-tint: #fbeaea;--info: #2563eb;--info-tint: #e8effd;--sent-pos: #10b981;--sent-neu: #d1d5db;--sent-neg: #dc2626;--src-news: #2563eb;--src-social: #7c3aed;--text: #1f2937;--text-muted: #6b7280;--text-faint: #9ca3af;--r-card: 14px;--r-compact: 12px;--r-control: 8px;--r-full: 9999px;--shadow-card: 0 8px 24px -16px rgba(31, 41, 55, .18);--shadow-lift: 0 14px 28px -18px rgba(31, 41, 55, .3);--shadow-modal: 0 24px 48px -12px rgba(31, 41, 55, .28);--ease: cubic-bezier(.16, 1, .3, 1);--white: #ffffff;--hairline-strong: #d1d5db;--success-text: #047857;--warning-text: #b45309;--error-text: #b91c1c;--info-text: #1d4ed8;--text-primary: #1f2937;--text-subtle: #9ca3af;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 14px;--radius-full: 9999px;--radius-btn: 8px;--radius-input: 8px;--shadow-card-hover: 0 14px 28px -18px rgba(31, 41, 55, .3);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Roboto,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--surface);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:var(--r-full)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink-500)}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.reveal{animation:reveal .5s var(--ease) both}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}