@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply font-sans text-slate-800 antialiased;background-color:#f0f4f8}}@layer utilities{.glass-panel{background:#ffffff40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #1f268726}.glass-card{background:#ffffff40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff6,0 10px 30px -5px #0000001a}.glass-tooltip{@apply bg-slate-900/80 backdrop-blur-md border border-white/10 text-white shadow-xl;}.glass-btn-circle{@apply rounded-full flex items-center justify-center bg-white/20 backdrop-blur-md border border-white/50 hover:bg-white/50 transition-all shadow-sm;}.glass-pill{background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #1f26871a;@apply transition-all duration-300;}.glass-panel-readable{background-color:#fffffffa;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,1);box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000d}.glass-input{@apply w-full border border-white/30 bg-white/50 rounded-xl px-4 py-3 text-sm outline-none focus:ring-2 focus:ring-indigo-500/50 backdrop-blur-sm transition-all focus:bg-white/80 placeholder-slate-400 text-slate-800 font-medium;}.glass-amber{background:linear-gradient(135deg,#ffa50099,#ff450099);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268726}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.12)}}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-float-slow{animation:float 15s infinite ease-in-out}.animate-float-medium{animation:float 10s infinite ease-in-out reverse}.animate-float-fast{animation:float 7s infinite ease-in-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes shine{0%{left:-100%;top:-100%}to{left:100%;top:100%}}@keyframes shine-slide{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(200%) translateY(200%) rotate(45deg);opacity:0}}.animate-shine{animation:shine-slide 3s infinite ease-in-out}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.95)}}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce-slow{0%,to{transform:translateY(-10%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce-slow{animation:bounce-slow 3s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.flame-heat-1{filter:brightness(1) saturate(1) drop-shadow(0 0 5px rgba(255,100,0,.5))}.flame-heat-2{filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 10px rgba(255,100,0,.7))}.flame-heat-3{filter:brightness(1.2) saturate(1.4) drop-shadow(0 0 15px rgba(255,140,0,.8))}.flame-heat-4{filter:brightness(1.3) saturate(1.6) drop-shadow(0 0 20px rgba(255,165,0,.9))}.flame-heat-5{filter:brightness(1.5) saturate(2) drop-shadow(0 0 30px rgba(255,200,50,1))}.badge-glow-earned:hover{box-shadow:0 0 20px #6366f166}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.mb-safe{margin-bottom:env(safe-area-inset-bottom)}.chart-static .recharts-wrapper,.chart-static .recharts-surface,.chart-static .recharts-layer,.chart-static .recharts-surface:focus,.chart-static .recharts-surface:focus-visible{outline:none!important;cursor:default!important}.recharts-wrapper:focus,.recharts-surface:focus,.recharts-layer:focus{outline:none!important}
