@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--bg-input:#0000000a;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#334155;--metabolic-start:#f59e0b;--metabolic-end:#d97706;--metabolic-glow:#f59e0b26;--stress-start:#8b5cf6;--stress-end:#7c3aed;--stress-glow:#8b5cf626;--repro-start:#f43f5e;--repro-end:#e11d48;--repro-glow:#f43f5e26;--skin-start:#ec4899;--skin-end:#be185d;--skin-glow:#ec489926;--thyroid-start:#14b8a6;--thyroid-end:#0d9488;--thyroid-glow:#14b8a626;--score-good:#16a34a;--score-ok:#ca8a04;--score-bad:#dc2626;--border-subtle:#0000000f;--border-medium:#0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 40px;--nav-height:72px;--page-padding:20px}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fb;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{margin:0 auto;max-width:480px;min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom));padding-bottom:calc(var(--nav-height) + 16px + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);position:relative}.page{animation:pageIn .3s ease-out;padding:20px;padding:var(--page-padding)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.page-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:400}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:20px;transition:all .2s ease}.card:hover{background:#0000000f;background:var(--bg-glass-hover)}.card+.card{margin-top:12px}.card-title{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f159;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-sm{font-size:13px;padding:8px 16px}.btn-block{width:100%}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d;color:#fff}.btn-load-more{background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.btn-load-more:hover{background:#0000000f;background:var(--bg-glass-hover);border-color:#6366f1}.btn-load-more:disabled{cursor:not-allowed;opacity:.5}.input-group{margin-bottom:16px}.input-label{color:#64748b;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.input-field{background:#0000000a;background:var(--bg-input);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-field::placeholder{color:#94a3b8;color:var(--text-muted)}select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8'%3E%3Cpath d='m6 8.5-5-5h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}input[type=range]{appearance:none;-webkit-appearance:none;background:#0000000a;background:var(--bg-input);border-radius:3px;height:6px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #6366f166;cursor:pointer;height:22px;width:22px}.counter{gap:16px}.counter,.counter-btn{align-items:center;display:flex}.counter-btn{background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:600;height:40px;justify-content:center;transition:all .15s ease;width:40px}.counter-btn:hover{background:#0000000f;background:var(--bg-glass-hover);transform:scale(1.05)}.counter-btn:active{transform:scale(.95)}.counter-value{font-size:24px;font-weight:700;min-width:40px;text-align:center}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chip.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f1;color:#1e293b;color:var(--text-primary)}.chip:hover{background:#0000000f;background:var(--bg-glass-hover)}.toggle-row{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:12px 0}.toggle-row:last-child{border-bottom:none}.toggle-label{color:#334155;color:var(--text-accent);font-size:14px}.toggle-switch{cursor:pointer;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#0000000a;background:var(--bg-input);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:14px;inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background:#64748b;background:var(--text-secondary);border-radius:50%;content:"";height:20px;left:3px;top:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translateX(20px)}.axis-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.axis-card{background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .25s ease}.axis-card:hover{border-color:#0000001a;border-color:var(--border-medium);transform:translateY(-2px)}.axis-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.axis-card.metabolic:before{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--metabolic-start),var(--metabolic-end))}.axis-card.stress:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--stress-start),var(--stress-end))}.axis-card.reproductive:before{background:linear-gradient(90deg,#f43f5e,#e11d48);background:linear-gradient(90deg,var(--repro-start),var(--repro-end))}.axis-card.thyroid:before{background:linear-gradient(90deg,#14b8a6,#0d9488);background:linear-gradient(90deg,var(--thyroid-start),var(--thyroid-end))}.axis-card.skin:before{background:linear-gradient(90deg,#ec4899,#be185d);background:linear-gradient(90deg,var(--skin-start),var(--skin-end))}.axis-card.metabolic{box-shadow:0 4px 20px #f59e0b26;box-shadow:0 4px 20px var(--metabolic-glow)}.axis-card.stress{box-shadow:0 4px 20px #8b5cf626;box-shadow:0 4px 20px var(--stress-glow)}.axis-card.reproductive{box-shadow:0 4px 20px #f43f5e26;box-shadow:0 4px 20px var(--repro-glow)}.axis-card.thyroid{box-shadow:0 4px 20px #14b8a626;box-shadow:0 4px 20px var(--thyroid-glow)}.axis-score-ring{height:90px;margin:0 auto 12px;position:relative;width:90px}.axis-score-ring svg{height:90px;transform:rotate(-90deg);width:90px}.axis-score-ring .ring-bg{fill:none;stroke:#0000000a;stroke:var(--bg-input);stroke-width:6}.axis-score-ring .ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.axis-score-ring .ring-fill.metabolic{stroke:url(#metabolic-grad)}.axis-score-ring .ring-fill.stress{stroke:url(#stress-grad)}.axis-score-ring .ring-fill.reproductive{stroke:url(#repro-grad)}.axis-score-ring .ring-fill.thyroid{stroke:url(#thyroid-grad)}.axis-score-value{font-size:26px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.axis-name{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.penalty-list{list-style:none}.penalty-item{align-items:center;animation:fadeSlideIn .3s ease-out forwards;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;opacity:0;padding:10px 0}.penalty-item:last-child{border-bottom:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.penalty-delta{font-size:14px;font-weight:700;min-width:45px;text-align:right}.penalty-delta.negative{color:#dc2626;color:var(--score-bad)}.penalty-delta.positive{color:#16a34a;color:var(--score-good)}.penalty-reason{color:#334155;color:var(--text-accent);flex:1 1;font-size:13px}.penalty-confidence{background:#0000000a;background:var(--bg-input);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-muted);font-size:11px;padding:2px 8px}.action-card{animation:fadeSlideIn .4s ease-out forwards;background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:14px;margin-bottom:10px;opacity:0;padding:16px}.action-icon{align-items:center;background:#0000000a;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.action-content{flex:1 1}.action-title{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.action-desc{color:#64748b;color:var(--text-secondary);font-size:12px;line-height:1.4}.product-card{background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:10px;padding:16px;transition:all .2s ease}.product-card:hover{background:#0000000f;background:var(--bg-glass-hover);transform:translateY(-1px)}.product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.product-name{font-size:15px;font-weight:600}.product-brand{color:#94a3b8;color:var(--text-muted);font-size:12px}.product-score-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:12px;font-weight:700;padding:4px 12px}.product-score-badge.good{background:#22c55e26;color:#16a34a;color:var(--score-good)}.product-score-badge.ok{background:#eab30826;color:#ca8a04;color:var(--score-ok)}.product-score-badge.bad{background:#ef444426;color:#dc2626;color:var(--score-bad)}.product-category{color:#94a3b8;color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.frequency-label{background:#6366f114;border-radius:9999px;border-radius:var(--radius-full);color:#6366f1;display:inline-block;font-size:10px;font-weight:600;letter-spacing:0;margin-left:8px;padding:1px 8px;text-transform:none}.chip.chip-sm{font-size:11px;padding:4px 10px}.frequency-selector{animation:fadeSlideIn .3s ease-out forwards}.product-ingredients{border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);color:#64748b;color:var(--text-secondary);font-size:12px;line-height:1.5;margin-top:8px;padding-top:8px}.ingredient-highlight{color:#dc2626;color:var(--score-bad);font-weight:600}.product-impacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.impact-tag{border-radius:9999px;border-radius:var(--radius-full);font-size:11px;font-weight:500;padding:3px 8px}.impact-tag.metabolic{background:#f59e0b1f;color:#f59e0b;color:var(--metabolic-start)}.impact-tag.stress{background:#8b5cf614;color:#8b5cf6;color:var(--stress-start)}.impact-tag.reproductive{background:#fb71851f;color:#f43f5e;color:var(--repro-start)}.impact-tag.thyroid{background:#2dd4bf1f;color:#14b8a6;color:var(--thyroid-start)}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);bottom:0;height:calc(72px + env(safe-area-inset-bottom));height:calc(var(--nav-height) + env(safe-area-inset-bottom));justify-content:space-around;left:50%;max-width:480px;padding:0 8px env(safe-area-inset-bottom);position:fixed;transform:translateX(-50%);width:100%;z-index:100}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-muted);flex-direction:column;font-size:10px;font-weight:500;gap:4px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.nav-item.active,.nav-item:hover{color:#1e293b;color:var(--text-primary)}.nav-item.active{background:#00000008;background:var(--bg-glass)}.search-container{margin-bottom:16px;position:relative}.search-icon{color:#94a3b8;color:var(--text-muted);font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#0000000a;background:var(--bg-input);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.filter-bar{display:flex;gap:8px;margin-bottom:4px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.calendar-header{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:600;padding:8px 0;text-align:center}.calendar-cell{align-items:center;aspect-ratio:1;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;justify-content:center;position:relative;transition:all .15s ease}.calendar-cell:hover{background:#0000000f;background:var(--bg-glass-hover)}.calendar-cell.today{border:1px solid #0000001a;border:1px solid var(--border-medium);color:#1e293b;color:var(--text-primary);font-weight:700}.calendar-cell.empty{cursor:default}.calendar-dot{position:absolute;right:6px;top:6px}.calendar-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-month{font-size:18px;font-weight:700}.calendar-arrow{align-items:center;background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s ease;width:36px}.calendar-arrow:hover{background:#0000000f;background:var(--bg-glass-hover)}.onboarding{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;padding:40px var(--page-padding);text-align:center}.onboarding-logo{animation:pulse 2s ease-in-out infinite;font-size:56px;margin-bottom:16px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.onboarding-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a78bfa,#fb7185);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.onboarding-desc{color:#64748b;color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 auto 32px;max-width:320px}.onboarding-form{max-width:360px;text-align:left;width:100%}.onboarding-step{animation:pageIn .3s ease-out}.step-indicator{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.step-dot{background:#0000000a;background:var(--bg-input);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.step-dot.active{background:#6366f1;border-radius:4px;width:24px}.expandable-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0}.expand-arrow{color:#94a3b8;color:var(--text-muted);font-size:14px;transition:transform .2s ease}.expand-arrow.open{transform:rotate(180deg)}.expandable-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.expandable-body.open{max-height:600px}.disclaimer{border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:24px;padding:16px;text-align:center}.empty-state{color:#64748b;color:var(--text-secondary);padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:14px;line-height:1.5}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal-content{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-secondary);border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.modal-handle{background:#94a3b8;background:var(--text-muted);border-radius:2px;height:4px;margin:0 auto 20px;width:40px}@media (max-width:480px){.app-container{max-width:100%}}.fade-in{animation:fadeIn .3s ease-out}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.quick-input{align-items:center;background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:10px;padding:16px}.quick-input-icon{align-items:center;background:#0000000a;background:var(--bg-input);border-radius:12px;border-radius:var(--radius-md);font-size:24px;height:44px;justify-content:center;width:44px}.quick-input-label{font-size:14px}.quick-input-sub{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:2px}.score-preview{display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:16px 0}.score-preview-item{background:#00000008;background:var(--bg-glass);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);min-width:70px;padding:8px 12px;text-align:center}.score-preview-value{font-size:20px;font-weight:800}.score-preview-label{color:#94a3b8;color:var(--text-muted);font-size:9px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.barcode-input{background:#0000000a;background:var(--bg-input);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Inter,monospace;font-size:16px;letter-spacing:1px;outline:none;padding:12px 16px;transition:all .2s ease}.barcode-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.barcode-input::placeholder{color:#94a3b8;color:var(--text-muted);font-size:14px;letter-spacing:0}.text-input{background:#0000000a;background:var(--bg-input);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;resize:vertical;transition:all .2s ease;width:100%}.text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.text-input::placeholder{color:#94a3b8;color:var(--text-muted)}textarea.text-input{line-height:1.5;min-height:70px}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.badge-off{background:#22c55e26;color:#22c55e}.badge-obf{background:#a78bfa26;color:#a78bfa}.badge-user{background:#fbbf2426;color:#fbbf24}.badge-cache{background:#64748b26;color:#94a3b8}.badge-nova{background:#fb718526;color:#fb7185;font-weight:700}.badge-nova.nova-4{background:#ef444433;color:#ef4444}.badge-nova.nova-3{background:#f59e0b26;color:#f59e0b}.badge-nova.nova-2{background:#eab3081f;color:#eab308}.badge-nova.nova-1{background:#22c55e1f;color:#22c55e}.badge-additives{background:#f59e0b1f;color:#f59e0b}.source-attribution{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 0}.attribution-text{color:#94a3b8;color:var(--text-muted);font-size:9px;margin-left:auto}.attribution-footer{border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);font-size:10px;margin-top:8px;padding:8px 0;text-align:center}.not-found-card{background:#00000008;background:var(--bg-glass);border:1px dashed #0000001a;border:1px dashed var(--border-medium);padding:20px}.submit-form{text-align:left}.submit-form .input-group{margin-bottom:12px}.loading-indicator{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;justify-content:center;padding:20px}.spinner{animation:spin .8s linear infinite;border:2px solid #0000001a;border:2px solid var(--border-medium);border-radius:50%;border-top:2px solid #6366f1;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;font-size:13px;padding:10px 14px}.source-dot{font-size:12px;margin-left:4px}.impact-tag.additives{background:#f59e0b1a;color:#f59e0b}.nova-badge,.scanner-overlay{align-items:center;display:flex}.scanner-overlay{animation:fadeIn .2s ease-out;background:#0009;inset:0;justify-content:center;position:fixed;z-index:200}.scanner-container{max-width:400px;padding:20px;width:100%}.scanner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;position:relative;z-index:201}.scanner-title{color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 4px #00000080}.scanner-close{align-items:center;background:#00000080;border:2px solid #fff6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .15s ease;width:44px}.scanner-close:hover{background:#fff3}.scanner-close:active{transform:scale(.95)}.scanner-viewport{border:2px solid #0000001a;border:2px solid var(--border-medium);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.scanner-viewport video{border-radius:16px;border-radius:var(--radius-lg)}.scanner-error{background:#ef44441f;border-radius:12px;border-radius:var(--radius-md);color:#dc2626;color:var(--score-bad);margin-top:16px;padding:12px}.scanner-error,.scanner-hint{font-size:13px;text-align:center}.scanner-hint{animation:pulse 2s ease-in-out infinite;color:#94a3b8;color:var(--text-muted);margin-top:12px}.btn-secondary{background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#0000000f;background:var(--bg-glass-hover)}.barcode-row{display:flex;flex-wrap:wrap;gap:8px}.barcode-row .barcode-input{flex:1 1 100%;min-width:0}.barcode-actions{display:flex;gap:8px;width:100%}.barcode-actions .btn-primary{flex:1 1}.btn-icon{align-items:center;display:flex;flex-shrink:0;height:42px;justify-content:center;padding:0;width:42px}.nav-icon{font-size:22px;height:22px;line-height:1;width:22px}@media (min-width:420px){.barcode-row .barcode-input{flex:1 1 auto}.barcode-actions{width:auto}}.signal-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:-.01em;padding:6px 10px}.signal-low{background:#10b9811a;border:1px solid #10b98133;color:#059669}.signal-moderate{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.signal-elevated{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.signal-unclear{background:#fff;background:var(--bg-secondary);border:1px solid #0000001a;border:1px solid var(--border-medium);color:#64748b;color:var(--text-secondary)}.product-meta-row{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:6px}.meta-dot{color:#94a3b8;color:var(--text-muted)}.confidence-text{font-weight:500}.conf-high{color:#10b981}.conf-moderate{color:#f59e0b}.conf-low{color:#6b7280}.top-drivers{color:#64748b;color:var(--text-secondary);font-size:13px;line-height:1.4;margin-top:10px}.drivers-label{color:#1e293b;color:var(--text-primary);font-weight:600}.remove-btn-compact{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:10px;padding:0}.remove-btn-compact:hover{color:#ef4444}.product-details-drawer{animation:fadeIn .3s ease;border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:20px}.detail-section{margin-bottom:24px}.detail-heading{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:12px}.detail-empty{background:#fff;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);font-size:13px;font-style:italic;padding:12px}.detail-empty,.sub-heading{color:#94a3b8;color:var(--text-muted)}.sub-heading{font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.signal-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.signal-item{background:#fff;background:var(--bg-secondary);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);padding:12px}.signal-item-header{align-items:flex-start;color:#1e293b;color:var(--text-primary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.evidence-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.evidence-badge.direct{background:#fde68a;color:#92400e}.evidence-badge.proxy{background:#e5e7eb;color:#4b5563}.evidence-badge.food-tag{background:#dbeafe;color:#1e40af}.signal-item-desc{color:#64748b;color:var(--text-secondary);font-size:13px;line-height:1.5}.context-row{align-items:center;background:#fff;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 14px}.context-label{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.context-value{color:#64748b;color:var(--text-secondary);font-size:14px}.frequency-select{background:#fff;border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:500;outline:none;padding:6px 10px}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:28px}.btn-action{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .15s ease;width:100%}.btn-action.primary{background:#1e293b;background:var(--text-primary);color:#fff}.btn-action.primary:active{transform:scale(.98)}.btn-action.destructive{background:#fff;background:var(--bg-secondary);border:1px solid #0000000f;border:1px solid var(--border-subtle);color:#ef4444}.detail-disclaimer{color:#94a3b8;color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:24px;padding:0 10px;text-align:center}.scan-page{animation:pageIn .3s ease-out;margin:0 auto;max-width:480px;padding:20px;padding:var(--page-padding);padding-bottom:calc(96px + env(safe-area-inset-bottom));padding-bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom))}.scan-hero{align-items:center;display:flex;flex-direction:column;padding:40px 0 28px;text-align:center}.scan-title{color:#1e293b;color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}.scan-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;margin-bottom:28px}.scan-camera-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #6366f14d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:15px;font-weight:600;gap:10px;padding:28px 48px;transition:transform .15s ease,box-shadow .15s ease}.scan-camera-btn:active{box-shadow:0 4px 12px #6366f140;transform:scale(.97)}.scan-search-bar{margin-bottom:12px}.scan-search-inner{align-items:center;background:#fff;border:1.5px solid #0000001a;border:1.5px solid var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:6px;padding:0 8px 0 14px;transition:border-color .15s ease,box-shadow .15s ease}.scan-search-inner:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.scan-search-icon{color:#94a3b8;color:var(--text-muted);flex-shrink:0}.scan-search-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:13px 0}.scan-search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.scan-clear-btn{background:#00000008;background:var(--bg-glass);border:none;border-radius:50%;color:#94a3b8;color:var(--text-muted);height:22px;padding:0;width:22px}.scan-camera-pill,.scan-clear-btn{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center}.scan-camera-pill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;height:36px;transition:opacity .15s;width:36px}.scan-camera-pill:active{opacity:.8}.scan-freq-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.scan-freq-label{color:#94a3b8;color:var(--text-muted);font-size:13px}.scan-freq-pill{align-items:center;background:#00000008;background:var(--bg-glass);border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;transition:background .15s}.scan-freq-pill:hover{background:#0000000f;background:var(--bg-glass-hover)}.scan-freq-options{display:flex;gap:6px;margin-bottom:12px}.scan-freq-option{background:#fff;border:1.5px solid #0000001a;border:1.5px solid var(--border-medium);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:8px 0;transition:all .15s}.scan-freq-option.active{background:#6366f10f;border-color:#6366f1;color:#6366f1;font-weight:600}.scan-results{margin-top:8px}.scan-section-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;margin-top:16px;text-transform:uppercase}.scan-loading{font-size:14px;gap:10px;padding:20px 0}.scan-loading,.scan-toggle-btn{align-items:center;color:#64748b;color:var(--text-secondary);display:flex}.scan-toggle-btn{background:none;border:1px solid #0000001a;border:1px solid var(--border-medium);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-bottom:8px;padding:8px 14px;width:100%}.not-found-card{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);padding:24px;text-align:center}.not-found-icon{color:#94a3b8;color:var(--text-muted);margin-bottom:12px}.not-found-title{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.not-found-sub{color:#64748b;color:var(--text-secondary);font-size:13px;margin-bottom:16px}.overview-hero{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px 20px;text-align:center}.overview-title{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.large-badge{font-size:16px;margin-bottom:16px;padding:8px 16px}.overview-summary{color:#1e293b;color:var(--text-primary);font-size:15px;line-height:1.5}.overview-section{margin-bottom:24px}.overview-section-title{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:12px}.driver-list{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);list-style:none;margin:0;overflow:hidden;padding:0}.driver-item{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;gap:10px;padding:14px 16px}.driver-item:last-child{border-bottom:none}.driver-icon{color:#94a3b8;color:var(--text-muted)}.driver-cards{display:flex;flex-direction:column;gap:10px}.driver-card{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:14px 16px}.driver-card-header{align-items:flex-start;display:flex;justify-content:space-between}.driver-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:all .15s ease}.driver-remove-btn:hover{background:#fee2e2;color:#ef4444}.driver-card-name{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:8px}.driver-card-signals{display:flex;flex-wrap:wrap;gap:6px}.driver-signal-tag{background:#fff;background:var(--bg-secondary);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:20px;color:#64748b;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.axis-bars{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:16px}.axis-bar-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.axis-bar-row:last-child{margin-bottom:0}.axis-bar-label{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500;width:100px}.axis-bar-track{background:var(--bg-hover);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.axis-bar-fill{border-radius:4px;height:100%}.axis-bar-fill.metabolic{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--metabolic-start),var(--metabolic-end))}.axis-bar-fill.stress{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--stress-start),var(--stress-end))}.axis-bar-fill.reproductive{background:linear-gradient(90deg,#f43f5e,#e11d48);background:linear-gradient(90deg,var(--repro-start),var(--repro-end))}.axis-bar-fill.thyroid{background:linear-gradient(90deg,#14b8a6,#0d9488);background:linear-gradient(90deg,var(--thyroid-start),var(--thyroid-end))}.axis-bar-fill.skin{background:linear-gradient(90deg,#ec4899,#be185d);background:linear-gradient(90deg,var(--skin-start),var(--skin-end))}.pattern-card,.swap-card{background:#fff;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:16px}.pattern-card{display:flex;gap:12px}.pattern-icon{color:#6366f1;flex-shrink:0;margin-top:2px}.pattern-text,.swap-text{color:#1e293b;color:var(--text-primary);font-size:14px;line-height:1.5}.btn-action.secondary{background:#fff;background:var(--bg-secondary);border:1px solid #0000001a;border:1px solid var(--border-medium);color:#1e293b;color:var(--text-primary)}.quick-input-row{align-items:center;background:#fff;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:16px 20px}.quick-input-row:last-child{border-bottom:none}.quick-input-left{align-items:center;display:flex;gap:12px}.quick-input-icon{color:#94a3b8;color:var(--text-muted);display:flex}.quick-input-label{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:600}.quick-input-right{align-items:center;display:flex;gap:16px}.compact-value{color:#6366f1;font-size:15px;font-weight:700;min-width:48px;text-align:right}.compact-slider{-webkit-appearance:none;background:#0000;width:100px}.compact-slider::-webkit-slider-runnable-track{background:var(--bg-hover);border-radius:4px;cursor:pointer;height:6px;width:100%}.compact-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;margin-top:-5px;width:16px}.compact-counter{background:#fff;background:var(--bg-secondary);border:1px solid #0000001a;border:1px solid var(--border-medium)}.calendar-dot{border-radius:50%;height:6px;margin:4px auto 0;width:6px}.dot-elevated{background:#dc2626}.dot-moderate{background:#d97706}.dot-low{background:#059669}.dot-unclear{background:#94a3b8;background:var(--text-muted)}.signal-item.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.signal-item.clickable:active{box-shadow:0 0 0 2px #6366f140;transform:scale(.98)}.factor-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.factor-modal{animation:slideUp .3s ease;background:#fff;background:var(--bg-secondary);border-radius:20px 20px 0 0;max-height:85vh;max-width:480px;overflow-y:auto;padding:24px 20px 32px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.factor-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.factor-modal-title{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.factor-modal-close{align-items:center;background:#00000008;background:var(--bg-glass);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:12px;width:32px}.factor-modal-close:hover{background:#0000000f;background:var(--bg-glass-hover)}.factor-modal-section{margin-bottom:20px}.factor-modal-section-title{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.factor-modal-desc{color:#64748b;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.axis-pills{display:flex;flex-wrap:wrap;gap:8px}.axis-pill{align-items:center;background:color-mix(in srgb,var(--pill-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--pill-color) 25%,#0000);border-radius:20px;display:flex;gap:6px;padding:6px 12px}.axis-pill-label{color:var(--pill-color);font-size:12px;font-weight:600}.axis-pill-severity{color:var(--pill-color);font-size:8px;letter-spacing:1px}.factor-modal-context-grid{display:flex;flex-direction:column;gap:8px}.factor-modal-context-item{align-items:center;background:#f8f9fb;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:10px 14px}.context-key{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.context-val{color:#1e293b;color:var(--text-primary);font-size:13px;max-width:60%;text-align:right}.factor-modal-divider{background:#0000000f;background:var(--border-subtle);height:1px;margin:4px 0 20px}.alternatives-grid{display:flex;flex-direction:column;gap:10px}.alt-card{background:#f8f9fb;background:var(--bg-primary);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);opacity:.65;padding:14px}.alt-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.alt-card-name{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.alt-card-brand{margin-top:2px}.alt-card-brand,.alt-card-cta{color:#94a3b8;color:var(--text-muted);font-size:12px}.alt-card-cta{align-items:center;display:flex;font-weight:500;gap:4px}.alt-coming-soon{background:#00000008;background:var(--bg-glass);border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic;margin-top:12px;padding:8px;text-align:center}
/*# sourceMappingURL=main.12aeb8e8.css.map*/