@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#eeeef0;--surface:#fff;--border:#e5e5ea;--border-light:#f0f0f2;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--accent:#4a90d9;--accent-hover:#357abd;--accent-light:#ebf3fc;--accent-gradient:linear-gradient(135deg,#4a90d9 0%,#7b68ee 100%);--cat-travel:#4a90d9;--cat-news:#f5a623;--cat-food:#7ed321;--cat-tech:#9b59b6;--cat-images:#e74c8b;--cat-shopping:#00bcd4;--cat-videos:#ff6b6b;--cat-wiki:#50c878;--cat-default:#8e8e93;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000029;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--header-height:64px;--bottom-nav-height:72px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-primary);min-height:100dvh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease forwards}.animate-fade-in-up{animation:.4s forwards fadeInUp}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--border-light)50%,var(--bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}