*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f4f3;color:#1a2e2a;line-height:1.5}.app{max-width:1280px;margin:0 auto;padding:0 20px}header{padding:32px 0 16px;border-bottom:2px solid #2a7d6c;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}header h1{font-size:1.75rem;color:#1b5e50;font-weight:700}.subtitle{color:#5a7a74;font-size:.9rem;margin-top:4px}.search-section{padding:20px 0;position:sticky;top:0;background:#f0f4f3;z-index:10}.search-input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid #c3d8d3;border-radius:8px;background:#fff;outline:none;transition:border-color .2s}.search-input:focus{border-color:#2a7d6c}.filters{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.filters select,.filters input{padding:8px 12px;border:1px solid #c3d8d3;border-radius:6px;font-size:.85rem;background:#fff;min-width:140px;outline:none}.filters select:focus,.filters input:focus{border-color:#2a7d6c}.filters-toggle{display:none}.filters-toggle-label{display:inline-flex;align-items:center}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;background:#2a7d6c;color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1}.filters-toggle-caret{font-size:.7rem;color:#2a7d6c}.filters .filters-done{display:none}.allergen-filter{flex-basis:100%;margin-top:2px}.allergen-chips{display:flex;flex-wrap:wrap;gap:8px}.allergen-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid #c3d8d3;border-radius:999px;background:#fff;color:#3a5a54;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.allergen-chip:hover{border-color:#2a7d6c;background:#eef6f4}.allergen-chip:focus-visible{outline:2px solid #2a7d6c;outline-offset:2px}.allergen-chip.on{background:#2a7d6c;border-color:#1b5e50;color:#fff}.allergen-chip.on:hover{background:#1b5e50}.chip-check{font-size:.75rem;line-height:1}.allergen-note{margin:6px 2px 0;font-size:.72rem;line-height:1.4;color:#6b7f7a}.badge.free-badge{background:#d1f0e0;color:#14532d;text-transform:none;letter-spacing:0}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:40px}@media(max-width:860px){.main-content{grid-template-columns:1fr}.detail-panel{position:static;top:auto;max-height:none}}.product-list{display:flex;flex-direction:column;gap:10px}.count{font-size:.85rem;color:#5a7a74;padding:4px 0}.status{color:#5a7a74;padding:24px 0;text-align:center}.product-card{background:#fff;border:1px solid #dde8e5;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .15s}.product-card:hover{border-color:#2a7d6c;box-shadow:0 2px 8px #2a7d6c1a}.product-card.active{border-color:#2a7d6c;background:#eef6f4}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-header h3{font-size:.95rem;font-weight:600}.trade-name{font-size:.8rem;color:#5a7a74;margin-top:2px}.card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.manufacturer{font-size:.75rem;color:#7a9a94;margin-top:6px}.badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge.otc{background:#d4edda;color:#155724}.badge.rx{background:#f8d7da;color:#721c24}.badge.cat-otc{background:#d4edda;color:#155724}.badge.cat-rp{background:#f8d7da;color:#721c24}.badge.cat-rpz{background:#ffe8cc;color:#8a4b08}.badge.cat-rpw{background:#e6d9f2;color:#4a1d6e}.badge.cat-lz{background:#d6e4f0;color:#1b4965}.badge.cat-f{background:#d4edda;color:#155724}.badge.cat-c{background:#f8d7da;color:#721c24}.badge.cat-b{background:#ffe8cc;color:#8a4b08}.badge.cat-a{background:#e6d9f2;color:#4a1d6e}.badge.cat-cf{background:#d1f0e0;color:#14532d}.badge.cat-k{background:#e9ecef;color:#495057}.tag.gtin{font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.tag{font-size:.75rem;padding:2px 8px;border-radius:4px;background:#e8eeec;color:#3a5a54}.tag.form{background:#dce8f5;color:#1a4a7a}.tag.substance{background:#e0f0e8;color:#1a5a3a;font-weight:500}.tag.area{background:#f0e8e0;color:#6a4a2a}.tag.warn{background:#fff3cd;color:#856404}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.detail-backdrop{display:contents}.detail-panel{background:#fff;border:1px solid #dde8e5;border-radius:10px;padding:24px;position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.close-btn{float:right;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#7a9a94;line-height:1}.close-btn:hover{color:#1a2e2a}.detail-panel h2{font-size:1.25rem;color:#1b5e50;margin-bottom:4px;padding-right:32px}.detail-trade{color:#5a7a74;font-size:.85rem}.detail-desc{color:#4a6a64;font-size:.85rem;margin:8px 0}.detail-badges{display:flex;gap:6px;margin:12px 0}.detail-panel h4{font-size:.85rem;color:#1b5e50;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.detail-section{margin-top:8px}.substance-table{width:100%;border-collapse:collapse;font-size:.85rem}.substance-table th{text-align:left;color:#5a7a74;font-weight:500;padding:6px 8px;border-bottom:1px solid #dde8e5}.substance-table td{padding:6px 8px;border-bottom:1px solid #f0f4f3}.role-badge{font-size:.7rem;padding:1px 6px;border-radius:3px}.role-badge.active{background:#d4edda;color:#155724}.role-badge.excipient{background:#e8eeec;color:#5a7a74}.substitutes-section{margin-top:20px;padding-top:16px;border-top:1px solid #dde8e5}.sub-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.sub-header h4{margin:0}.level-toggle{display:flex;gap:4px}.level-toggle button{font-size:.7rem;padding:4px 10px;border:1px solid #c3d8d3;border-radius:4px;background:#fff;cursor:pointer;color:#4a6a64;transition:all .15s}.level-toggle button:hover{border-color:#2a7d6c}.level-toggle button.active{background:#2a7d6c;color:#fff;border-color:#2a7d6c}.substitute-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.substitute-card{border:1px solid #dde8e5;border-radius:6px;padding:10px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.substitute-card:hover{border-color:#2a7d6c;box-shadow:0 2px 8px #2a7d6c1a}.substitute-card:focus-visible{outline:2px solid #2a7d6c;outline-offset:2px}.sub-card-header{display:flex;justify-content:space-between;align-items:center}.sub-name{font-weight:600;font-size:.9rem}.match-score{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:4px}.match-score[data-score=high]{background:#d4edda;color:#155724}.match-score[data-score=mid]{background:#fff3cd;color:#856404}.match-score[data-score=low]{background:#f8d7da;color:#721c24}.sub-meta{display:flex;gap:5px;margin-top:6px}.sub-substance{display:flex;justify-content:space-between;font-size:.8rem;padding:4px 0;color:#4a6a64}.dosage-compare{font-family:monospace}.diff{color:#856404;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:.75rem}.btn-primary{background:#2a7d6c;color:#fff}.btn-primary:hover:not(:disabled){background:#1b5e50}.btn-secondary{background:#c3d8d3;color:#1a2e2a}.btn-secondary:hover:not(:disabled){background:#adc8c1}.btn-danger{background:#d9534f;color:#fff}.btn-danger:hover:not(:disabled){background:#c9302c}.search-row{display:flex;gap:10px;align-items:center}.search-row .search-input{flex:1}.add-product-btn{flex-shrink:0}.add-product-btn.btn-variant{background:#16a34a;border-color:#16a34a}.add-product-btn.btn-variant:hover{background:#15803d;border-color:#15803d}.detail-top-actions{display:flex;gap:6px;align-items:center;float:right}.detail-top-actions .close-btn{float:none;margin-left:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal-card{background:#fff;border-radius:12px;padding:28px;width:100%;max-width:640px;box-shadow:0 8px 30px #0000002e;position:relative}.modal-card-sm{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:1.2rem;color:#1b5e50;margin:0;padding:0}.modal-header .close-btn{float:none}.product-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group>label{font-size:.8rem;font-weight:600;color:#1b5e50;text-transform:uppercase;letter-spacing:.5px}.form-input{padding:8px 12px;font-size:.9rem;border:2px solid #c3d8d3;border-radius:6px;background:#fff;outline:none;transition:border-color .2s;font-family:inherit}.form-input:focus{border-color:#2a7d6c}.form-textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:12px;align-items:flex-end}.form-row>*{flex:1}.form-checkbox-group{justify-content:flex-end}.form-checkbox-group label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#1a2e2a;cursor:pointer;padding:8px 0}.form-error{background:#f8d7da;color:#721c24;padding:8px 12px;border-radius:6px;font-size:.85rem;margin-bottom:4px}.form-actions{display:flex;gap:8px;padding-top:8px}.checkbox-grid{display:flex;flex-wrap:wrap;gap:4px 12px}.checkbox-item{display:flex;align-items:center;gap:4px;font-size:.82rem;color:#1a2e2a;cursor:pointer;white-space:nowrap}.checkbox-item input[type=checkbox]{accent-color:#2a7d6c}.inline-add{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-add .form-input{flex:1;min-width:100px}.inline-add-simple{display:flex;gap:6px;align-items:center;margin-top:6px}.inline-add-simple .form-input{flex:1;padding:4px 8px;font-size:.8rem}.substance-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.substance-form-row{display:flex;gap:6px;align-items:center}.substance-form-row .form-input{font-size:.8rem;padding:6px 8px}.substance-form-row select.form-input{flex:2}.substance-dosage{width:80px;flex:0 0 80px!important}.substance-unit{width:70px;flex:0 0 70px!important}.substance-role{width:90px;flex:0 0 90px!important}.substance-form-row .btn-danger{flex:0 0 auto}.modal-card-sm h3{color:#1b5e50;margin-bottom:12px}.modal-card-sm p{font-size:.9rem;color:#1a2e2a;margin-bottom:4px}.delete-warning{color:#856404;font-size:.82rem;margin-bottom:12px}@media(max-width:768px){.filters-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:10px;padding:10px 14px;min-height:44px;background:#fff;border:1px solid #c3d8d3;border-radius:8px;color:#1b5e50;font-size:.95rem;font-weight:600;cursor:pointer;outline:none}.filters-toggle:hover,.filters-toggle:focus-visible{border-color:#2a7d6c}.filters.collapsed{display:none}.filters{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filters .filters-done{display:flex;grid-column:1 / -1;width:100%;min-height:44px;margin-top:2px}.allergen-filter{grid-column:1 / -1}.allergen-chip{min-height:44px}.filters select,.filters input{min-width:0;width:100%}}@media(max-width:480px){.app{padding:0 12px}header{padding:20px 0 12px}header h1{font-size:1.4rem}.search-section{padding:12px 0}.search-row{flex-direction:column;align-items:stretch}.add-product-btn{width:100%}.filters{grid-template-columns:1fr}.search-input,.filters select,.filters input{font-size:16px;min-height:44px}.btn{min-height:44px}.detail-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;padding:14px;overflow:hidden}.detail-panel{position:static;inset:auto;top:auto;z-index:auto;align-self:stretch;width:100%;max-width:100%;max-height:100%;margin:auto 0;border-radius:12px;border:none;overflow-y:auto;padding:20px 16px;-webkit-overflow-scrolling:touch}.detail-top-actions{position:sticky;top:0;float:none;justify-content:flex-end;background:#fff;padding:4px 0 8px;margin:-4px 0 4px;z-index:1}.detail-top-actions .btn-sm{min-height:40px;padding:8px 14px;font-size:.85rem}.detail-panel h2{padding-right:0}.close-btn{min-width:40px;text-align:center}.level-toggle{flex-wrap:wrap}.level-toggle button{flex:1 1 auto;min-height:40px;font-size:.75rem}.sub-substance{flex-wrap:wrap;gap:2px 8px}.substance-table{display:block;overflow-x:auto;white-space:nowrap}.modal-overlay{padding:12px}.modal-card{padding:20px 16px}.form-input{font-size:16px}.form-row{flex-direction:column;align-items:stretch}.form-checkbox-group{justify-content:flex-start}.substance-form-row{flex-wrap:wrap}.substance-form-row select.form-input{flex:1 1 100%}.substance-dosage,.substance-unit{flex:1 1 60px!important;width:auto}.substance-role{flex:1 1 80px!important;width:auto}.substance-form-row .form-input{min-height:40px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1 1 auto;min-height:44px}.inline-add .form-input,.inline-add-simple .form-input{min-height:40px}}.history-section{margin-top:20px;padding-top:16px;border-top:1px solid #dde8e5}.history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit}.history-toggle h4{margin:0}.history-chevron{color:#5a7a74;font-size:.8rem}.history-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.history-item{border:1px solid #eef3f2;border-radius:6px;padding:8px 10px;background:#fafcfb}.history-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem}.history-op{font-weight:600;font-size:.7rem;padding:1px 8px;border-radius:3px}.op-insert{background:#e2f3ec;color:#1f7a5c}.op-update{background:#fdf3e0;color:#a5711a}.op-delete{background:#fbe6e6;color:#b3413f}.history-when{color:#5a7a74}.history-who{margin-left:auto;color:#8aa39d;font-style:italic}.history-fields{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.history-fields li{display:flex;align-items:center;gap:6px;font-size:.78rem;flex-wrap:wrap}.hf-name{font-weight:500;color:#4a6a64;min-width:90px}.hf-old{color:#b3413f;text-decoration:line-through}.hf-arrow{color:#8aa39d}.hf-new{color:#1f7a5c}.auth-status{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:4px}.auth-user{font-size:.85rem;color:#1b5e50;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #dde8e5}.auth-tabs button{flex:1;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#5a7a74;font-size:.9rem;font-weight:500}.auth-tabs button.active{color:#1b5e50;border-bottom-color:#2a7d6c}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-divider{display:flex;align-items:center;text-align:center;color:#8aa39d;font-size:.8rem;margin:14px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #dde8e5}.auth-divider span{padding:0 10px}.btn-google{width:100%;background:#fff;border:1px solid #c3d8d3;color:#3a4a47;font-weight:500}.btn-google:hover:not(:disabled){border-color:#2a7d6c;background:#f6faf9}@media(max-width:480px){header{flex-direction:column}.auth-status{align-self:flex-end}}.dashboard-card{max-width:860px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-head h2{font-size:1.3rem;color:#1b5e50}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-tile{background:#f6faf9;border:1px solid #e3efec;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:1.5rem;font-weight:700;color:#1b5e50;line-height:1}.stat-split{display:flex;gap:8px}.stat-split .op-insert{color:#1f7a5c}.stat-split .op-update{color:#a5711a}.stat-split .op-delete{color:#b3413f}.stat-label{font-size:.72rem;color:#5a7a74;text-transform:uppercase;letter-spacing:.4px}.dashboard-filters{display:flex;gap:8px;margin-bottom:12px}.dashboard-filters select{padding:7px 12px;border:1px solid #c3d8d3;border-radius:6px;font-size:.85rem;background:#fff;outline:none}.activity-feed{max-height:52vh;overflow-y:auto}.activity-list{list-style:none;display:flex;flex-direction:column;gap:6px}.activity-item{border:1px solid #eef3f2;border-radius:6px;padding:8px 10px;background:#fafcfb}.activity-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem}.activity-record{font-weight:500;color:#1a2e2a;display:flex;align-items:center;gap:6px;min-width:0}.activity-table{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:#7a9a94;background:#e8eeec;padding:1px 6px;border-radius:3px}.activity-who{margin-left:auto;color:#8aa39d;font-style:italic}.activity-when{color:#5a7a74;font-size:.76rem;white-space:nowrap}@media(max-width:560px){.stat-tiles{grid-template-columns:repeat(2,1fr)}.activity-who{margin-left:0}}.detail-rating{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;background:#f6faf9;border:1px solid #e3efec;border-radius:8px}.detail-rating-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:#5a7a74;font-weight:600}.star-rating{display:inline-flex;align-items:center;gap:8px}.star-rating .stars{display:inline-flex}.star-rating .star{background:none;border:none;padding:0 1px;font-size:1.15rem;line-height:1;color:#d3dedb;cursor:default;transition:color .1s}.star-rating .star.filled{color:#f0a500}.star-rating .star.ratable{cursor:pointer}.star-rating .star.ratable:hover{color:#f0a500}.star-meta{font-size:.8rem;color:#4a6a64}.star-count{color:#8aa39d}.star-mine{color:#2a7d6c;font-weight:500}.star-empty{color:#8aa39d;font-style:italic}.star-sm .star{font-size:.95rem}.star-sm .star-meta{font-size:.72rem}.dashboard-tabs{display:flex;gap:4px}.dashboard-tabs button{padding:6px 14px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#5a7a74;font-size:1rem;font-weight:600}.dashboard-tabs button.active{color:#1b5e50;border-bottom-color:#2a7d6c}.ranking-list{list-style:none;margin:6px 0 0;padding:0;max-height:56vh;overflow-y:auto}.ranking-item{display:flex;align-items:center;gap:12px;padding:9px 6px;border-bottom:1px solid #eef3f2}.rank-num{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#eef6f4;color:#1b5e50;border-radius:50%;font-weight:700;font-size:.8rem}.rank-name{flex:1;min-width:0;color:#1a2e2a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.static-stars{flex-shrink:0;color:#d3dedb;letter-spacing:1px}.static-stars .star.filled{color:#f0a500}.rank-score{flex-shrink:0;font-size:.82rem;color:#4a6a64;min-width:56px;text-align:right}@media(max-width:560px){.static-stars{display:none}}.nz-toggle{display:flex;align-items:center;gap:8px;margin:10px 0 6px;font-size:.82rem;color:#4a6a64;cursor:pointer}.sub-note{font-size:.75rem;color:#8aa39d;font-style:italic;margin-bottom:8px}.sub-warn{font-size:.8rem;color:#8a4b08;background:#fff3cd;border:1px solid #ffe8cc;border-radius:6px;padding:7px 10px;margin:8px 0}.nz-banner{color:#721c24;background:#f8d7da;border-color:#f5c2c7}.substitute-list.locked{opacity:.55;pointer-events:none;filter:grayscale(.5)}.tag.odpowiednik{background:#d1f0e0;color:#14532d;font-weight:600}.tag.pack{background:#eef3f2;color:#5a7a74}.compare-btn{margin-top:10px;width:100%;padding:6px;font-size:.78rem;border:1px dashed #c3d8d3;border-radius:5px;background:#fff;color:#2a7d6c;cursor:pointer}.compare-btn:hover{border-color:#2a7d6c;background:#f6faf9}.ingredient-compare{margin-top:8px;padding:10px;background:#fafcfb;border:1px solid #eef3f2;border-radius:6px;cursor:default}.cmp-section{margin-bottom:10px}.cmp-section:last-child{margin-bottom:0}.cmp-section h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;color:#5a7a74;margin-bottom:5px}.cmp-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:.82rem;border-bottom:1px solid #f0f4f3}.cmp-row:last-child{border-bottom:none}.cmp-only{color:#7a9a94}.cmp-name{display:flex;align-items:center;gap:6px}.cmp-vals{color:#4a6a64;white-space:nowrap}.cmp-role{font-size:.62rem;text-transform:uppercase;letter-spacing:.3px;padding:1px 5px;border-radius:3px;background:#e8eeec;color:#5a7a74}.cmp-role.r-excipient_known_effect{background:#fdf3e0;color:#a5711a}.cmp-role.r-colorant{background:#f0e6f5;color:#6a3d8a}.cmp-role.r-preservative{background:#e6eef5;color:#2a5a8a}.cmp-variant{color:#8aa39d;font-style:italic}.cmp-picker{display:flex;align-items:center;gap:8px;margin-bottom:10px;position:relative;flex-wrap:wrap}.cmp-picker-label{font-size:.75rem;color:#5a7a74;white-space:nowrap}.cmp-picker-input{flex:1;min-width:140px;padding:5px 10px;border:1px solid #c3d8d3;border-radius:5px;font-size:.82rem;outline:none}.cmp-picker-input:focus{border-color:#2a7d6c}.cmp-picker-results{position:absolute;top:100%;left:0;right:0;z-index:5;background:#fff;border:1px solid #c3d8d3;border-radius:6px;box-shadow:0 4px 12px #0000001f;max-height:220px;overflow-y:auto;margin-top:2px}.cmp-picker-results button{display:block;width:100%;text-align:left;padding:7px 10px;background:none;border:none;border-bottom:1px solid #f0f4f3;cursor:pointer;font-size:.82rem;color:#1a2e2a}.cmp-picker-results button:hover{background:#f6faf9}.cmp-grid{display:grid;grid-template-columns:1fr 1fr}.cmp-headrow{border-bottom:2px solid #2a7d6c;margin-bottom:6px}.cmp-head{font-weight:600;font-size:.8rem;color:#1b5e50;padding:4px 8px}.cmp-headrow .cmp-head:first-child,.cmp-unique .cmp-col:first-child{border-right:1px solid #dde8e5}.cmp-both{margin:4px 0 10px}.cmp-both-title,.cmp-col-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:#5a7a74;margin-bottom:4px}.cmp-unique .cmp-col{padding:0 8px}.cmp-none{color:#b7c6c2;font-size:.78rem;padding:2px 0}.cmp-drow{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f0f4f3}.cmp-drow:last-child{border-bottom:none}.cmp-cell{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:5px 8px;font-size:.82rem}.cmp-cell-l{border-right:1px solid #dde8e5}.cmp-amt{color:#2a7d6c;font-weight:500;white-space:nowrap}.cmp-cell-r{flex-direction:row-reverse;text-align:right}.compare-section{margin-top:20px;padding-top:16px;border-top:1px solid #dde8e5}.compare-section>h4{margin-top:0}.empty-note{max-width:460px;margin:24px auto;line-height:1.5;font-size:.9rem}.empty-note strong{color:#1b5e50}.allergen-chip.disabled{opacity:.45;cursor:not-allowed}.allergen-chip.disabled:hover{background:inherit}.substance-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f282380;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:hidden}.substance-panel{position:relative;top:auto;align-self:start;width:100%;max-width:640px;max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 10px 40px #00000038}.substance-back{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:6px 12px 6px 8px;margin-bottom:10px;border:1px solid #dde8e5;border-radius:999px;background:#eef6f4;color:#1b5e50;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.substance-back:hover{background:#ddeeea;border-color:#2a7d6c}.substance-back:focus-visible{outline:2px solid #2a7d6c;outline-offset:2px}.tag.atc{background:#e6e2f5;color:#40337a;font-family:SFMono-Regular,Consolas,monospace}.substance-link{border:none;background:none;padding:4px 0;min-height:32px;font:inherit;font-weight:600;color:#2a7d6c;text-align:left;text-decoration:underline;text-decoration-color:#a9cfc6;text-underline-offset:3px;cursor:pointer}.substance-link:hover{color:#1b5e50;text-decoration-color:#1b5e50}.substance-link:focus-visible{outline:2px solid #2a7d6c;outline-offset:2px;border-radius:4px}.tag.substance.tag-link{border:1px solid transparent;font-family:inherit;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}.tag.substance.tag-link:hover{background:#cfe9dc;border-color:#2a7d6c}.tag.substance.tag-link:focus-visible{outline:2px solid #2a7d6c;outline-offset:1px}.chem-block{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;padding:14px;background:#f7fbfa;border:1px solid #e2eeeb;border-radius:8px}.chem-structure{display:flex;align-items:center;justify-content:center;width:100%;min-height:130px;padding:8px;background:#fff;border:1px solid #e2eeeb;border-radius:6px}.chem-structure img{max-width:100%;height:auto}.chem-structure-empty{color:#9ab5ae;font-size:.75rem;border-style:dashed}.chem-facts{display:flex;flex-direction:column;gap:6px;min-width:0}.chem-row{display:grid;grid-template-columns:84px 1fr;gap:8px;font-size:.82rem;line-height:1.4}.chem-label{color:#5a7a74;font-weight:500}.chem-value{color:#1a2e2a;min-width:0;overflow-wrap:anywhere}.chem-value.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.chem-formula{font-weight:600;letter-spacing:.2px}.chem-formula sub{font-size:.7em;vertical-align:baseline;position:relative;bottom:-.25em}.chem-missing{font-size:.82rem;color:#856404;background:#fff8e6;border:1px solid #ffe8a8;border-radius:6px;padding:8px 10px;line-height:1.45}.pubchem-link{margin-top:4px;font-size:.8rem;font-weight:600;color:#2a7d6c;text-decoration:none}.pubchem-link:hover{color:#1b5e50;text-decoration:underline}.substance-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0}.spinner{width:26px;height:26px;border:3px solid #dde8e5;border-top-color:#2a7d6c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:#c9302c}.subst-product-list{display:flex;flex-direction:column;gap:6px}.subst-product-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;min-height:44px;padding:8px 12px;background:#fff;border:1px solid #e2eeeb;border-radius:8px;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.subst-product-row:hover{border-color:#2a7d6c;box-shadow:0 2px 8px #2a7d6c1f}.subst-product-row:focus-visible{outline:2px solid #2a7d6c;outline-offset:1px}.spr-main{display:flex;flex-direction:column;min-width:0}.spr-name{font-size:.88rem;font-weight:600;color:#1b5e50}.spr-trade{font-size:.75rem;color:#5a7a74}.spr-meta{display:flex;flex-wrap:wrap;gap:4px}@media(max-width:560px){.substance-backdrop{padding:0}.substance-panel{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none;padding:18px 14px 28px}.chem-block{grid-template-columns:1fr;gap:12px}.chem-structure{min-height:150px}.chem-row{grid-template-columns:76px 1fr}.substance-link{min-height:44px;padding:10px 0;font-size:.95rem}.tag.substance.tag-link{min-height:36px;padding:6px 10px;font-size:.8rem}.substance-back{min-height:44px}}.show-all-products{align-self:flex-start;margin-top:4px}.chem-block.chem-block-plain{grid-template-columns:1fr}.sub-substance .substance-link,.cmp-name .substance-link,.rank-name.substance-link{min-height:0;padding:0;font-size:inherit;font-weight:600;color:#2a7d6c}.cmp-name .substance-link{text-align:inherit;overflow-wrap:anywhere}.rank-name.substance-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.sub-substance .substance-link,.cmp-name .substance-link,.rank-name.substance-link{display:inline-block;padding:12px 0}.sub-substance .substance-link,.rank-name.substance-link{font-size:.9rem}.cmp-name .substance-link{padding:12px 2px 12px 0}.sub-substance,.cmp-row,.cmp-cell{align-items:center}}