@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.ing-stats-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.ing-stat-chip{background:var(--srf);border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:var(--transition);align-items:center;gap:10px;padding:14px 16px;display:flex}.ing-stat-chip:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ing-stat-chip .icon{background:var(--srf2);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex}.ing-stat-chip .value{letter-spacing:-.03em;font-size:1.3rem;font-weight:800;line-height:1.1}.ing-stat-chip .label{color:var(--tx2);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:500}.enrichment-bar{border-radius:var(--radius);color:var(--txw);background:linear-gradient(135deg,#1a1814 0%,#2a2520 100%);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:18px 24px;display:flex}.enrichment-bar .info{flex:1;min-width:200px}.enrichment-bar .info h3{align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;font-weight:700;display:flex}.enrichment-bar .info .sub{color:#ffffff8c;font-size:.76rem}.enrichment-bar .progress-wrap{flex:2;min-width:200px}.enrichment-bar .progress-outer{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.enrichment-bar .progress-inner{background:linear-gradient(90deg, var(--ac), var(--ac2));border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.enrichment-bar .pct{color:var(--ac2);margin-top:4px;font-size:.72rem;font-weight:600}.enrichment-bar .actions{gap:8px;display:flex}.enrichment-bar .btn-enrich{background:var(--ac);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:600}.enrichment-bar .btn-enrich:hover{background:#b8855c;transform:translateY(-1px);box-shadow:0 4px 12px #c8956c66}.enrichment-bar .btn-enrich:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.enrichment-bar .batch-progress{color:var(--ac2);margin-top:6px;font-size:.72rem}.ing-toolbar{background:var(--srf);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px 20px}.ing-search-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ing-search-input{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--bg);color:var(--tx);transition:var(--transition);flex:1;padding:10px 14px 10px 38px;font-family:inherit;font-size:.88rem;position:relative}.ing-search-wrap{flex:1;position:relative}.ing-search-wrap:before{content:"🔍";z-index:1;pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ing-search-wrap input{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--tx);transition:var(--transition);padding:10px 14px 10px 38px;font-family:inherit;font-size:.88rem}.ing-search-wrap input:focus{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px #c8956c26}.ing-sort-select{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--bg);color:var(--tx);cursor:pointer;min-width:140px;padding:10px 14px;font-family:inherit;font-size:.82rem}.ing-chips{flex-wrap:wrap;gap:6px;display:flex}.ing-chip{cursor:pointer;transition:var(--transition);border:1.5px solid var(--srf3);background:var(--bg);color:var(--tx2);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.ing-chip:hover{border-color:var(--ac);color:var(--tx)}.ing-chip.active{background:var(--ac);color:#fff;border-color:var(--ac)}.ing-chip .count{opacity:.7;font-size:.65rem;font-weight:400}.ing-chip.active[data-fn=Emollient]{background:#5aab6a;border-color:#5aab6a}.ing-chip.active[data-fn=Active]{background:#5a8aab;border-color:#5a8aab}.ing-chip.active[data-fn=Surfactant]{background:#ab6a5a;border-color:#ab6a5a}.ing-chip.active[data-fn=Fragrance]{background:#8b6aab;border-color:#8b6aab}.ing-chip.active[data-fn=Emulsifier]{background:#ab8b5a;border-color:#ab8b5a}.ing-chip.active[data-fn=Humectant]{background:#5aab9a;border-color:#5aab9a}.ing-chip.active[data-fn=Antioxidant]{background:#d45454;border-color:#d45454}.ing-chip.active[data-fn=Thickener]{background:#7a8a5a;border-color:#7a8a5a}.ing-chip.active[data-fn=Preservative]{background:#ab5a8b;border-color:#ab5a8b}.ing-chip.active[data-fn=UvFilter]{background:#e6a832;border-color:#e6a832}.ing-chip.active[data-fn=enriched]{background:#2e7d32;border-color:#2e7d32}.ing-chip.active[data-fn=not-enriched]{background:#c62828;border-color:#c62828}.ing-table-card{background:var(--srf);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ing-table{border-collapse:collapse;width:100%;font-size:.82rem}.ing-table thead{background:var(--srf2);z-index:2;position:sticky;top:0}.ing-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--tx2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);padding:10px 14px;font-size:.72rem;font-weight:600}.ing-table th:hover{color:var(--tx);background:var(--srf3)}.ing-table th.sorted{color:var(--ac)}.ing-table td{border-bottom:1px solid var(--srf2);vertical-align:middle;padding:9px 14px}.ing-table tbody tr{cursor:pointer;transition:var(--transition)}.ing-table tbody tr:hover{background:#c8956c0f}.ing-table tbody tr.selected{box-shadow:inset 3px 0 0 var(--ac);background:#c8956c1a}.fn-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.fn-Emollient{color:#2e7d32;background:#e8f5e9}.fn-Active{color:#1565c0;background:#e3f2fd}.fn-Surfactant{color:#bf360c;background:#fbe9e7}.fn-Fragrance{color:#6a1b9a;background:#f3e5f5}.fn-Emulsifier{color:#e65100;background:#fff3e0}.fn-Humectant{color:#00695c;background:#e0f2f1}.fn-Antioxidant{color:#c62828;background:#fce4ec}.fn-Thickener{color:#558b2f;background:#f1f8e9}.fn-Preservative{color:#ad1457;background:#fce4ec}.fn-FilmFormer{color:#283593;background:#e8eaf6}.fn-Solvent{color:#4e342e;background:#efebe9}.fn-Colorant{color:#f57f17;background:#fff9c4}.fn-PhAdjuster{color:#00838f;background:#e0f7fa}.fn-UvFilter{color:#f9a825;background:#fffde7}.fn-ChelatingAgent{color:#4527a0;background:#ede7f6}.fn-Vitamin{color:#1b5e20;background:#e8f5e9}.fn-BotanicalExtract{color:#2e7d32;background:#e8f5e9}.fn-Exfoliant{color:#d84315;background:#fbe9e7}.fn-Opacifier{color:#37474f;background:#eceff1}.fn-Pearlizer{color:#880e4f;background:#fce4ec}.enrich-dot{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;display:inline-flex}.enrich-dot.yes{color:#2e7d32;background:#e8f5e9}.enrich-dot.no{color:#bdbdbd;background:#fafafa}.ing-pagination{border-top:1px solid var(--srf2);justify-content:space-between;align-items:center;padding:14px 20px;font-size:.82rem;display:flex}.ing-pagination .info{color:var(--tx2);font-size:.78rem}.ing-pagination .pages{gap:4px;display:flex}.ing-pagination .page-btn{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--srf);width:34px;height:34px;color:var(--tx);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.ing-pagination .page-btn:hover{border-color:var(--ac);color:var(--ac)}.ing-pagination .page-btn.active{background:var(--ac);color:#fff;border-color:var(--ac)}.ing-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.ing-pagination .page-btn.nav{width:auto;padding:0 12px;font-weight:600}.ing-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1a18144d;animation:.2s fadeIn;position:fixed;inset:0}.ing-drawer{background:var(--srf);z-index:1001;flex-direction:column;width:480px;max-width:90vw;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #1a18141f}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ing-drawer-header{border-bottom:1px solid var(--srf2);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 16px;display:flex}.ing-drawer-header h2{letter-spacing:-.02em;word-break:break-word;font-size:1.05rem;font-weight:700;line-height:1.3}.ing-drawer-close{background:var(--srf2);cursor:pointer;width:32px;height:32px;transition:var(--transition);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.ing-drawer-close:hover{background:var(--srf3)}.ing-drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.ing-drawer-section{margin-bottom:20px}.ing-drawer-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--tx2);border-bottom:1px solid var(--srf2);margin-bottom:10px;padding-bottom:6px;font-size:.72rem;font-weight:600}.ing-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ing-detail-item{background:var(--srf2);border-radius:var(--radius-sm);padding:8px 12px}.ing-detail-item .lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.68rem;font-weight:500}.ing-detail-item .val{word-break:break-all;font-size:.88rem;font-weight:600}.ing-detail-item.full{grid-column:1/-1}.ing-pubchem-link{border-radius:var(--radius-sm);color:#1565c0;transition:var(--transition);background:#e3f2fd;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.ing-pubchem-link:hover{background:#bbdefb;transform:translateY(-1px)}.ing-skeleton-row{border-bottom:1px solid var(--srf2);gap:12px;padding:12px 14px;display:flex}.ing-skeleton-cell{background:linear-gradient(90deg, var(--srf2) 25%, var(--srf3) 50%, var(--srf2) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ing-empty{text-align:center;color:var(--tx2);padding:60px 24px}.ing-empty .icon{opacity:.5;margin-bottom:12px;font-size:3rem}.ing-empty h3{color:var(--tx);margin-bottom:6px;font-size:1rem;font-weight:600}.ing-empty p{font-size:.84rem}@media (width<=768px){.ing-stats-strip{grid-template-columns:repeat(2,1fr)}.enrichment-bar{flex-direction:column;align-items:flex-start}.ing-search-row{flex-direction:column}.ing-drawer{width:100vw}.ing-detail-grid{grid-template-columns:1fr}.ing-table{font-size:.76rem}.ing-table th,.ing-table td{padding:8px 10px}.ing-pagination{flex-direction:column;gap:10px}}:root{--bg:#faf6f0;--srf:#fff;--srf2:#f5f0e8;--srf3:#ede6d8;--side:#1a1814;--side2:#2a2520;--tx:#1a1814;--tx2:#6b635a;--tx3:#9e968d;--txw:#faf6f0;--ac:#c8956c;--ac2:#e8b68e;--ac3:#f0d4b8;--grn:#5aab6a;--red:#d45454;--blue:#5a8aab;--purple:#8b6aab;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px #1a18140f, 0 4px 12px #1a18140a;--shadow-lg:0 4px 20px #1a181414, 0 8px 30px #1a18140f;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--side);width:260px;color:var(--txw);z-index:100;transition:var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff14;padding:24px 20px}.sidebar-brand h1{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.sidebar-brand span{color:var(--ac2);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:500}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;padding:16px 12px 6px;font-size:.65rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:#ffffffa6;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--txw);background:#ffffff14}.nav-item.active{background:var(--ac);color:var(--txw);font-weight:600}.nav-item .icon{text-align:center;width:22px;font-size:1.1rem}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 20px;display:flex}.sidebar-user .avatar{background:var(--ac);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user .name{font-size:.82rem;font-weight:600}.sidebar-user .role{color:var(--ac2);font-size:.68rem}.main-content{flex:1;min-height:100vh;margin-left:260px;padding:24px 32px 40px}.page-header{margin-bottom:28px}.page-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page-header p{color:var(--tx2);margin-top:4px;font-size:.85rem}.card{background:var(--srf);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-lg)}.card-title{letter-spacing:-.01em;margin-bottom:16px;font-size:.92rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.stat-card{background:var(--srf);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius-sm);background:var(--srf2);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.stat-value{letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-label{color:var(--tx2);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--ac);color:#fff}.btn-primary:hover{background:#b8855c;transform:translateY(-1px);box-shadow:0 4px 12px #c8956c4d}.btn-secondary{background:var(--srf2);color:var(--tx)}.btn-secondary:hover{background:var(--srf3)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 14px;font-size:.78rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-label{color:var(--tx2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--srf);width:100%;color:var(--tx);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:.88rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px #c8956c26}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:.84rem}.data-table thead{background:var(--srf2)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--tx2);padding:10px 14px;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--srf2);padding:10px 14px}.data-table tbody tr:hover{background:var(--srf2)}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:.84rem;display:flex}.alert-success{color:#2e7d32;background:#e8f5e9}.alert-warning{color:#e65100;background:#fff3e0}.alert-error{color:#c62828;background:#fbe9e7}.alert-info{color:#1565c0;background:#e3f2fd}.tag{border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.tag-green{color:#2e7d32;background:#e8f5e9}.tag-blue{color:#1565c0;background:#e3f2fd}.tag-orange{color:#e65100;background:#fff3e0}.tag-red{color:#c62828;background:#fbe9e7}.tag-purple{color:#6a1b9a;background:#f3e5f5}.progress-track{background:var(--srf2);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--ac);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.score-ring{border:4px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:800;display:flex}.score-ring.good{border-color:var(--grn);color:var(--grn)}.score-ring.warn{border-color:var(--ac);color:var(--ac)}.score-ring.bad{border-color:var(--red);color:var(--red)}.upload-zone{border:2px dashed var(--srf3);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);background:var(--srf);padding:48px 24px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--ac);background:#c8956c0a}.upload-zone .icon{margin-bottom:12px;font-size:2.5rem}.upload-zone h3{margin-bottom:6px;font-size:.95rem;font-weight:600}.upload-zone p{color:var(--tx2);font-size:.8rem}.spinner{color:var(--tx2);align-items:center;gap:10px;padding:20px;font-size:.88rem;display:flex}.spinner:before{content:"";border:2.5px solid var(--srf3);border-top-color:var(--ac);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.provider-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.provider-badge.gemini{color:#1565c0;background:#e3f2fd}.provider-badge.kimyager{color:#2e7d32;background:#e8f5e9}.provider-badge.fallback{color:#e65100;background:#fff3e0}.pipeline-steps{flex-direction:column;gap:6px;margin-top:16px;display:flex}.pipeline-step{background:var(--srf2);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.pipeline-step .status{text-align:center;width:24px;font-size:1rem}.pipeline-step .name{flex:1;font-weight:600}.pipeline-step .duration{color:var(--tx3);font-size:.72rem}.mobile-menu-btn{z-index:50;background:var(--srf);border:none;border-bottom:1px solid var(--srf3);width:100%;color:var(--tx);cursor:pointer;text-align:left;border-radius:0;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:.9rem;font-weight:600;display:none;position:sticky;top:0}.mobile-menu-btn:active{background:var(--srf2)}@media (width<=768px){.mobile-menu-btn{display:block}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:0 16px 40px}.card-grid,.form-row{grid-template-columns:1fr}.page-header{margin-bottom:20px}.page-header h1{font-size:1.2rem}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:8px 10px}}.inci-autocomplete{position:relative}.inci-input-wrap{align-items:center;display:flex;position:relative}.inci-search-icon{pointer-events:none;z-index:1;font-size:.85rem;position:absolute;left:12px}.inci-input{padding-left:36px!important;padding-right:36px!important}.inci-loading-icon{border:2px solid var(--srf3);border-top-color:var(--ac);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute;right:36px}.inci-clear-btn{background:var(--srf3);width:24px;height:24px;color:var(--tx2);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;right:8px}.inci-clear-btn:hover{background:var(--red);color:#fff}.inci-selected-badge{background:var(--srf2);color:var(--tx2);border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding:4px 10px;font-size:.72rem;display:flex}.inci-fn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.inci-fn-name{color:var(--tx);font-weight:600}.inci-cas,.inci-mw{opacity:.7}.inci-enriched{color:#2e7d32;background:#e8f5e9;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:600}.inci-dropdown{background:var(--srf);border:1.5px solid var(--srf3);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:50;max-height:320px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.inci-option{cursor:pointer;border-bottom:1px solid var(--srf2);padding:10px 14px;transition:background .15s}.inci-option:last-child{border-bottom:none}.inci-option:hover,.inci-option.active{background:var(--srf2)}.inci-option-main{align-items:center;gap:8px;margin-bottom:2px;display:flex}.inci-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.84rem;font-weight:600;overflow:hidden}.inci-option-fn{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:600}.inci-option-meta{color:var(--tx3);gap:10px;font-size:.7rem;display:flex}.inci-enriched-dot{color:var(--grn);font-size:.6rem}.inci-highlight{background:#c8956c40;border-radius:2px;padding:0 1px}.inci-dropdown-empty{padding:0}.inci-empty{text-align:center;color:var(--tx3);padding:20px;font-size:.84rem}.module-header{margin-bottom:28px}.module-header h1{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.module-header .subtitle{color:var(--tx2);margin-top:4px;font-size:.85rem}.module-header .help-text{color:var(--tx3);background:var(--srf2);border-radius:var(--radius-sm);border-left:3px solid var(--ac);margin-top:8px;padding:10px 14px;font-size:.78rem;line-height:1.6}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.preset-card{background:var(--srf);border:2px solid var(--srf3);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:center;-webkit-user-select:none;user-select:none;padding:14px 12px}.preset-card:hover{border-color:var(--ac2);box-shadow:var(--shadow);transform:translateY(-2px)}.preset-card.selected{border-color:var(--ac);background:#c8956c0f;box-shadow:0 0 0 3px #c8956c26}.preset-card .preset-icon{margin-bottom:6px;font-size:1.6rem;display:block}.preset-card .preset-label{color:var(--tx);font-size:.76rem;font-weight:600}.preset-card .preset-desc{color:var(--tx3);margin-top:2px;font-size:.65rem}.chip-group{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{cursor:pointer;border:1.5px solid var(--srf3);background:var(--srf);color:var(--tx2);transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:600}.chip:hover{border-color:var(--ac2);color:var(--tx)}.chip.active{border-color:var(--ac);background:var(--ac);color:#fff}.chip.active-alt{border-color:var(--grn);color:#2e7d32;background:#e8f5e9}.chip.active-red{border-color:var(--red);color:#c62828;background:#fbe9e7}.ingredient-rows{flex-direction:column;gap:10px;display:flex}.ingredient-row{background:var(--srf2);border-radius:var(--radius-sm);transition:var(--transition);grid-template-columns:1fr 100px 44px;align-items:start;gap:10px;padding:12px 14px;display:grid}.ingredient-row:hover{background:var(--srf3)}.ingredient-row .pct-input{text-align:center;width:100%;font-weight:600}.ingredient-row .remove-btn{width:36px;height:36px;color:var(--tx3);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.ingredient-row .remove-btn:hover{background:var(--red);color:#fff}.pct-total-bar{background:var(--srf);border-radius:var(--radius-sm);border:1.5px solid var(--srf3);align-items:center;gap:12px;margin-top:12px;padding:12px 16px;display:flex}.pct-total-bar .pct-track{background:var(--srf3);border-radius:4px;flex:1;height:8px;overflow:hidden}.pct-total-bar .pct-fill{border-radius:4px;height:100%;transition:width .4s,background .3s}.pct-total-bar .pct-label{text-align:right;min-width:70px;font-size:.82rem;font-weight:700}.template-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:20px;display:grid}.template-card{background:var(--srf);border:1.5px solid var(--srf3);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:16px}.template-card:hover{border-color:var(--ac);box-shadow:var(--shadow);transform:translateY(-2px)}.template-card .template-icon{margin-bottom:8px;font-size:1.5rem}.template-card .template-name{margin-bottom:4px;font-size:.84rem;font-weight:700}.template-card .template-meta{color:var(--tx3);font-size:.7rem}.result-section{animation:.4s ease-out fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.score-display{background:var(--srf2);border-radius:var(--radius);align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.score-display .score-ring{width:90px;height:90px;font-size:1.6rem}.score-display .score-info h2{margin-bottom:4px;font-size:1.1rem;font-weight:700}.score-display .score-meta{color:var(--tx2);font-size:.82rem;line-height:1.5}.ai-comment-box{border-radius:var(--radius);border-left:4px solid var(--ac);background:linear-gradient(135deg,#f5f0e8,#ede6d8);margin-bottom:16px;padding:16px}.ai-comment-box .ai-label{color:var(--ac);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.ai-comment-box p{color:var(--tx);font-size:.84rem;line-height:1.7}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);align-items:center;gap:8px;margin-top:24px;margin-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.section-label:after{content:"";background:var(--srf3);flex:1;height:1px}.inci-tag-list{background:var(--srf);border:1.5px solid var(--srf3);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px;min-height:44px;padding:10px 14px;display:flex}.inci-tag{background:var(--srf2);border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;animation:.2s fadeIn;display:inline-flex}.inci-tag .tag-remove{width:16px;height:16px;color:var(--tx3);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.inci-tag .tag-remove:hover{background:var(--red);color:#fff}.region-grid{flex-wrap:wrap;gap:8px;display:flex}.region-btn{border:1.5px solid var(--srf3);border-radius:var(--radius-sm);background:var(--srf);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:flex}.region-btn:hover{border-color:var(--ac2)}.region-btn.active{border-color:var(--ac);background:#c8956c14;box-shadow:0 0 0 3px #c8956c1f}.region-btn .flag{font-size:1.2rem}.phase-water{color:#1565c0;background:#e3f2fd}.phase-oil{color:#e65100;background:#fff3e0}.phase-cooldown{color:#00695c;background:#e0f2f1}.phase-active{color:#6a1b9a;background:#f3e5f5}.phase-external{color:#c62828;background:#fce4ec}@media (width<=768px){.preset-grid{grid-template-columns:repeat(3,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.ingredient-row{grid-template-columns:1fr 80px 36px}.score-display{text-align:center;flex-direction:column}}