:root {
         --day-bg: linear-gradient(to bottom, #FF7E5F, #FEB47B, #8E44AD);
         --night-bg: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
         --current-bg: var(--day-bg);
         --current-img: url('/img/main.PNG');
         transition: background 1.5s ease;
         }
         .night-mode {
         --current-bg: var(--night-bg);
         --current-img: url('/img/main_night.PNG');
         }
         @keyframes breathe {
         0% { transform: scale(1); }
         50% { transform: scale(1.05); }
         100% { transform: scale(1); }
         }
         @keyframes float {
         0% { transform: translateY(0px); }
         50% { transform: translateY(-10px); }
         100% { transform: translateY(0px); }
         }
         @keyframes sunrays {
         0% { opacity: 0.3; transform: scale(1); }
         50% { opacity: 0.5; transform: scale(1.05); }
         100% { opacity: 0.3; transform: scale(1); }
         }
         @keyframes cloudMove {
         0% { transform: translateX(0); }
         100% { transform: translateX(100vw); }
         }
         .breathe-animation {
         animation: breathe 4s ease-in-out infinite;
         }
         .float-animation {
         animation: float 3s ease-in-out infinite;
         }
         .sunray-animation {
         animation: sunrays 4s ease-in-out infinite;
         }
         .cloud-animation {
         animation: cloudMove 60s linear infinite;
         }
         .marquee {
         animation: scroll 20s linear infinite;
         }
         @keyframes scroll {
         0% { transform: translateX(0); }
         100% { transform: translateX(-50%); }
         }
         .glow {
         filter: drop-shadow(0 0 8px rgba(255, 165, 0, 0.7));
         }
         .gradient-text {
         background: linear-gradient(45deg, #ac75c9, #f6f0e8, #fde519);
         -webkit-background-clip: text;
         background-clip: text;
         color: transparent;
         }
         .gradient-bg {
         background: linear-gradient(135deg, #FF7E5F, #FEB47B, #8E44AD);
         }
         .sunset-bg {
         background: var(--current-bg);
         transition: background 1.5s cubic-bezier(0.4,0,0.2,1), filter 1.5s cubic-bezier(0.4,0,0.2,1);
         }
         .sunset-bg.fade-bg {
         filter: brightness(0.7) blur(2px);
         }
         .contract-box {
         background: rgba(255, 255, 255, 0.15);
         backdrop-filter: blur(5px);
         }
         .tokenomics-chart {
         height: 200px;
         display: flex;
         align-items: flex-end;
         justify-content: space-around;
         padding: 20px;
         }
         .chart-bar {
         width: 50px;
         transition: height 1s ease;
         position: relative;
         border-radius: 8px 8px 0 0;
         }
         .chart-bar::after {
         content: attr(data-percentage);
         position: absolute;
         top: -25px;
         left: 50%;
         transform: translateX(-50%);
         color: white;
         font-weight: bold;
         }
         .bounce:hover {
         animation: bounce 0.5s;
         }
         @keyframes bounce {
         0%, 100% { transform: translateY(0); }
         50% { transform: translateY(-10px); }
         }
         .emoji-float {
         position: absolute;
         animation: float 5s ease-in-out infinite;
         opacity: 0.7;
         }
         @keyframes fade-in {
         from { opacity: 0; transform: translateY(10px); }
         to { opacity: 1; transform: translateY(0); }
         }
         .animate-fade-in {
         animation: fade-in 0.3s ease-out;
         }
         /* Smooth fade for day-night background */
         /* .fade-bg for body removed, now handled by .sunset-bg.fade-bg */
         .transition-opacity {
         transition: opacity 1s cubic-bezier(0.4,0,0.2,1);
         }