:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;align-items:center;justify-content:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-container{display:flex;justify-content:center;margin-top:2rem}.card{width:350px;height:120px;cursor:pointer;position:relative;animation:float 3s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * 1s)}.card-dashboard{width:300px;height:60px;cursor:pointer;position:relative;animation:float 3s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * 1s)}.card-inner{width:100%;height:100%;transition:transform .8s ease-in-out;transform-style:preserve-3d;position:relative;transform:rotateY(0)}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;overflow:hidden;box-shadow:0 0 20px #ffffff4d;background:linear-gradient(145deg,#0f0c29,#302b63,#24243e)}.card-front{transform:rotateY(0);display:flex;justify-content:center;align-items:center}.card-back{transform:rotateY(180deg);display:flex;justify-content:center;align-items:center}.card-pattern{width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);background-color:#1a1a2e;display:flex;justify-content:center;align-items:center;color:#fffa;font-size:1.1rem;padding:1rem;text-align:center}.card-content{padding:2rem;text-align:center;color:#fff}.fortune-text{font-family:Charm,cursive;font-size:1.5rem;line-height:1.5;color:#ffeaa7;margin:0}.fortune-text-dashboard{font-size:1rem;font-style:italic;line-height:1.5;color:#ffeaa7;margin:0}.click-to-reveal{font-family:Charm,cursive;font-size:2rem;font-weight:700;text-shadow:0 0 10px #ffffff;margin:0}.click-to-reveal-dashboard{font-size:1rem;font-weight:400;text-shadow:0 0 10px #ffffff;margin:0}.glow{opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover .glow{opacity:1}.card:hover .card-front{box-shadow:0 0 15px #a29bfe,0 0 30px #6c5ce7,0 0 45px #a29bfe;transition:box-shadow .4s ease-in-out;transform:scale(1.02)}.particle{position:fixed;width:8px;height:8px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 3px #fff;pointer-events:none;transition:transform 1s ease-out,opacity 1s ease-out;z-index:9999}.heart{position:relative;display:inline-block;cursor:pointer}.heart:hover ion-icon{transform:scale(1.2);transition:transform 1s ease-in-out}.heart ion-icon{font-size:34px}.white ion-icon{color:#fff}.red{color:#e70000}.heart:before,.heart:after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;opacity:.8;animation:sparkle 3s infinite ease-in-out;filter:blur(1.5px);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:50}.heart:before{top:4px;left:5px;animation-delay:0s}.heart:after{bottom:15px;right:8px;animation-delay:1.5s}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f001eb3;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-container{background:linear-gradient(180deg,#2a0042,#44006e);border-radius:20px;padding:2rem;max-width:400px;color:#fff;box-shadow:0 0 25px #ffffff1a;text-align:center}.modal-title{font-family:Charm,cursive;font-size:1.8rem;margin-bottom:1rem}.modal-message{font-size:1rem;margin-bottom:2rem}.modal-buttons{display:flex;justify-content:center;gap:1rem}.modal-buttons .btn{padding:.5rem 1.2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s ease}.modal-buttons .btn.confirm{background-color:#77269c;color:#fff}.modal-buttons .btn.confirm:hover{background-color:#a87aff;transform:scale(1.05)}.modal-buttons .btn.cancel{background-color:#999;color:#fff}.modal-buttons .btn.cancel:hover{background-color:#bbb;transform:scale(1.05)}.share-container{padding:.5rem;background:linear-gradient(180deg,#1e002e,#3b006a);border-radius:10px;box-shadow:0 4px 20px #0000001a;animation:fadeIn .5s ease-in-out;font-family:Charm,cursive;font-size:1.2rem;text-align:center;line-height:1.5;max-width:600px;margin:2rem auto}.share{align-items:center;margin-top:1rem;display:flex;flex-direction:column;justify-content:center}.share-title{color:#dfe6e9}.share p{font-family:Charm,cursive;font-size:1.2rem;color:#dfe6e9;margin-bottom:.5rem}.share-buttons{display:flex;gap:1rem}.share button{background-color:transparent;color:#fff;border:none;padding:.5rem 1rem;margin:0 1rem;border-radius:50px;cursor:pointer;transition:background-color .3s ease}.share ion-icon{font-size:24px;margin-right:.5rem}.share ion-icon:hover{background-color:#a87aff;transform:scale(1.1);transition:transform .3s ease;border-radius:50%}.share ion-icon:active{background-color:#77269c;transform:scale(.95);transition:transform .1s ease;border-radius:50%}.favoris-message{font-family:Charm,cursive;font-size:1.2rem;color:#dfe6e9;margin-top:1rem;text-align:center}.favoris-message a{color:#dfe6e9;text-decoration:none}.favoris-message a:hover{text-decoration:underline;color:#00b894;text-decoration:none}@media(max-width:600px){.share-container{padding:1rem;font-size:1rem}.share p{font-size:1rem}.share button{width:100%;margin:.5rem 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.enigme-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:20px;width:100%;max-width:600px;margin:2rem auto;z-index:1;background-color:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #ffffff1a,0 0 60px #6a0dad40;animation:fadeIn .5s ease-in-out;overflow:hidden}.enigme-label{font-family:Jim Nightshade,cursive;font-size:3rem;font-weight:400;font-style:normal;color:var(--text-color);transition:color .3s ease;text-shadow:0 0 8px rgba(255,255,255,.1)}.enigme-text{color:var(--text-color);transition:color .3s ease;font-family:Charm,cursive;text-align:center;font-size:1.5rem;font-weight:400;margin-bottom:1rem;text-shadow:0 0 8px rgba(255,255,255,.1)}.enigme-date{font-size:.95rem;color:var(--text-color);transition:color .3s ease;font-style:italic}.heart-icon{position:absolute;top:2.5rem;right:2rem;display:inline-block;margin-right:10px}.favoris{display:flex;align-items:center;justify-content:center;margin-top:1rem}.favoris ion-icon{font-size:24px;cursor:pointer;transition:color .3s ease}.favoris ion-icon:hover{color:#d63031}.user-reponse{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.enigme-reponse{padding:.5rem 1rem;border:none;border-radius:8px;background-color:#ffffff0d;color:var(--text-color);font-size:1rem;width:100%;max-width:300px;margin-bottom:1rem;transition:background-color .3s ease}.enigme-reponse::placeholder{color:#ddddddc5;opacity:1}.enigme-reponse:focus{background-color:#ffffff1a;outline:none}.enigme-reponse:hover{background-color:#ffffff1a}.user-reponse button{padding:.5rem 1.2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;background-color:#77269c;color:#fff;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#a87aff;transform:scale(1.05)}.btn:active{transform:scale(.95)}@media(max-width:768px){.enigme-container{padding:1rem;width:90%}.enigme-text{font-size:1.2rem}.enigme-label{font-size:1.5rem}.enigme-reponse{font-size:1rem}}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:0;transform:scale(.5) rotate(45deg)}}@keyframes magicGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0rem;min-height:100vh}.logo{text-align:center;position:relative;z-index:1;margin-top:7rem}.logo img{width:30rem;max-width:75%;height:auto}.username span{position:relative;display:inline-block;font-size:5rem;text-align:center;z-index:1;font-family:Jim Nightshade,cursive;font-weight:700;font-style:normal;background:linear-gradient(270deg,#6a0dad,#0ff,#ff69b4,#6a0dad);background-size:800% 800%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:magicGradient 10s ease infinite;text-shadow:0 0 8px rgba(255,255,255,.7),0 0 20px rgba(106,13,173,.8);-webkit-user-select:none;user-select:none;cursor:default}.username span:before,.username span:after{content:"*";position:absolute;color:#fff;opacity:.8;animation:sparkle 3s infinite ease-in-out;font-size:2rem;filter:blur(1px);pointer-events:none;-webkit-user-select:none;user-select:none}.username span:before{top:7px;left:-3px;animation-delay:0s}.username span:after{bottom:15px;right:-5px;animation-delay:1.5s}@media(max-width:768px){.logo img{width:20rem}.username span{font-size:3rem}}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}@keyframes smoothBg{0%{background-position:50% 20%,50% 20%}to{background-position:350% 50%,350% 50%}}:root{--text-color: #000}.wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.hero{width:100%;height:100%;min-height:100vh;--stripes: repeating-linear-gradient( 100deg, var(--stripe-color) 0%, var(--stripe-color) 7%, transparent 10%, transparent 12%, var(--stripe-color) 16% );--rainbow: repeating-linear-gradient( 130deg, #2a5181 10%, #905699 15%, #79b5ff 20%, #3b8b7f 25%, rgb(104, 49, 150) 70% );background-image:var(--stripes),var(--rainbow);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%);animation:smoothBg 120s linear infinite;background-attachment:fixed;mix-blend-mode:difference}.content-switch{margin:1rem 0;text-align:center}#switch{opacity:0;position:absolute}label[for=switch]{cursor:pointer;padding:.5rem;-webkit-user-select:none;user-select:none}label[for=switch] .icon{animation:blink-animation 2s ease-in-out infinite}@media(max-width:768px){.hero{background-size:400%,300%}}.favoris-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:linear-gradient(180deg,#1e002e,#3b006a);min-height:100vh}.favoris-title{font-family:Jim Nightshade,cursive;font-size:3rem;color:#fff;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.favoris-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;gap:2rem}.favori-item{background-color:#ffffff0d;border-radius:20px;padding:2rem;box-shadow:0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-family:Charm,cursive;font-size:1.2rem;color:#fff;transition:transform .3s ease}.favori-item:hover{transform:scale(1.02)}.suppression{display:flex;align-items:center;justify-content:center;margin-top:1rem}.suppression p{margin-right:.5rem}.suppression ion-icon{font-size:1.5rem;color:#ff6b6b;cursor:pointer;transition:transform .3s ease,color .3s ease}.suppression ion-icon:hover{background-color:#ff6b6b;color:#fff;transform:scale(1.1);border-radius:50%}@media(max-width:768px){.favoris-container{padding:1rem;background:transparent;color:var(--text-color);transition:color .3s ease}.favoris-title{color:var(--text-color);transition:color .3s ease;margin-top:5rem}.favori-date,.favori-item{color:var(--text-color);transition:color .3s ease}.favoris-title{font-size:2.5rem}.favori-item{padding:1.5rem;font-size:1rem}.suppression ion-icon{font-size:1.2rem}}.sign-container{width:80%;margin-top:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0rem;background:linear-gradient(180deg,#1e002e,#3b006a);min-height:100vh}.bienvenue{font-family:Charm,cursive;color:#fff;font-size:1.2rem;margin:1.5rem;text-align:center}.sign-container button{padding:.5rem 1rem;background-color:#77269c;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.sign-container button:hover{background-color:#a87aff;transform:scale(1.05);transition:transform .3s ease}.sign-container button:active{transform:scale(.95);transition:transform .1s ease}.sign-title{font-family:Jim Nightshade,cursive;font-size:3rem;color:#fff;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.sign-form{background-color:#ffffff0d;border-radius:20px;padding:2rem;width:100%;max-width:400px;box-shadow:0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-family:Charm,cursive;color:#fff}.form-group input{padding:.5rem;border:none;border-radius:8px;background-color:#ffffff54;color:#fff;font-size:1rem;margin-bottom:1rem;transition:background-color .3s ease}.form-group input::placeholder{color:#ddd;opacity:1}.form-group input:focus{background-color:#ffffff80;outline:none}.signin-links{margin-top:1rem;font-family:Charm,cursive;color:#fff;font-size:1rem;text-align:center}.signin-links a{text-decoration:none;transition:color .3s ease}.signin-links p{margin:.5rem 0}.checkbox-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.checkbox-label{margin:0}@media(max-width:600px){.sign-container{width:60%;margin:4rem auto 0;padding:1rem}.user-non-co-cta p{font-size:1.5rem;padding:0}.sign-title{font-size:2rem}.sign-form{padding:1.5rem;max-width:90%}.form-group input{font-size:.9rem;padding:.4rem;width:100%}.profile-cta input,.profile-cta button{font-size:.9rem}.bienvenue{font-size:1rem}.signin-links,.checkbox-label{font-size:.9rem}.checkbox-inline{flex-direction:column;align-items:flex-start}}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;display:flex;justify-content:center;align-items:center;background:#1e2759}.nav{position:relative;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 5px 25px #00000040}.nav ul{display:flex;flex-direction:row;position:relative;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 5px 25px #00000040}.nav li{list-style:none}.nav li a{position:relative;color:#fff;text-decoration:none;display:inline-block;padding:20px 30px;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav li a ion-icon{font-size:1.5em;pointer-events:none;opacity:.25;transition:.25s}.nav li.active a ion-icon{opacity:1}#marker{position:absolute;top:0;transition:.5s;z-index:1}#marker:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:50px;height:40px;border-radius:8px;background:#5da6ff;box-shadow:0 0 15px #5da6ff,0 0 30px #5da6ff,0 0 40px #5da6ff,0 0 60px #5da6ff}.nav li:nth-child(1).active~#marker:before{background:#5da6ff;box-shadow:0 0 15px #5da6ff,0 0 30px #5da6ff,0 0 40px #5da6ff,0 0 60px #5da6ff}.nav li:nth-child(2).active~#marker:before{background:#ff0;box-shadow:0 0 15px #ff0,0 0 30px #ff0,0 0 40px #ff0,0 0 60px #ff0}.nav li:nth-child(3).active~#marker:before{background:#df2fff;box-shadow:0 0 15px #df2fff,0 0 30px #df2fff,0 0 40px #df2fff,0 0 60px #df2fff}.nav li:nth-child(4).active~#marker:before{background:#0f0;box-shadow:0 0 15px #0f0,0 0 30px #0f0,0 0 40px #0f0,0 0 60px #0f0}.nav li:nth-child(5).active~#marker:before{background:#ff308f;box-shadow:0 0 15px #ff308f,0 0 30px #ff308f,0 0 40px #ff308f,0 0 60px #ff308f}@media(max-width:768px){.nav a{padding:10px 15px;font-size:.9rem}}.create-account{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:220px;background:linear-gradient(180deg,#1e002e,#3b006a);font-family:Jim Nightshade,cursive;padding:2rem;font-size:2rem;text-align:center}.profile-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0rem;background:linear-gradient(180deg,#1e002e,#3b006a);min-height:100vh}.profile-title{font-family:Jim Nightshade,cursive;font-size:3rem;color:#fff;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.user-non-co{font-family:Jim Nightshade,cursive;padding:0 4.5rem;color:#fff;font-size:2rem;margin-bottom:1rem;text-align:center}.user-non-co-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0rem;background:linear-gradient(180deg,#1e002e,#3b006a);min-height:100vh}.profile-card{background-color:#ffffff0d;border-radius:20px;padding:2rem;width:100%;max-width:400px;box-shadow:0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.profile-infos{font-family:Charm,cursive;color:#fff;font-size:1.2rem;margin-bottom:1rem}.profile-cta{font-family:Charm,cursive;color:#fff;font-size:1.2rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-cta input{margin:1rem;padding:.5rem;border:none;border-radius:8px;background-color:#ffffff54;color:#fff;font-size:1rem;transition:background-color .3s ease}.profile-cta input::placeholder{color:#ddd;opacity:1}.profile-cta button{padding:.5rem 1rem;background-color:#77269c;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.profile-cta button:hover{background-color:#a87aff;box-shadow:0 0 10px #fff3;transform:scale(1.05);transition:transform .3s ease;color:#3b006a}.profile-cta button:active{transform:scale(.96)}.profile-btn{padding:.6rem 1.2rem;background-color:#77269c;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.profile-btn:hover{background-color:#a87aff}.profile-btn:active{transform:scale(.96)}.checkbox-inline{display:flex;align-items:center;margin:1rem}@media(max-width:768px){.profile-infos{font-size:1rem}.profile-cta input{width:80%;font-size:.9rem}.profile-cta button{font-size:.9rem}}