@import"https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Lato:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";body{font-family:Inter,sans-serif;background:#fff;color:#1e1e1e;margin:0;height:100%;overflow-y:auto}#app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow-y:hidden}html{font-size:16px}@media (max-width: 768px){body{overflow-y:auto}html{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif}.title{font-family:Oswald,sans-serif;font-weight:700;font-size:1.2rem}.sugar-title{font-family:Inter,sans-serif;font-weight:800;font-size:1.2rem;color:#1e1e1e}.sugar-subtitle{font-size:1rem;font-weight:600;margin-bottom:2rem;color:#000}.bold{font-weight:600}.green{color:#18803c}.yellow{color:#fdb833}.green-charts{color:#00c189}.red{color:#ff686b}.landing-container,.sugar-container,.reco-container{max-width:800px;margin:3rem auto;padding:1.5rem 2rem;background:#fffef9;border-radius:1.5rem;box-shadow:0 8px 20px #0000000d;text-align:center;font-family:Inter,sans-serif}.landing-container{background:#fff;box-shadow:0 8px 16px #0000000d}.reco-container{background:#fffefc;box-shadow:0 8px 20px #0000000d;text-align:center}.landing-header{background-color:#0dd094;color:#fff;border-radius:1rem 1rem 3rem 3rem;padding:1.5rem;width:90%;position:relative;height:150px}.header-left{display:flex;flex-direction:column;padding-right:20px;padding-top:40px;width:80%}.logo{width:128px;height:64px;border-radius:10px;margin-bottom:.5rem;background-color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%);border:2px solid #00c189}.header-score{display:flex;align-items:center;justify-content:flex-start;background:#fff;color:#00c189;border:2px solid #00c189;border-radius:1rem;padding:1.8rem 1.2rem;gap:.8rem;z-index:10;width:30%;height:40%;position:absolute;transform:translateY(-50%);box-shadow:0 8px 15px #2323244d,0 8px 12px #0000001a}@media (max-width: 380px){.title{font-size:1rem}.score-label{font-size:.35rem}}.header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding-top:30px}.score-label{font-size:.85rem}.icon{width:2rem;height:2rem;position:relative}.grid-container{padding-top:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:782px;margin:0 auto}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(3,1fr);max-width:100%}}.category-input{position:relative;width:150px;height:150px;background-color:#fff;color:#000;font-family:Anton,sans-serif;font-weight:600;border:2px solid #ccc;border-radius:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;transition:border .5s,transform .5s;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.category-input:hover{transform:scale(1.1)}.category-input.selected{border-color:#0dd094}@media (max-width: 480px){.category-input{width:100px;height:100px}}.logo-cat{width:50px;height:50px;object-fit:contain}.cat-name{font-size:.8rem;font-weight:600;color:#333}@media (max-width: 768px){.logo-cat{width:40px;height:40px}.cat-name{font-size:.75rem}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1e66;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fffef9;padding:2rem;border-radius:1.5rem;box-shadow:0 8px 24px #0000001a;width:90%;max-width:40%;text-align:center}@media (max-width: 768px){.popup-content{max-width:80%}}.popup-content h2{margin-bottom:1rem;font-size:1.4rem;font-weight:700}.input-group{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem}.input-group input,.input-group select{padding:.5rem;border:2px solid #ffe08a;border-radius:1rem;background:#fffaf2;width:50%;font-size:1rem;text-align:center}.button{height:60px;display:block;margin:2rem auto;border:none;padding:.9rem 2rem;font-size:1rem;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease;text-align:center}.button-red{background:#ff686b;color:#fff}.button-yellow{background:#fdb833;color:#fff}.button-blue{background-color:#574ae2;color:#fff}.button-green{background-color:#0dd094;color:#fff}.button-none{background:none;padding:.3rem;border:none;cursor:pointer}.button-red:hover{background:#d6575a}.button-yellow:hover{background:#d89a1f}.button-green:hover{background-color:#0cc188}.picto-div,.reboot-div,.sending-div{display:flex;justify-content:center;align-items:center}.picto-div{height:20px;width:20px}.landing-body{padding-top:2rem;font-size:1rem;line-height:1.6;color:#222}.landing-body ul{list-style:disc;padding-left:1.2rem;margin-top:1rem}.landing-body li{margin-bottom:1rem}.example{font-size:.85rem;font-style:italic;color:#555}.testing_button{display:inline-flex;align-items:center;gap:.6rem;background-color:#0dd094;border:none;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease-in-out;box-shadow:inset 0 0 0 2px #fff}.testing_button:hover{background-color:#0cc188;transform:translateY(-2px)}.testing_button:focus{outline:none}.testing_button:active{transform:scale(.97)}.button-icon{width:28px;height:28px;background-color:#fff;border-radius:50%;padding:4px;transition:transform .4s ease;transform:rotate(315deg)}.testing_button:hover .button-icon{transform:rotate(675deg)}.button-div{display:flex;justify-content:center}.sugar-values{display:flex;justify-content:space-around;gap:1rem;margin-top:1rem;margin-bottom:2rem;flex-wrap:wrap}.sugar-box,.recommandation-card{background:#fff;border:2px solid #0dd094;border-radius:1rem;padding:1rem 1.5rem;width:100%;min-width:120px;box-shadow:2px 2px 6px #0000000d;text-align:left;margin-bottom:1.2rem;display:flex;justify-content:space-between}.label{display:block;font-size:.9rem;color:#555;margin-bottom:.4rem}.sugar-value{font-size:1.4rem;font-weight:700;color:#d72638}@media (max-width: 480px){.sugar-box,.recommandation-card{width:100%}}.bubble-chart{margin-top:3rem;text-align:center}.bubbles-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1.5rem;margin-top:1rem;padding-top:3%;padding-bottom:3%}.bubble{position:relative;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px #00c18999,0 0 10px #00c18999,0 0 20px #00c18999}.bubble-img{width:60%;height:60%;object-fit:contain}.tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#474747;color:#fff;font-size:.75rem;padding:6px 10px;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:11}.bubble:hover .tooltip{opacity:1}.recommandations-container{padding-top:3%}.check-conso,.reset-conso{padding:10px}.consumed-item{display:flex;align-items:center;justify-content:space-around}.consumed-values{padding:3%}.popup-header{display:flex;justify-content:flex-end}.reboot-content{padding-left:10px}.img-wrapper{padding:5%}.list-text{list-style:disc;padding-left:1.2rem;margin-top:1rem}.list-text li{margin-bottom:1rem;padding-left:0;text-align:left}@media (max-width: 480px){.landing-header{font-size:10px}}.home-container{max-width:1200px;margin:2rem auto;padding:1.5rem 2rem;background:#fffef9;border-radius:1.5rem;box-shadow:0 8px 20px #0000000d;text-align:center;font-family:Inter,sans-serif;background:#fff;box-shadow:0 8px 16px #0000000d}.sugar-reco-value{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;background-color:#fff;border:2px solid #0dd094;border-radius:12px;padding:16px 24px;max-width:300px;margin-left:auto;margin-right:auto;box-shadow:0 0 12px #0dd09433;animation:fadeIn .5s ease-in-out}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;width:90%;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #0003}.feedback-textarea{width:100%;padding:10px;font-size:1rem;margin-top:10px;margin-bottom:15px;resize:vertical}.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.ending-buttons{display:flex;justify-content:space-around}.rec-text{display:flex;flex-wrap:wrap;gap:4px}.checkbox-recommandation{margin-left:4px}.list_input{font-size:.7rem}.footer-links{margin-top:40px;font-size:.7rem;color:#05c}.footer-links a{color:#666;text-decoration:none}.footer-links a:hover{color:#444;text-decoration:underline}.centered{display:flex;justify-content:center}.rating-section{text-align:center}.rating-section h3{margin-bottom:.5rem}.button-blue{cursor:pointer}span[data-v-d1014e10]{-webkit-user-select:none;user-select:none}.text-yellow-400[data-v-d1014e10]{color:#facc15}.text-gray-300[data-v-d1014e10]{color:#d1d5db}.cursor-pointer[data-v-d1014e10]{cursor:pointer}