@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{color-scheme:light}.dark{color-scheme:dark}html{overscroll-behavior-y:none;height:100%}body{@apply antialiased bg-app text-main;font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;overflow-y:hidden;padding-bottom:env(safe-area-inset-bottom)}::selection{@apply bg-indigo-500/20 text-indigo-700 dark:bg-indigo-500/30 dark:text-indigo-200;}:focus-visible{@apply outline-none ring-2 ring-indigo-500 ring-offset-2 ring-offset-white dark:ring-offset-[#09090b];}:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}}@layer components{.bg-app{@apply bg-slate-50 dark:bg-[#09090b];}.bg-surface-1{@apply bg-white dark:bg-neutral-900;}.bg-surface-2{@apply bg-slate-50 dark:bg-neutral-800;}.border-subtle{@apply border-slate-100 dark:border-neutral-800;}.border-base{@apply border-slate-200 dark:border-neutral-700;}.text-main{@apply text-slate-800 dark:text-white;}.text-muted{@apply text-slate-500 dark:text-neutral-400;}.glass-card{@apply bg-white/70 dark:bg-neutral-900/70 backdrop-blur-xl border border-white/50 dark:border-white/10 shadow-glass dark:shadow-glass-dark;}.glass-panel{@apply bg-surface-1 border-base shadow-sm;}.btn-primary{@apply bg-indigo-600 text-white hover:bg-indigo-700 shadow-lg shadow-indigo-500/20 active:scale-[.98] transition-all duration-200 font-bold rounded-xl;}.btn-touch{@apply active:scale-[.96] active:brightness-95 dark:active:brightness-110 transition-all duration-200 ease-out-expo cursor-pointer select-none;}.input-clean{@apply transition-all duration-200 outline-none border-2 border-transparent focus:border-indigo-500 focus:ring-4 focus:ring-indigo-500/10 placeholder:text-slate-400 dark:placeholder:text-neutral-600;}.card-float{@apply transition-all duration-500 ease-out-expo hover:-translate-y-1 hover:shadow-xl hover:shadow-indigo-500/5 dark:hover:shadow-indigo-900/10;}.shine-effect{@apply relative overflow-hidden;}.shine-effect:after{content:"";@apply absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent;animation:shine 3s infinite}}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animate-enter{animation:cssEnterSmooth .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;will-change:auto}.animate-toast-enter{animation:toastEnter .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-toast-exit{animation:toastExit .3s cubic-bezier(.4,0,.2,1) forwards}.animate-shimmer{animation:shimmerBar 2s infinite linear}.animate-fire-outer{animation:fire-outer 3s ease-in-out infinite alternate;transform-origin:center bottom}.animate-fire-inner{animation:fire-inner 3s ease-in-out infinite alternate;transform-origin:center bottom}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.hide-cursor{cursor:none}.hide-controls .zen-controls{opacity:0;pointer-events:none;transition:opacity .5s ease}.show-controls .zen-controls{opacity:1;pointer-events:auto;transition:opacity .2s ease}}@keyframes cssEnterSmooth{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shine{to{transform:translate(100%)}}@keyframes shimmerBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100px) scale(.9)}}@keyframes fire-outer{0%{transform:scale(1) rotate(-1deg)}25%{transform:scale(1.05) rotate(2deg)}50%{transform:scale(.95) rotate(-2deg)}75%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1) rotate(-1deg)}}@keyframes fire-inner{0%{transform:scale(.6) translateY(2px) rotate(1deg);opacity:.6}50%{transform:scale(.75) translateY(0) rotate(-1deg);opacity:.9}to{transform:scale(.6) translateY(2px) rotate(1deg);opacity:.6}}@keyframes confetti-drop{0%{transform:translateY(-50%) rotateX(0) rotateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotateX(720deg) rotateY(360deg) rotate(180deg);opacity:0}}@keyframes confetti-sway{0%,to{margin-left:0}25%{margin-left:-25px}75%{margin-left:25px}}.confetti-piece{position:absolute;top:-20px;animation:confetti-drop linear forwards,confetti-sway ease-in-out infinite alternate;will-change:transform,opacity}@keyframes number-pop{0%{transform:scale(1)}40%{transform:scale(1.4);filter:brightness(1.2)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes glow-pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 20px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}@keyframes epic-pulse{0%{transform:scale(1);box-shadow:0 0 #f59e0b00}15%{transform:scale(1.25);box-shadow:0 0 30px 10px #f59e0b99;background-color:#fffbeb;border-color:#fbbf24}30%{transform:scale(1.15);box-shadow:0 0 50px 20px #f59e0b66}45%{transform:scale(1.2);box-shadow:0 0 40px 15px #f59e0b80}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}
