body.color {
  			margin: 0;
			padding: 0;
  			font-family: Arial, sans-serif;
  			transition: background-color 0.3s ease;
			overflow: scroll;
		}
		body.gradient {
			font-family: Arial, sans-serif;
			background-size: cover;
			margin: 0;
			padding: 0;
			height: 100vh;
  			background: linear-gradient(to top right,rgba(0, 0, 255, 1) 0%, rgba(255, 0, 0, 1) 100%);
			overflow: scroll;
		}
		body.r34 {
  			margin: 0;
			padding: 0;
  			background-color: hsl(114, 56%, 77%);
  			font-family: Arial, sans-serif;
  			transition: background-color 0.3s ease;
			overflow: scroll;
		}
		body.image {
			font-family: Arial, sans-serif;
			background-size: cover;
			margin: 0;
			padding: 0;
			height: 100vh;
			background-image:url("https://raw.githubusercontent.com/pizzasdu83/ressources/main/suyu__Pattern-Background.png"); no-repeat;
			overflow: scroll;
		}
		body.preview {
			margin: 0;
			padding: 0;
			height: 100vh;
			background-size: cover;
			background-position: center;
			overflow: scroll;
		}
		body.fallin {
            margin: 0;
            padding: 0;
            overflow: scroll;
			animation: arcEnCiel 10s linear infinite;
        }
        .falling-image {
            position: absolute;
            top: -100px; 
            pointer-events: none; 
            z-index: 1000;
            animation: fall linear forwards;
        }
		.user {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin: 10px 0;
		}

		.user img {
			width: 40px;
			height: 40px;
			border-radius: 0%;
		}

		#dayCounter {
			font-size: 40px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: center;
		}
		
		/* Bouton flottant */
		#cookie-manager-btn {
			position: fixed;
			bottom: 20px;
			right: 20px;
			border: none;
			border-radius: 50%;
			width: 60px;
			height: 60px;
			cursor: pointer;
			font-size: 30px;
			box-shadow: 0 4px 6px rgba(0,0,0,0.3);
		}
		/* Pop-up */
		#cookie-popup {
			display: none;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			padding: 20px;
			width: 340px;
			border: 2px solid #333;
			border-radius: 10px;
			box-shadow: 0 8px 15px rgba(0,0,0,0.5);
			text-align: center;
			z-index: 1000;
			animation: depixelate 0.3s ease-out forwards;
		}
		#big-cookie {
			width: 100px;
			height: 100px;
			background: url("https://static.wikia.nocookie.net/cookieclicker/images/5/5a/PerfectCookie.png");
			background-size: cover;
			border-radius: 50%;
			margin: 15px auto;
			cursor: pointer;
			transition: transform 0.1s;
		}
		#big-cookie:active {
			transform: scale(0.9);
		}
		#preview {
			margin: 0;
			padding: 0;
			height: 100vh;
			background-size: cover;
			background-position: center;
		}
		button {
			margin: 5px;
			padding: 8px 15px;
			font-size: 14px;
			cursor: pointer;
			border: none;
			border-radius: 5px;
		}

		@keyframes pixelate {
			from {
				filter: blur(0);
				transform: scale(1);
				transform: translate(-50%, -50%);
				opacity: 1;
			}
			to {
				filter: blur(8px);
				transform: scale(0.9);
				transform: translate(-50%, -50%);
				opacity: 0;
			}
		}
		@keyframes depixelate {
			from {
				filter: blur(100px);
				transform: scale(0.9);
				transform: translate(-50%, -50%);
				opacity: 0;
			}
			to {
				filter: blur(0);
				transform: scale(1);
				transform: translate(-50%, -50%);
				opacity: 1;
			}
		}
		@keyframes arcEnCiel {
            0%   { background-color: #ff0000; }
            8%  { background-color: #ff8000; } 
            17%  { background-color: #ffff00; } 
            25%  { background-color: #00ff00; }
            33%  { background-color: #0000ff; } 
            41%  { background-color: #4b0082; } 
            50% { background-color: #ff0000; } 
			58%  { background-color: #ff8000; } 
            67%  { background-color: #ffff00; } 
            75%  { background-color: #00ff00; }
            83%  { background-color: #0000ff; }
            92%  { background-color: #4b0082; }
            100% { background-color: #ff0000; } 
        }
        @keyframes fall {
            to {
                transform: translateY(110vh) translateX(-110vh) rotate(var(--scale-y)) scaleY(-1);
            }
        }
		
		.store-btn { background: #ddd; font-size: 10px; }
		.accept-btn { background: #4CAF50; color: white; }
		.clrInterval { background: linear-gradient(to top right,rgba(0, 0, 255, 1) 0%, rgba(255, 0, 0, 1) 100%); color:#ffffff; }
		.refuse-btn { background: #f44336; color: white; }