@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hair-page{background:linear-gradient(180deg,#e4ebf5,#f8fbff);box-sizing:border-box;max-width:600px;min-height:calc(100vh - 60px);padding:20px}.product-card{align-items:center;background-color:#fff;border-radius:10px;display:flex;gap:4px;max-width:360px;padding:16px;text-align:center}.image-container{aspect-ratio:1/1;background-color:#f9f9f9;border-radius:12px;margin-bottom:12px;max-width:200px;overflow:hidden;position:relative;width:100%}.image-container,.score-circle{align-items:center;display:flex;justify-content:center}.score-circle{border-radius:50%;flex-direction:column;font-weight:700;height:42px;left:8px;position:absolute;top:8px;width:42px}.score-big{font-size:14px;font-weight:800}.score-small{font-size:8px;opacity:.8}.product-image{height:100%;object-fit:contain;width:100%}.text-content{width:100%}.product-name{font-size:.8rem;line-height:1.4}.brand{color:#888;font-size:.9rem;font-weight:600;margin:0 0 8px;text-transform:uppercase}.text-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:left}.section{padding:8px}.flags{margin-top:10px}.flag-icon{font-size:1.2rem;margin-bottom:2px}.flags-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));position:relative}.flag-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:8px;text-align:center;transition:all .3s ease;z-index:1}.flag-item p{font-size:.7rem;margin:0}.flag-item.free{background:#e8f5e9;border:1px solid #d4f6d4;color:#388e3c}.flag-item.not-free{background:#ffe6e6;border:1px solid #fde8e8;color:#d32f2f}.flag-item.expanded{background:#fff;border:2px solid #aaa;box-shadow:0 4px 8px #0003;grid-column:unset;padding:16px;position:relative;z-index:2}.flag-details{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:.9rem;line-height:1.4;margin-top:12px;padding:16px}.flag-description{align-items:flex-start;color:#333;display:flex;gap:8px}.flag-description p{flex-grow:1;font-size:1rem;font-weight:500;margin:0}.violating-ingredients{background:#fff7e6;border-left:4px solid #f5b042;border-radius:6px;margin-top:16px;padding:8px}.violating-ingredients h4{align-items:center;color:#c15d00;display:flex;font-size:.95rem;font-weight:600;gap:4px;margin:0 0 8px}.ingredient-badge{border-radius:8px;color:#fff;font-size:.75rem;font-weight:500;margin:4px;padding:2px 4px;text-align:center}.ingredient-badge.safe{background-color:#d4f6d4;color:#2e7d32}.ingredient-badge.moderate{background-color:#fff5d8;color:#b58900}.ingredient-badge.toxic{background-color:#fde8e8;color:#d32f2f}.ingredient-badge.unknown{background-color:#c7cacc;color:#555}.ingredient-badge:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.effect-list{display:flex;flex-direction:column;gap:16px}.notable-effect-container{background:linear-gradient(90deg,#e6f7ff,#fff);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.notable-effect-header{align-items:center;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .3s}.notable-effect-header:hover{background-color:#eef4ff}.notable-effect-header .effect-icon{color:#388e3c;font-size:1.5rem;margin-right:12px}.notable-effect-header .effect-title{color:#2e7d32;flex:1 1;font-size:1rem;font-weight:600}.effect-expand-indicator{color:#388e3c;font-size:1rem;margin-left:auto}.notable-effect-details{padding:6px 12px}.notable-effect-title{color:#2e7d32;font-size:1rem;font-weight:600;margin-bottom:12px}.ingredient-badge.important{background:#c8e6c9;border-radius:8px;color:#388e3c;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 10px}.risky-item-container{background-color:#ffe6e6;border:1px solid #f5c6cb;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.risky-item-container:hover{box-shadow:0 6px 16px #0003;transform:translateY(-4px)}.risky-item-header{align-items:center;background:linear-gradient(90deg,#ffe6e6,#fff);border-bottom:1px solid #f5c6cb;cursor:pointer;display:flex;padding:8px 12px}.risky-item-header .effect-icon{color:#dc3545;font-size:1.5rem;margin-right:12px}.risky-item-header .risky-title{color:#a94442;flex:1 1;font-size:1rem;font-weight:600}.risky-expand-indicator{color:#dc3545}.expand-indicator,.risky-expand-indicator{font-size:1rem;margin-left:auto}.risky-item-details{background:#ffe6e6;color:#a94442;padding:12px}.risky-item-details h4{color:#a94442;font-size:1rem;font-weight:600;margin-bottom:8px}.risky-item-details.visible{animation:fadeIn .2s ease;display:block}.effect-title{color:#222;font-size:1rem;font-weight:500}.ingredient-section{font-size:.9rem;line-height:1.4;max-width:480px}.ingredient-list{display:flex;flex-direction:column;gap:10px}.ingredient-row{align-items:center;border-radius:6px;box-sizing:border-box;display:flex;justify-content:space-between;min-height:30px;padding:8px 12px}.ingredient-safe{background-color:#c8f5d4}.ingredient-moderate{background-color:#fff3c4}.ingredient-unknown{background-color:#c7cacc}.ingredient-risky{background-color:#f8c2ba}.ingredient-name{max-width:calc(100% - 40px);text-transform:capitalize}.ingredient-labels{display:flex}.ingredient-badge.friendly{background-color:#27ae60}.ingredient-badge.risky{background-color:#e74c3c}.ingredient-badge.banned{background-color:#8e44ad}.ingredient-badge:hover{box-shadow:0 2px 6px #0003;transform:scale(1.1)}.effect-icon{color:#666;font-size:1rem;transition:color .2s ease}.effect-icon:hover{color:#000}.show-more-button{background:linear-gradient(90deg,#60c3e6,#4a9bcc);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:700;margin:10px auto 0;padding:8px 12px;text-align:center;transition:background-color .2s ease}.show-more-button:hover{background-color:#0056b3}.risky-item{align-items:center;background:#ffe6e6;border:1px solid #f5c6cb;border-radius:8px;display:flex;gap:12px;padding:10px;transition:background .3s}.risky-item:hover{background:#fcc}.risky-title{color:#a94442;font-size:1.1rem;font-weight:600;margin-right:20px}.ingredient-card{border-radius:8px}.ingredient-card,.ingredient-card.expanded{overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.ingredient-card.expanded{border:1px solid #ddd;border-radius:8px}.ingredient-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.ingredient-details{animation:fadeIn .3s ease;background:#f9f9f9;padding:12px}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.info-icon{border-radius:50%;color:#007bff;cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s ease,transform .2s ease}.info-icon:hover{color:#0056b3;transform:scale(1.1)}.info-text{border:1px solid #ddd;border-radius:20px;color:#444;font-size:1rem;line-height:1.6;margin-top:-16px;padding:12px}.icon-label{align-items:center;display:flex}.expanded-content-hair,.expanded-content-scalp{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;margin-top:-12px;padding:8px}.expanded-content-scalp{margin-bottom:20px}.hair-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}@media screen and (device-width:430px){.hair-grid{gap:16px;justify-content:space-evenly}}@media screen and (device-width:375px){.hair-grid{gap:5px;justify-content:space-evenly}}@media screen and (device-width:360px){.hair-grid{gap:0;justify-content:space-evenly}}.label{color:#333;font-size:.7rem;margin:4px 0}.tabs-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;margin-top:10px;overflow-x:auto;padding:8px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{background:none;border:none;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px;text-align:center;transition:background-color .3s,color .3s,transform .2s;white-space:nowrap}.tab-button.active{font-weight:700}.tab-button.active,.tab-button:hover{background:#3ba4c6c9;color:#fff}.tab-content{margin-top:8px}.start-compare-button{background-color:#3ba4c6c9;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;margin-top:12px;padding:6px}.start-compare-button:hover{background-color:#0052a4}.start-compare-button:active{background-color:#003d7a;transform:translateY(0)}.suitability-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:12px 0;padding:16px;transition:transform .2s ease}.suitability-card:hover{transform:translateY(-4px)}.type-label{font-size:1rem;margin-top:4px}.type-group{margin-bottom:24px}.type-group-title{border-left:4px solid #4c7fa6;color:#4c7fa6;font-size:.9rem;font-weight:700;margin-bottom:8px;padding-left:8px}.hair-type-grid{grid-gap:8px;gap:8px}.hair-type-grid.hair-grid{border-radius:8px;grid-template-columns:repeat(4,1fr);padding:12px}.hair-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hair-type-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.hair-type-item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-4px)}.hair-type-item.suitable{border:2px solid #4caf50}.hair-type-item.partially_suitable{border:2px solid #ffc107}.hair-type-item.not_suitable{border:2px solid #f44336}.hair-type-item.unknown{border:2px solid #c7cacc}.icon-container{color:#555;font-size:1.5rem;margin-bottom:8px}.label-container{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.status-indicator{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;text-align:center}.status-indicator.suitable{background-color:#4caf50}.status-indicator.partially_suitable{background-color:#ffc107}.status-indicator.not_suitable{background-color:#f44336}.status-indicator.unknown{background-color:#c7cacc}.type-icon-container{font-size:1.2rem;height:30%}.type-icon-container,.type-label{align-items:center;color:#333;display:flex;justify-content:center}.type-label{font-size:.75rem;font-weight:600;height:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{align-items:center;display:flex;font-size:.7rem;font-weight:500;height:25%;justify-content:center}.status-indicator span{border-radius:4px;display:inline-block;padding:2px 6px;text-align:center}.status-indicator.suitable span{background-color:#d4f6d4;color:#2e7d32}.status-indicator.partially_suitable span{background-color:#fff5d8;color:#b58900}.status-indicator.not_suitable span{background-color:#fde8e8;color:#d32f2f}.status-indicator.unknown span{background-color:#c7cacc;color:#555}.compact-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.compact-type-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:box-shadow .2s ease,transform .2s ease}.compact-type-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.compact-type-item.suitable{border-left:4px solid #4caf50}.compact-type-item.partially_suitable{border-left:4px solid #ffc107}.compact-type-item.not_suitable{border-left:4px solid #f44336}.compact-type-item.unknown{border-left:4px solid #c7cacc}.type-icon-label{align-items:center;display:flex;gap:8px}.type-icon-label .icon{color:#333;font-size:1.2rem}.type-icon-label .label{color:#333;font-size:.9rem;font-weight:600}.status{font-size:.8rem;font-weight:600;text-align:right}.status.suitable{color:#4caf50}.status.partially_suitable{color:#ffc107}.status.not_suitable{color:#f44336}.status.unknown{color:#555}.unique-hair-container,.unique-scalp-container{margin-bottom:16px}.unique-compact-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.unique-type-group-title{border-left:4px solid #4c7fa6;color:#4c7fa6;font-size:1rem;font-weight:700;margin-bottom:20px;padding-left:8px}.unique-card{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:transform .2s,box-shadow .3s}.unique-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.unique-card.suitable{border-left:4px solid #4caf50}.unique-card.partially_suitable{border-left:4px solid #ffc107}.unique-card.not_suitable{border-left:4px solid #f44336}.unique-card.unknown{border-left:4px solid #c7cacc}.unique-icon-label{align-items:center;display:flex;gap:8px}.unique-icon{color:#333;font-size:1.2rem}.unique-label{color:#333;font-size:.9rem;font-weight:600}.unique-status{font-size:.8rem;font-weight:600;text-align:right}.unique-status.suitable{color:#4caf50}.unique-status.partially_suitable{color:#ffc107}.unique-status.not_suitable{color:#f44336}.unique-status.unknown{color:#555}.unique-expanded-content{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:8px;padding:8px}.unique-expanded-details{padding:8px}.unique-good-title{color:#2e7d32;font-weight:700}.unique-bad-title{color:#d32f2f;font-weight:700}.unique-ingredient-list{list-style:none;margin:8px 0;padding:0}.unique-ingredient-item{background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;padding:4px}.modal-overlay-custom{background-color:#0000001a;height:300%;left:0;position:absolute;top:0;width:100%;z-index:9999}.modal-content-custom{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:80vh;overflow-y:auto;padding:10px;pointer-events:all;position:absolute;width:275px}.modal-header{align-items:center;display:flex;margin-bottom:12px}.modal-score-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:24px;justify-content:center;margin-right:8px;padding:4px;width:24px}.modal-close-button{color:#777;font-size:1.2rem;margin-left:8px}.modal-score-0,.modal-score-1{background-color:#4caf50}.modal-score-unknown{background-color:gray}.modal-score-2,.modal-score-3{background-color:#ffc107}.modal-score-4,.modal-score-5{background-color:#f44336}.modal-section-title{font-weight:600;margin-bottom:4px;margin-top:12px}.modal-concerns,.modal-functions{display:flex;flex-wrap:wrap;gap:4px}.modal-function-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.8rem;font-weight:500;padding:4px 8px}.modal-concern-item{align-items:center;color:#d32f2f;display:flex;font-size:.8rem;margin:4px 0}.modal-concern-item:before{content:"⚠️";margin-right:4px}.base-type-label{align-items:center;background:#f5f5f5;border-radius:16px;color:#555;font-size:.85rem;font-weight:600;gap:4px;margin:12px 0 0;max-width:-webkit-fit-content;max-width:fit-content;padding:8px;text-align:center}.modal-ingredient-name-wrapper{flex-grow:1}.modal-ingredient-name{font-size:1rem;font-weight:600;text-transform:capitalize}.modal-ingredient-tr-name{color:#777;font-size:1rem;font-style:italic;margin-top:2px}.base-type-label .icon{font-size:1rem}.reviews-page-container{color:#333;font-family:Avenir,Helvetica Neue,Arial,sans-serif;margin:0 auto}.reviews-loading{font-size:1.2rem;padding:2rem;text-align:center}.reviews-card-new{background-color:#fff;border-radius:16px;box-shadow:0 4px 14px #00000012;gap:1.5rem;margin-bottom:16px;padding:20px;position:relative}.rating-summary,.reviews-card-new{align-items:center;display:flex;flex-direction:column}.stars-row{display:flex;gap:4px;margin-bottom:6px}.review-star{color:#ccc;font-size:1.2rem}.review-star-filled{color:gold}.rating-number{font-size:1.1rem;font-weight:600;margin-bottom:6px}.total-count{color:#666;font-size:.95rem}.overall-ratio-badge{display:flex;justify-content:center;width:100%}.ratio-badge-content{align-items:center;background-color:#f0f4f8;border-radius:999px;color:#333;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;position:relative}.thumbs-up-icon{color:#66bb6a}.thumbs-down-icon{color:#ef5350}.ratio-divider{color:#999;font-weight:400}.reviews-type-section-new{background-color:#f8fafc;border-radius:12px;padding:12px 16px;width:100%}.reviews-type-section-new h4{font-size:1rem;font-weight:600;margin-bottom:12px;text-align:center}.type-list-new{display:flex;flex-direction:column;gap:12px}.type-item-new{align-items:center;background:linear-gradient(90deg,#e3f2fd,#fafafa);border:1px solid #eee;border-radius:10px;box-shadow:0 2px 4px #0000000f;display:flex;justify-content:space-between;padding:10px 14px}.type-name-new{color:#333;font-weight:600}.type-ratio-new{color:#555}.toggle-reviews-button,.type-ratio-new{align-items:center;display:flex;font-size:.95rem}.toggle-reviews-button{background-color:#1e91c9;border:none;border-radius:24px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-weight:600;gap:8px;justify-content:center;outline:none;padding:12px 20px;transition:background-color .2s ease;width:100%}.toggle-reviews-button:hover{background-color:#1981b2}.reviews-list-container-new{background:#fff;border-radius:16px;box-shadow:0 4px 14px #00000012;margin-top:16px;padding:16px}.reviews-list-container-new h3{font-size:1.15rem;font-weight:600;margin-bottom:16px;text-align:center}.reviews-list-new{display:flex;flex-direction:column;gap:12px}.review-item-new{background-color:#fafafa;border:1px solid #eee;border-radius:12px;padding:12px;position:relative}.review-item-new.negative{border-left-color:#ef5350}.review-text-new{font-size:.95rem;line-height:1.5}.type-ratio-bar{background:#eee;border-radius:5px;display:flex;height:10px;margin:6px 0;overflow:hidden}.liked-segment{background-color:#66bb6a;height:100%}.disliked-segment{background-color:#ef5350;height:100%}.type-ratio-values{align-items:center;display:flex;font-size:.9rem}.idp-page{background:linear-gradient(180deg,#e4ebf5,#f8fbff);color:#333;font-family:Roboto,sans-serif;padding:20px}.idp-header{border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;margin-bottom:20px;padding:8px;text-align:center}.idp-section-header{color:#4c7fa6;font-size:1.3rem;font-weight:700;margin-bottom:10px;padding-bottom:8px}.idp-section-header:after{background:#94a5b7;border-radius:2px;content:"";display:block;height:3px;position:relative;width:40px}.idp-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.idp-header p{font-size:1.2rem;opacity:.9}.idp-score-section{align-items:center;display:flex;gap:16px;justify-content:center;margin:16px 0}.idp-score-card{align-items:center;background:#f9f9f9;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:row;gap:8px;padding:8px 12px;transition:box-shadow .2s ease}.idp-score-card:hover{box-shadow:0 2px 8px #0003}.idp-score-badge{align-items:center;border-radius:50%;box-shadow:0 1px 4px #0003;color:#fff;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.idp-score-badge.safe{background-color:#4caf50}.idp-score-badge.moderate{background-color:#ff9800}.idp-score-badge.toxic{background-color:#f44336}.idp-score-badge.unknown{background-color:#9e9e9e}.idp-score-badge.idp-cir-badge{background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#333}.idp-score-text{color:#333;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.idp-score-text strong{font-size:1rem;margin-bottom:2px}.idp-score-text small{color:#666;font-size:.75rem;line-height:1.2}@media (max-width:768px){.idp-score-section{flex-direction:column;gap:16px;padding:12px}.idp-score-card{justify-content:flex-start;padding:12px;width:100%}}.idp-effects-grid,.idp-flags-grid,.idp-functions-grid,.idp-special-situations{display:flex;flex-wrap:wrap;gap:16px}.idp-effect-item,.idp-flag-item,.idp-function-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:4px;justify-content:center;min-width:120px;padding:12px}.idp-effect-item{background:#e3f2fd}.idp-function-item{background:#e8f5e9}.idp-flag-item{background:#ffebee}.idp-hair-scalp{background:#fce4ec;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:12px 0;padding:8px}.idp-special-situation{border-radius:12px;font-size:.95rem;padding:10px 16px}.idp-bad{background:#ffcdd2;color:#b71c1c}.idp-good{background:#c8e6c9;color:#1b5e20}.cmp-scroll-container{overflow-x:auto;white-space:nowrap}.cmp-compare-page{background:linear-gradient(180deg,#e4ebf5,#f8fbff);box-sizing:border-box;display:inline-block;font-family:Poppins,sans-serif;min-height:calc(100vh - 60px);padding:20px;white-space:normal}.cmp-scroll-container::-webkit-scrollbar{height:8px}.cmp-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.cmp-scroll-container::-webkit-scrollbar-thumb:hover{background:#bbb}.cmp-scroll-container::-webkit-scrollbar-track{background:#f0f0f0}.cmp-switch{display:inline-block;height:28px;position:relative;width:50px}.cmp-switch input{height:0;opacity:0;width:0}.cmp-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.cmp-slider,.cmp-slider:before{position:absolute;transition:.4s}.cmp-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;width:22px}.cmp-switch input:checked+.cmp-slider{background-color:#3498db}.cmp-switch input:checked+.cmp-slider:before{transform:translateX(22px)}.cmp-slider.round{border-radius:34px}.cmp-slider.round:before{border-radius:50%}.cmp-differences-label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-left:8px}.cmp-grid{display:flex;flex-direction:column;gap:12px}.cmp-row-label{border-left:6px solid #3498db;color:#3498db;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:8px 0;padding-left:12px}.cmp-row{background:#f7ffff;border-radius:12px;display:flex}.cmp-row:nth-of-type(2n){background:#fefefe}.cmp-row:hover{box-shadow:0 2px 5px #0000000f}.cmp-card-header{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px;position:relative;text-align:center}.cmp-clickable-product{cursor:pointer;transition:background-color .2s ease}.cmp-clickable-product:hover{background-color:#f9f9f9}.cmp-card-header.cmp-clickable-product{border:1px solid #eee}.cmp-card-header.cmp-clickable-product:hover{background-color:#f7faff;border-color:#cce1ff;box-shadow:0 2px 8px #0000001a}.cmp-product-img-wrapper{margin-bottom:8px;position:relative}.cmp-product-img{border:2px solid #eee;border-radius:50%;height:64px;object-fit:cover;width:64px}.cmp-product-score{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:-6px;top:-4px;width:32px}.cmp-product-name{color:#2c3e50;font-size:.8rem;font-weight:600;height:5rem;margin:0}.cmp-product-brand{color:#777;font-size:.85rem;line-height:1rem;margin:4px}.cmp-rating-stars{align-items:center;display:flex;gap:6px}.cmp-stars-text{color:#f1c40f;font-size:1rem}.cmp-star-value{color:#666;font-size:.85rem}.cmp-cell{display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:6px;justify-content:center;padding:14px}.cmp-flags-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.cmp-flag-item{align-items:center;color:#555;display:flex;font-size:.85rem;gap:6px}.cmp-flag-check{color:#27ae60!important}.cmp-flag-cross{color:#e74c3c!important}.cmp-effects-list{display:flex;flex-wrap:wrap;gap:8px}.cmp-effect-item{align-items:center;background:#ecf5fc;border:1px solid #d6eaf8;border-radius:6px;color:#3498db;display:flex;gap:6px;padding:4px}.cmp-effect-check{color:green}.cmp-hair-scalp-list{display:flex;flex-wrap:wrap;gap:12px}.cmp-risk-item{align-items:center;background:#fdecea;border-radius:6px;color:#c0392b;display:flex;gap:6px;margin-bottom:6px;padding:4px}.cmp-risk-cross{color:red}.cmp-none{color:#aaa;font-size:.85rem;font-style:italic}.cmp-ingredients-row{align-items:flex-start}.cmp-ingredients-row .cmp-cell{align-items:flex-start;justify-content:flex-start}.cmp-ingredients-toggle{background-color:#3ba4c6c9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px}.cmp-ingredients-toggle:hover{background:#3ba4c6c9}.cmp-ingredient-list{margin-top:6px}.cmp-ingredient-card{border:1px solid #eee;border-radius:6px;margin-bottom:6px;overflow:hidden}.cmp-ingredient-row{cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:6px}.cmp-ingredient-details{background:#fafafa;color:#555;font-size:.85rem;padding:6px}.cmp-same-dim{filter:grayscale(40%);opacity:.45;transition:all .3s ease}.cmp-highlight-diff{background:#fff5da!important;box-shadow:0 0 8px #f7d9a6b3;transform:scale(1.02);transition:all .3s ease}.cmp-unique-card{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:transform .2s,box-shadow .3s}.cmp-unique-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.cmp-unique-card.suitable{border-left:4px solid #4caf50}.cmp-unique-card.partially_suitable{border-left:4px solid #ffc107}.cmp-unique-card.not_suitable{border-left:4px solid #f44336}.cmp-unique-card.unknown{border-left:4px solid #c7cacc}.cmp-unique-icon-label{align-items:center;display:flex;gap:8px}.cmp-unique-icon{color:#333;font-size:1.2rem}.cmp-unique-label{color:#333;font-size:.9rem;font-weight:600}.cmp-product-image{height:100%;max-height:140px;object-fit:contain;width:100%}*{box-sizing:border-box;margin:0;padding:0}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.via-orange-50{--tw-gradient-stops:var(--tw-gradient-from),#fff7ed,var(--tw-gradient-to,#fff7ed00)}.to-yellow-50{--tw-gradient-to:#fffbeb}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-20{padding-bottom:5rem;padding-top:5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-12>*+*{margin-top:3rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.text-gray-400{color:#9ca3af}.text-gray-900{color:#111827}.text-white{color:#fff}.text-teal-600{color:#0d9488}.text-orange-500{color:#f97316}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f3f4f6}.bg-gray-900{background-color:#111827}.bg-transparent{background-color:initial}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-80{width:20rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-96{height:24rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease}.transition-transform{transition:transform .3s ease}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:rotate-12:hover{transform:rotate(12deg)}.hover\:scale-110:hover{transform:scale(1.1)}.group:hover .group-hover\:rotate-12{transform:rotate(12deg)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-search-progress{animation:searchProgress 2s ease-in-out infinite}@keyframes searchProgress{0%{width:0}50%{width:70%}to{width:100%}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.btn-primary{border:none;border-radius:.5rem;font-weight:500}.btn-hero,.btn-primary{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none;transition:all .3s ease}.btn-hero{border:none;border-radius:.75rem;font-weight:600}.btn-secondary{align-items:center;border:2px solid;border-radius:.75rem;cursor:not-allowed;display:inline-flex;font-weight:600;justify-content:center;opacity:.6}.btn-secondary,.card{transition:all .3s ease}.card{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-teal-500{--tw-gradient-from:#14b8a6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#14b8a600)}.to-orange-500{--tw-gradient-to:#f97316}.from-teal-600{--tw-gradient-from:#0d9488;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0d948800)}.to-orange-600{--tw-gradient-to:#ea580c}.from-pink-500{--tw-gradient-from:#ec4899;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#ec489900)}.to-purple-600{--tw-gradient-to:#9333ea}.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#a855f700)}.to-pink-500{--tw-gradient-to:#ec4899}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:#0000}.from-teal-50{--tw-gradient-from:#f0fdfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f0fdfa00)}.to-teal-100{--tw-gradient-to:#ccfbf1}.from-orange-50{--tw-gradient-from:#fff7ed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fff7ed00)}.to-orange-100{--tw-gradient-to:#fed7aa}.from-pink-50{--tw-gradient-from:#fdf2f8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fdf2f800)}.to-pink-100{--tw-gradient-to:#fce7f3}.from-purple-50{--tw-gradient-from:#faf5ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#faf5ff00)}.to-purple-100{--tw-gradient-to:#e9d5ff}.from-yellow-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fffbeb00)}.to-yellow-100{--tw-gradient-to:#fef3c7}.from-green-50{--tw-gradient-from:#f0fdf4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f0fdf400)}.to-green-100{--tw-gradient-to:#dcfce7}.from-teal-400{--tw-gradient-from:#2dd4bf;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#2dd4bf00)}.to-teal-600{--tw-gradient-to:#0d9488}.from-orange-400{--tw-gradient-from:#fb923c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fb923c00)}.from-pink-400{--tw-gradient-from:#f472b6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f472b600)}.to-pink-600{--tw-gradient-to:#db2777}.from-purple-400{--tw-gradient-from:#c084fc;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#c084fc00)}.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#facc1500)}.to-yellow-600{--tw-gradient-to:#ca8a04}.from-green-400{--tw-gradient-from:#4ade80;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#4ade8000)}.to-green-600{--tw-gradient-to:#16a34a}@media (max-width:639px){.gap-3{gap:.75rem}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.container{padding:0 .75rem}.text-4xl{font-size:2rem;line-height:2.25rem}.text-5xl{font-size:2.5rem;line-height:2.75rem}.text-6xl{font-size:3rem;line-height:3.25rem}.py-20{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:2rem;padding-top:2rem}.p-8{padding:1.5rem}.p-12{padding:2rem}.gap-12{gap:2rem}.space-y-8>*+*{margin-top:1.5rem}.space-y-12>*+*{margin-top:2rem}.mb-16{margin-bottom:2.5rem}.mb-20{margin-bottom:3rem}.mt-20{margin-top:3rem}.w-80{width:16rem}.h-\[650px\]{height:550px}.text-xl{font-size:1.125rem;line-height:1.625rem}.text-2xl{font-size:1.375rem;line-height:1.875rem}.text-3xl{font-size:1.75rem;line-height:2rem}.px-8{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-bottom:.875rem;padding-top:.875rem}.grid{gap:1rem}.lg\:grid-cols-2,.lg\:grid-cols-3,.sm\:grid-cols-2,.sm\:grid-cols-3{grid-template-columns:1fr}.flex-col,.sm\:flex-row{flex-direction:column}.gap-8{gap:1.5rem}.py-6{padding-bottom:1rem;padding-top:1rem}.flex.items-start{align-items:center;flex-direction:column;text-align:center}.flex.items-start .w-16{margin-bottom:1rem}.order-1{order:1}.order-2{order:2}nav{display:none}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-left{text-align:left}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}nav{display:flex}.flex.items-start{align-items:flex-start;flex-direction:row;text-align:left}.flex.items-start .w-16{margin-bottom:0}}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:justify-end{justify-content:flex-end}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:order-1{order:1}.lg\:order-2{order:2}}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.-top-4{top:-1rem}.-right-4{right:-1rem}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.mt-0\.5{margin-top:.125rem}.bg-white\/50{background-color:#ffffff80}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-pink-100{background-color:#fce7f3}.bg-teal-100{background-color:#ccfbf1}.bg-pink-400{background-color:#f472b6}.bg-purple-400{background-color:#c084fc}.bg-green-400{background-color:#4ade80}.bg-gray-200{background-color:#e5e7eb}.text-pink-500{color:#ec4899}.text-teal-500{color:#14b8a6}.text-green-500{color:#22c55e}.fill-current{fill:currentColor}.overflow-hidden{overflow:hidden}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.border-t{border-top-width:1px}.border-gray-800{border-color:#1f2937}.border-2{border-width:2px}.border-gray-300{border-color:#d1d5db}.border-white{border-color:#fff}.hover\:border-orange-400:hover{border-color:#fb923c}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.flex-col{flex-direction:column}.no-underline{text-decoration:none}.hover\:text-gray-900:hover{color:#111827}.hover\:text-white:hover{color:#fff}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-white:hover{background-color:#fff}.hover\:text-teal-600:hover{color:#0d9488}.duration-300{transition-duration:.3s}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.hidden{display:none}.inline-flex{display:inline-flex}.dots-loading:after{animation:dots 1.5s steps(4) infinite;content:"";display:inline-block;text-align:left;width:1ch}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.footer-links{align-items:flex-start;display:flex;flex-direction:column}@media (min-width:768px){.footer-links{align-items:center;flex-direction:row;gap:2rem;justify-content:center}}.flex-wrap{flex-wrap:wrap}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#ff9f43,#ff6b35 50%,#f7931e);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-contrast-fix{color:#1f2937!important}.bg-dark-gradient{background:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563)}.bottom-nav{background:#fff;border-top:1px solid #ddd;bottom:0;height:60px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,10px);position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:#666;flex:1 1;flex-direction:column;font-size:.8rem;justify-content:center;text-align:center;text-decoration:none}.nav-item:hover{background-color:#fafafa}.nav-icon{font-size:1.4rem}.nav-label{margin-top:2px}.active{color:#007bbd;font-weight:600}.select-other-products-page{align-items:center;background:linear-gradient(180deg,#e4ebf5,#f8fbff);box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:calc(100vh - 60px);padding:20px}.select-other-products-horizontal-section{margin-bottom:16px;max-width:800px;text-align:center;width:100%}.select-other-products-horizontal-scroll{display:flex;flex-direction:column;gap:12px}.select-other-products-product-card{align-items:center;background:#fff;border-radius:8px;display:flex;gap:4px;padding:8px}.select-other-products-product-img-wrap{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.select-other-products-product-img{max-height:100%;max-width:100%;object-fit:contain}.select-other-products-product-details{flex:1 1;text-align:left}.select-other-products-product-name{color:#333;font-size:.9rem;font-weight:400;margin:0 0 4px}.select-other-products-product-brand{color:#666;font-size:.8rem;margin:0 0 8px}.select-other-products-action-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px}.select-other-products-add-button{background:#38b000;color:#fff}.select-other-products-remove-button{background:#e63950;color:#fff}.select-other-products-instruction-text{font-size:1rem;margin:12px 0}.select-other-products-compare-button-small{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:10px;padding:8px 12px}.select-other-products-compare-button-small,.select-other-products-compare-button-small:hover{background:linear-gradient(135deg,#f6d365,#fda085)}.scan-page-new{align-items:center;background:linear-gradient(180deg,#e4ebf5,#f8fbff);box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;min-height:calc(100vh - 60px);overflow-x:hidden;padding:20px 20px env(safe-area-inset-bottom,20px)}.scan-title-new{font-size:1.25rem;margin-bottom:20px;text-align:center}.barcode-video-container-new{margin:0 auto;max-width:600px;width:100%}.barcode-video-new{background:#000;border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;width:100%}.upload-container-new{align-items:center;display:flex;flex-direction:column;margin:0 auto 20px;max-width:600px;width:100%}.upload-button-new{background:#fff5f8;border:none;border-radius:30px;box-shadow:0 3px 8px #0003;color:#ff758c;cursor:pointer;font-size:1rem;margin-bottom:10px;padding:12px 20px;transition:all .3s}.upload-button-new:hover{background:#ffdde1;box-shadow:0 5px 12px #0000004d;transform:translateY(-4px)}.scanned-image-wrap-new{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 3px 8px #0003;margin-top:10px;max-width:100%;overflow:hidden}.scanned-image-new{display:block;height:auto;object-fit:cover;width:100%}.ingredients-upload-section-new{background:#fff5f8;border:1px solid #ddd;border-radius:10px;box-shadow:0 3px 8px #0003;color:#333;margin-top:20px;max-width:500px;padding:10px;text-align:center;width:90%}.upload-ingredients-button-new{background:#fff5f8;border:none;border-radius:30px;box-shadow:0 3px 8px #0003;color:#ff758c;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 15px;transition:all .3s}.upload-ingredients-button-new:hover{background:#ffdde1;transform:translateY(-3px)}.loading-message-new{color:#666;font-size:.95rem;margin-top:10px}.success-message-new{color:#2ecc71;font-size:.9rem;margin-top:15px;text-align:center}.ingredients-list-new{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;margin-top:15px;padding:10px;width:100%}.ingredients-list-new h3{color:#333;font-size:1rem;margin-bottom:10px}.ingredients-list-new ul{list-style:none;margin:0;padding:0}.ingredients-list-new ul li{color:#666;font-size:.9rem;margin-bottom:5px}.detected-product-new{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-top:20px;padding:10px;text-align:center;transition:transform .2s,box-shadow .2s;width:180px}.detected-product-new:hover{box-shadow:0 6px 10px #0003;transform:translateY(-5px)}.detected-product-new img{border-radius:8px;height:100px;object-fit:contain;width:100px}.detected-name-new{color:#333;font-size:1rem;font-weight:700;margin-top:8px}.detected-brand-new{color:#666;font-size:.85rem;margin-top:4px}.loading-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#ff758c;height:50px;width:50px}.loading-text{color:#fff;font-size:1.2rem;font-weight:700;margin-top:15px;text-align:center}.scan-ingredients-container{background:#fff;border-radius:8px;box-shadow:0 2px 5px #00000014;margin-top:15px;max-width:600px;padding:12px;text-align:left;width:100%}.scan-ingredients-title{color:#333;font-size:1rem;font-weight:700;margin-bottom:6px}.scan-ingredients-warning{color:#666;font-size:.8rem;margin-bottom:8px;text-align:left}.scan-ingredients-text{color:#333;font-size:.85rem;font-weight:400;line-height:1.6;text-align:left}.scan-ingredient-word{border-radius:3px;display:inline-block;margin-bottom:8px;margin-right:6px;padding:1px 4px}.pre-container{background:linear-gradient(180deg,#f8fbff,#e4ebf5);box-sizing:border-box;color:#2d3748;font-family:Inter,sans-serif;min-height:calc(100vh - 60px);padding:20px}.pre-tags-container p{flex-basis:100%;margin-bottom:8px}.pre-header{background:linear-gradient(135deg,#f6d365,#fda085);border-radius:12px;margin-bottom:20px;padding:8px 20px;text-align:center}.pre-title{font-size:1rem;font-weight:600;margin-bottom:10px}.pre-subtitle,.pre-title{color:#fff;font-family:Poppins,sans-serif}.pre-subtitle{font-size:.8rem;line-height:1.5;margin:0 auto;max-width:700px}.pre-search-item{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;padding:10px;transition:background .2s ease}.pre-search-item:hover{background:#f5f8fa}.pre-search-item-img{border-radius:8px;height:50px;margin-right:10px;object-fit:cover;width:50px}.pre-search-item-name{font-size:.9rem;font-weight:600;margin:0}.pre-search-item-brand{color:#718096;font-size:.8rem}.pre-selected-product{align-items:center;background:#f5f8fa;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;gap:16px;margin-bottom:20px;padding:16px}.pre-selected-product-img{flex-shrink:0;height:100px;object-fit:cover;width:100px}.pre-selected-product-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.pre-remove-btn{align-self:flex-end;background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background .2s}.pre-remove-btn:hover{background:#c53030}.pre-selected-product-info h4{color:#2d3748;font-size:1rem;margin:0}.pre-selected-product-info p{color:#718096;font-size:.85rem;margin:4px 0 0}.pre-feedback-form{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:12px}.pre-feedback-form textarea{border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:Poppins,sans-serif;font-size:14px;padding:12px;resize:none}.pre-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pre-tags-container .pre-tag{background:#e6fffa;border-radius:12px;color:#319795;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 12px}.pre-tag.selected{background:#319795;color:#fff}.pre-rating-container{align-items:center;display:flex;gap:8px}.pre-rating-container .pre-star{color:#e2e8f0;cursor:pointer;font-size:1.5rem}.pre-rating-container .pre-star.active{color:gold}.pre-feedback-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;gap:8px;margin-bottom:16px;padding:8px}.pre-feedback-card-img{border-radius:8px;height:100px;margin-top:30px;object-fit:cover;width:80px}.pre-feedback-card-details{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.pre-feedback-card-details h4{color:#2d3748;font-size:1rem}.pre-feedback-card-details p{color:#718096;font-size:.85rem;margin:4px}.pre-feedback-tag{background:#e6fffa;border-radius:16px;color:#319795;display:inline-block;font-size:.85rem;margin:2px;padding:6px 12px}.pre-delete-btn{align-self:flex-end;background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:12px;padding:8px 12px;transition:background .2s}.pre-delete-btn:hover{background:#c53030}.new-feedback-title,.section h2{color:#4c7fa6;font-size:1.3rem;font-weight:700;margin-bottom:10px;padding-bottom:8px}.section h2:after{background:#94a5b7;border-radius:2px;content:"";display:block;height:3px;position:relative;width:40px}.button-container{display:flex;justify-content:flex-end;margin-left:auto;width:50%}.pre-save-btn{background:linear-gradient(135deg,#f6d365,#fda085);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:4px;padding:8px 20px;text-align:center}.pre-save-btn:hover{background:#434190}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:48px;margin-bottom:16px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#666;font-size:16px}.product-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;overflow:hidden}@media (min-width:768px){.product-header{flex-direction:row}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scores-section{margin-bottom:32px}.score-circles{display:flex;justify-content:space-around;margin-bottom:16px}.score-circle-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s ease}.score-circle-container.active{transform:scale(1.1)}.other-score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;margin-bottom:8px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:80px}.score-circle-container.active .other-score-circle{box-shadow:0 4px 12px #0003}.expand-icon-container{align-items:center;background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 1px 3px #0003;display:flex;height:20px;justify-content:center;position:absolute;right:4px;width:20px}.expand-icon{border-bottom:2px solid #666;border-right:2px solid #666;display:block;height:8px;transform:rotate(45deg);transition:transform .3s ease;width:8px}.expand-icon.expanded{transform:rotate(-135deg)}.score-label{font-size:1rem;font-weight:600;margin-top:10px}.score-details{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:24px;overflow:hidden;position:relative}.score-details-connector{background-color:#fff;box-shadow:-1px -1px 3px #0000001a;height:16px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(45deg);width:16px}.score-detail-card{border-radius:12px;padding:20px}.score-detail-title{align-items:center;display:flex;font-size:20px;font-weight:700;margin-bottom:16px}.icon{margin-right:8px}.score-detail-text{font-size:16px;line-height:1.5;margin-bottom:16px}.score-highlight{background-color:#e6f7ff;border-radius:8px;font-size:16px;margin-bottom:16px;padding:12px}.nutrition-card{background:linear-gradient(to bottom right,#fff,#f0f8ff)}.bar-section{margin-bottom:20px}.bar-section-title{align-items:center;display:flex;font-size:16px;font-weight:700;margin-bottom:12px}.bar-items{display:flex;flex-direction:column;gap:12px}.bar-item{width:100%}.bar-item-header{display:flex;justify-content:space-between;margin-bottom:4px}.bar-item-name{font-size:14px}.bar-item-value{font-size:14px;font-weight:700}.bar-container{background-color:#0000001a;border-radius:4px;height:8px;overflow:hidden}.bar-container.negative{background-color:#e639461a}.bar-container.positive{background-color:#28a7451a}.bar-fill{height:100%;transition:width .3s ease}.bar-container.negative .bar-fill{background-color:#e63946}.bar-container.positive .bar-fill{background-color:#28a745}.processing-card{background:linear-gradient(to bottom right,#fff,#f0f8ff)}.processing-levels{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.processing-level{border-radius:8px;padding:12px}.level-title{font-size:14px;font-weight:700}.level-desc{font-size:12px}.level-a{background-color:#28a7451a}.level-b{background-color:#ffc1071a}.level-c{background-color:#ff98001a}.level-e{background-color:#e639461a}.processing-info{background-color:#f0f8ff;border-radius:8px;margin-bottom:16px;padding:12px}.processing-status{font-size:16px;font-weight:500;margin-bottom:4px}.processing-additives{color:#666;font-size:14px}.additive-tags{display:flex;flex-wrap:wrap;gap:8px}.additive-tag{background-color:#e639461a;border-radius:16px;color:#e63946;font-size:14px;font-weight:500;padding:6px 12px}.more-tag{background-color:#f0f0f0;color:#666}.eco-card{background:linear-gradient(to bottom right,#fff,#f0f8ff)}.eco-info{background-color:#28a7451a;border-radius:8px;margin-bottom:16px;padding:12px}.eco-status{font-size:16px;font-weight:500}.eco-details{display:flex;flex-direction:column;gap:12px}.eco-detail-item{align-items:center;display:flex;gap:8px}.eco-icon{font-size:20px}.feature-cards{display:flex;gap:16px}.feature-card{flex:1 1}.feature-card-title{color:#4c7fa6;font-size:1rem;font-weight:700;margin-bottom:10px;padding-bottom:8px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tag-container{position:relative}.feature-tag{border-radius:16px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.feature-tag:hover{transform:translateY(-2px)}.positive-tag{background-color:#28a7451a;color:#28a745}.negative-tag{background-color:#e639461a;color:#e63946}.empty-tag{background-color:#f0f0f0;color:#666;cursor:default}.feature-tag.active{box-shadow:0 0 0 2px currentColor}.description-box{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:.9rem;margin-top:5px;padding:10px 15px}.nutrient-serving{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;padding:20px}.section-title{align-items:center;display:flex;font-size:20px;font-weight:700;margin-bottom:20px}.nutrient-items{display:flex;flex-direction:column;gap:24px}.nutrient-item{gap:16px}.nutrient-icon,.nutrient-item{align-items:center;display:flex}.nutrient-icon{background-color:#f0f0f0;border-radius:50%;font-size:20px;height:40px;justify-content:center;width:40px}.nutrient-content{flex:1 1}.nutrient-header{display:flex;justify-content:space-between;margin-bottom:8px}.nutrient-title{font-size:16px;font-weight:500}.nutrient-value{font-size:16px;font-weight:700}.nutrient-progress-container{width:100%}.nutrient-progress{margin-bottom:4px}.nutrient-status-info{display:flex;font-size:12px;justify-content:space-between}.nutrient-level{font-weight:500}.nutrient-daily{color:#666}.ingredients-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.ingredients-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.ingredients-container{grid-template-columns:1fr 1fr}}.ingredients-list{display:flex;flex-direction:column;gap:8px}.ingredient-item{align-items:center;display:flex;gap:8px}.ingredient-color{border-radius:50%;height:16px;width:16px}.ingredient-info{display:flex;flex:1 1;justify-content:space-between}.ingredient-name{font-size:14px}.ingredient-percentage{font-size:14px;font-weight:700}.pie-chart-container{align-items:center;display:flex;justify-content:center}.pie-chart{border-radius:50%;height:160px;position:relative;width:160px}.pie-chart-center{background-color:#fff;border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.allergy-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.allergen-tags{display:flex;flex-wrap:wrap;gap:8px}.allergen-tag{background-color:#e639461a;border-radius:16px;color:#e63946;font-size:14px;font-weight:500;padding:6px 12px}.allergen-free{background-color:#28a7451a;color:#28a745}.nutrient-levels{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.nutrient-bars{display:flex;flex-direction:column;gap:16px}.nutrient-bar{width:100%}.nutrient-bar-header{display:flex;justify-content:space-between;margin-bottom:8px}.nutrient-name{font-size:16px;font-weight:500}.nutrient-values{align-items:center;display:flex;gap:8px}.nutrient-percentage{font-size:16px;font-weight:700}.nutrient-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.nutrient-progress{border-radius:4px;height:8px;overflow:hidden}.nutrient-progress-fill{height:100%;transition:width .3s ease}.tag-row{display:flex;justify-content:space-around;margin-bottom:40px}.tag-item{flex-direction:column}.tag-circle,.tag-item{align-items:center;display:flex}.tag-circle{border-radius:50%;cursor:pointer;height:80px;justify-content:center;margin-bottom:8px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:80px}.tag-circle.active{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.tag-icon{font-size:24px}.tag-cross{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.cross-line{background-color:#e63946;height:2px;position:absolute;transform:rotate(45deg);width:80%}.tag-expand{align-items:center;background-color:#fff;border-radius:50%;bottom:0;box-shadow:0 1px 3px #0003;display:flex;height:20px;justify-content:center;position:absolute;right:0;width:20px}.tag-label{font-size:14px;font-weight:500;text-align:center}.tag-details{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:24px;overflow:hidden;position:relative}.tag-details-connector{background-color:#fff;box-shadow:-1px -1px 3px #0000001a;height:16px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(45deg);width:16px}.tag-details-content{padding:16px}.tag-details-title{font-size:16px;font-weight:500;margin-bottom:12px}.tag-details-list{list-style:none;margin:0;padding:0}.tag-details-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.tag-details-bullet{background-color:#e63946;border-radius:50%;height:6px;margin-top:6px;width:6px}.empty-state{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#666;display:flex;justify-content:center;padding:40px}.coverage-container{display:flex;flex-direction:column;gap:6px;width:100%}.coverage-bar-container{background:#e0e0e0;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden;position:relative;width:100%}.coverage-fill{background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:20px;height:100%;position:relative;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.coverage-fill[style*="width: 100%"],.coverage-fill[style*="width:100%"]{background:linear-gradient(90deg,#43a047,#2e7d32)}.coverage-fill[style*="width: 7"],.coverage-fill[style*="width: 8"],.coverage-fill[style*="width: 9"]{background:linear-gradient(90deg,#ffb74d,#ff9800)}.coverage-fill[style*="width: 1"],.coverage-fill[style*="width: 2"],.coverage-fill[style*="width: 3"]{background:linear-gradient(90deg,#ef5350,#e53935)}.coverage-text{align-items:center;color:#424242;display:flex;font-family:Roboto,sans-serif;font-size:.9rem;margin-top:4px}.coverage-text i{color:#66bb6a;font-size:1rem;margin-right:8px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modal-score-badge{border-radius:20px;color:#fff;font-size:1.2rem;font-weight:700;padding:6px 12px}.modal-score-badge.excellent{background-color:#28a745}.modal-score-badge.good{background-color:#17a2b8}.modal-score-badge.moderate{background-color:#ffc107}.modal-score-badge.low{background-color:#dc3545}.modal-ingredient-name{color:#343a40;flex-grow:1;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.modal-close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;margin-left:10px;padding:0}.modal-body{padding:8px}.modal-section{margin-bottom:24px}.modal-section-title{align-items:center;color:#495057;display:flex;font-size:1.2rem;font-weight:700;margin-bottom:12px}.modal-section-title svg{color:#007bff;margin-right:8px}.modal-badges{display:flex;flex-wrap:wrap;gap:8px}.modal-badge{background-color:#e9ecef;border-radius:4px;color:#495057;font-size:.9rem;padding:4px 8px}.modal-list{list-style-type:none;margin:0;padding-left:0}.modal-list li{margin-bottom:8px;padding-left:20px;position:relative}.modal-list li:before{color:#007bff;content:"•";left:0;position:absolute}.modal-subsection{margin-top:16px}.modal-subsection-title{align-items:center;color:#6c757d;display:flex;font-size:1.1rem;font-weight:700;margin-bottom:8px}.modal-subsection-title svg{color:#28a745;margin-right:8px}.composition-section{background-color:#fff;border-radius:8px;padding:8px}.composition-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:15px;padding-bottom:5px}.composition-summary{margin-bottom:20px}.composition-summary h3{color:#444;font-size:1.2rem;margin-bottom:10px}.composition-summary p{color:#555;font-size:1rem;line-height:1.5}.toggle-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;margin-top:10px;padding:6px 12px}.toggle-button:hover{background-color:#1565c0}.composition-analysis{margin-top:20px}.recognized-items{display:flex;flex-wrap:wrap;gap:15px}.recognized-item-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1 1 200px;padding:10px}.recognized-item-card h4{color:#333;font-size:1rem;margin-bottom:5px}.recognized-item-card p{color:#666;font-size:.9rem}.ingredient-forms-section{margin-bottom:30px}.ingredient-forms-section h3{color:#333;font-size:1.3rem;margin-bottom:15px}.ingredient-forms-grid{display:flex;flex-wrap:wrap;gap:20px}.ingredient-form-card{background-color:#f7f7f7;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1;min-width:250px;padding:15px}.ingredient-form-header{align-items:center;display:flex;gap:8px}.ingredient-form-header h4{color:#1976d2;font-family:Montserrat,sans-serif;font-size:1.1rem;margin:0}.ingredient-form-header p{color:#666;font-size:.9rem;margin:0}.ingredient-form-details{display:flex;flex-direction:column;gap:10px;margin-top:10px}.form-card{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000000d;padding:8px}.form-card strong{color:#444;display:block;font-size:.95rem}.form-card p{color:#555;font-size:.85rem;margin:5px 0 0}.food-ingredient-details{background-color:#f9f9f9;display:flex;flex-direction:column;gap:12px;padding:8px;position:relative}.food-ingredient-details div:first-child em{align-items:center;background-color:#e8eaf6;border-left:4px solid #3f51b5;border-radius:8px;color:#5c6bc0;display:flex;font-family:Open Sans,sans-serif;font-size:.95rem;font-style:italic;line-height:1.4;padding:8px 12px}.ingredient-amount{align-items:center;color:#424242;display:flex;font-family:Roboto,sans-serif;font-size:1rem;margin-bottom:5px}.ingredient-amount i{color:#5c6bc0;font-size:1.2rem;margin-right:8px}.risk-cards{display:flex;flex-direction:column;gap:1rem}.risk-card{align-items:center;background:#fff;border-radius:4px;display:flex;padding:10px}.risk-icon{font-size:1.2rem;margin-right:.5rem}.risk-text{color:#333;font-size:1rem}
/*# sourceMappingURL=main.5f71d1ed.css.map*/