:root{--mood-primary: #3498DB;--mood-secondary: #ECF0F1;--mood-accent: #2980B9;--mood-background: #F9FAFB;--mood-card-background: #FFFFFF;--mood-text: #2C3E50;--mood-transition: all .3s ease-in-out}.mood-enabled-app{transition:var(--mood-transition)}.mood-button{background-color:var(--mood-primary);color:#fff;transition:var(--mood-transition)}.mood-button:hover{background-color:var(--mood-accent)}.mood-button-outline{border:1px solid var(--mood-primary);color:var(--mood-primary);background-color:transparent;transition:var(--mood-transition)}.mood-button-outline:hover{background-color:var(--mood-primary);color:#fff}.mood-card{background-color:var(--mood-card-background);border-left:4px solid var(--mood-primary);transition:var(--mood-transition)}.mood-header{color:var(--mood-primary);transition:var(--mood-transition)}.mood-background{background-color:var(--mood-background);transition:var(--mood-transition)}.mood-accent{color:var(--mood-accent);transition:var(--mood-transition)}.mood-progress{background-color:var(--mood-secondary);transition:var(--mood-transition)}.mood-progress-fill{background-color:var(--mood-primary);transition:var(--mood-transition)}.mood-nav-item{transition:var(--mood-transition)}.mood-nav-item.active{background-color:var(--mood-primary);color:#fff}.mood-nav-item:hover:not(.active){background-color:var(--mood-secondary);color:var(--mood-primary)}.mood-text{color:var(--mood-text);transition:var(--mood-transition)}.mood-text-primary{color:var(--mood-primary);transition:var(--mood-transition)}.mood-divider{background-color:var(--mood-secondary);transition:var(--mood-transition)}.mood-scrollbar::-webkit-scrollbar-thumb{background-color:var(--mood-primary);transition:var(--mood-transition)}.mood-scrollbar::-webkit-scrollbar-track{background-color:var(--mood-secondary);transition:var(--mood-transition)}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: hsl(160, 84%, 45%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(260, 84%, 65%);--secondary-foreground: hsl(0, 0%, 100%);--accent: hsl(160, 84%, 45%);--accent-foreground: hsl(0, 0%, 100%);--muted: hsl(160, 10%, 95%);--muted-foreground: hsl(160, 5%, 45%)}@keyframes pulse{0%{box-shadow:0 0 0 9999px #0000004d,0 0 10px #a3e635b3}50%{box-shadow:0 0 0 9999px #0000004d,0 0 30px #a3e635e6}to{box-shadow:0 0 0 9999px #0000004d,0 0 10px #a3e635b3}}@keyframes spotlight-pulse{0%{box-shadow:0 0 0 9999px #0000004d,0 0 15px #a3e635b3;border-color:#a3e635b3}50%{box-shadow:0 0 0 9999px #0000004d,0 0 25px #a3e635;border-color:#a3e635}to{box-shadow:0 0 0 9999px #0000004d,0 0 15px #a3e635b3;border-color:#a3e635b3}}.spotlight-effect{animation:spotlight-pulse 2s infinite}@keyframes feature-pulse{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.feature-highlight-pulse{animation:feature-pulse 1.5s infinite;position:relative;z-index:20;border-radius:.375rem}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--popover: 0 0% 100%;--popover-foreground: 0 0% 0%;--brightness-filter: brightness(500%) contrast(200%) saturate(150%);--brightness-contrast: 500%;--theme-primary: 142 100% 75%;--primary: var(--theme-primary);--primary-foreground: 0 0% 100%;--secondary: 142 30% 30%;--secondary-foreground: 0 0% 98%;--accent: 54 100% 85%;--accent-foreground: 240 5.9% 10%;--muted: 262 30% 90%;--muted-foreground: 240 3.8% 46.1%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 142 12% 85%;--input: 142 12% 85%;--ring: var(--theme-primary);--radius: .75rem;--chart-1: var(--theme-primary);--chart-2: 54 80% 80%;--chart-3: 142 30% 35%;--chart-4: 262 30% 80%;--chart-5: 142 40% 60%;--sidebar-background: 142 15% 97%;--sidebar-foreground: 240 10% 3.9%;--sidebar-primary: var(--theme-primary);--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 142 15% 92%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 142 15% 85%;--sidebar-ring: var(--theme-primary);scroll-behavior:smooth}*{@apply border-border;}body{@apply font-sans antialiased text-foreground leading-relaxed;filter:var(--brightness-filter);background-color:#fffbf0!important}h1,h2,h3,h4,h5,h6{@apply font-medium tracking-tight;}}@layer components{.gradient-sage{@apply bg-gradient-to-br from-[#4dffad] to-[#47d695];}.gradient-army{@apply bg-gradient-to-br from-[#5dbd9e] to-[#419e7f];}.gradient-yellow{@apply bg-gradient-to-br from-[#fffee0] to-[#fff9c4];}.gradient-lavender{@apply bg-gradient-to-br from-[#f5edf5] to-[#e6e6fa];}@keyframes loadingProgress{0%{width:0;transform:translate(-100%)}50%{width:70%}to{width:100%;transform:translate(100%)}}.animate-loadingProgress{animation:loadingProgress 3s ease-in-out infinite}.text-gradient-primary{@apply bg-clip-text text-transparent bg-gradient-to-r from-[#4dffad] to-[#006e47] font-bold;}.wellness-card{@apply rounded-xl shadow-md border border-[#fff8e0] p-6 transition-all duration-200 hover:shadow-lg;background:#fffdf7!important;box-shadow:0 0 20px #fff8dcb3}.btn-sage{@apply bg-[#4dffad] text-black hover:bg-[#78ffb6] transition-colors font-semibold shadow-md;}.btn-army{@apply bg-[#5dbd9e] text-black hover:bg-[#7fcab2] transition-colors font-semibold shadow-md;}.btn-yellow{@apply bg-[#ffffe0] text-black hover:bg-[#fffff2] transition-colors font-semibold shadow-md;}.btn-lavender{@apply bg-[#f5edf5] text-black hover:bg-[#f9f4f9] transition-colors font-semibold shadow-md;}}@media (max-width: 768px){html{filter:brightness(400%) contrast(180%)}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.mobile-app{min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch}button,.touch-target{min-height:44px;min-width:44px}.mobile-nav,.mobile-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-header{padding-top:calc(env(safe-area-inset-top) + 1rem)}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}}
