:root{--primary-yellow: #f8bd20;--primary-yellow-hover: #dfa81b;--primary-yellow-light: #fffcf2;--primary-yellow-border: #fde8ad;--theme-black: #000000;--theme-black-hover: #1e252b;--dark-gray: #121212;--light-gray: #f3f4f6;--border-color: #e4e4e7;--marker-green: #10b981;--marker-red: #ef4444;--text-dark: #000000;--text-medium: #4b5563;--text-light: #9ca3af;--white: #ffffff;--font-sans: "Inter", "Roboto", -apple-system, sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--card-shadow: 0 4px 20px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:#f1f5f9;color:var(--text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}