@tailwind base;@tailwind components;@tailwind utilities;@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shrink{0%{width:100%}to{width:0%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-particle{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#1a1a1a,#2a2a2a,#1a1a1a);background-size:1000px 100%}.animate-gradient{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 8s ease infinite}.animate-float{animation:float-particle 10s linear infinite}.glass-card{background:#1a1a1ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glass-strong{background:#1a1a1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.glass-card-compact{padding:.75rem!important;border-radius:.6rem;line-height:1.2}.gradient-border{position:relative;background:linear-gradient(to right,gold,#00d4ff,#b88cff);background-clip:padding-box;border:2px solid transparent}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,gold,#00d4ff,#b88cff,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift 3s ease infinite;background-size:300% 300%}html.light{--brand-bg: #ffffff;--brand-card: #f5f5f5;--brand-text: #1a1a1a;--brand-text-secondary: #4a5568}html.light body{background-color:var(--brand-bg);color:var(--brand-text)}html.light .bg-brand-bg{background-color:#fff!important}html.light .bg-brand-card{background-color:#f5f5f5!important;border-color:#e0e0e0!important}html.light .text-gray-200,html.light .text-gray-300,html.light .text-gray-400{color:#4a5568!important}html.light .text-gray-500,html.light .text-gray-600{color:#6b7280!important}html.light .border-gray-700{border-color:#d1d5db!important}html.light .glass-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.1)}html.light .glass-strong{background:#ffffffe6;border:1px solid rgba(0,0,0,.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}html.light ::-webkit-scrollbar-track{background:#f5f5f5}html.light ::-webkit-scrollbar-thumb{background:#d1d5db}html.light ::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:768px){.glass-card,.glass-strong{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
