.compare-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:24px 0;padding:24px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.compare-type-select{display:flex;flex-direction:column;gap:4px}.compare-type-select label{font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.compare-selectors select,.compare-type-select select{font-family:var(--font-body);font-size:.9rem;padding:8px 12px;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);color:var(--clr-text);min-width:160px}.compare-selectors{display:flex;flex-wrap:wrap;gap:12px;flex:1}.btn{font-family:var(--font-ui);font-size:.85rem;font-weight:500;padding:10px 24px;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .1s;letter-spacing:.04em}.btn-primary{background:var(--clr-accent);color:#fff}.btn-primary:hover{background:var(--clr-accent-light);transform:translateY(-1px)}.btn-disabled{opacity:.5;pointer-events:none}#compare-table-container{margin:24px 0 64px;overflow-x:auto}.compare-subtitle{font-family:var(--font-ui);font-size:.85rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.compare-empty,.compare-mixed{text-align:center;padding:48px 24px;color:var(--clr-text-secondary)}.compare-empty p,.compare-mixed p{margin-bottom:8px}.compare-suggestions{margin-top:32px}.compare-suggestions h3{font-family:var(--ff-heading);font-size:1.1rem;color:var(--clr-text);margin-bottom:16px}.compare-suggestions-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.compare-suggestion{display:inline-block;padding:8px 16px;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);color:var(--clr-accent);font-size:.92rem;text-decoration:none;transition:border-color .15s,background .15s}.compare-suggestion:hover{border-color:var(--clr-accent);background:var(--clr-accent);color:var(--clr-bg)}.compare-mixed{background:var(--clr-warning-bg);border:1px solid var(--clr-warning-border);border-radius:var(--radius)}.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);overflow:hidden}.compare-table td,.compare-table th{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--clr-border-light);font-size:.88rem}.compare-table th{font-family:var(--font-ui);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:var(--clr-surface-alt);white-space:nowrap}.compare-table th:first-child{width:160px}.compare-table td{font-family:var(--font-body);line-height:1.5}.compare-table tr:last-child td{border-bottom:none}.cpd-pills{display:flex;flex-wrap:wrap;gap:6px}.cpd-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-family:var(--font-ui);font-size:.78rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;line-height:1.3}.cpd-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cpd-pill .cpd-conc{font-weight:400;opacity:.75;font-size:.72rem}.cpd-pill.cpd-common{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.cpd-pill.cpd-unique{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.cpd-overlap{margin:36px 0 24px;padding:28px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.cpd-overlap-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--clr-text);margin-bottom:24px}.cpd-group{margin-bottom:24px}.cpd-group:last-child{margin-bottom:0}.cpd-group-header{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:6px}.cpd-group-icon{font-size:1rem}.cpd-group-common .cpd-group-header{color:#166534}.cpd-group-partial .cpd-group-header{color:#1e40af}.cpd-group-unique .cpd-group-header{color:#92400e}.cpd-group-pills{display:flex;flex-wrap:wrap;gap:10px}.cpd-overlap-card{padding:10px 16px;border-radius:var(--radius);font-family:var(--font-ui);font-size:.82rem;min-width:140px}.cpd-overlap-card.cpd-common{background:#f0fdf4;border:1px solid #bbf7d0}.cpd-overlap-card.cpd-partial{background:#eff6ff;border:1px solid #bfdbfe}.cpd-overlap-card.cpd-unique{background:#fffbeb;border:1px solid #fde68a}.cpd-overlap-name{font-weight:600;color:var(--clr-text);text-decoration:none;display:block;margin-bottom:4px}.cpd-overlap-name:hover{color:var(--clr-accent)}.cpd-conc-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cpd-conc-item{font-size:.75rem;color:var(--clr-text-secondary);background:rgba(0,0,0,.04);padding:2px 8px;border-radius:12px}.cpd-absent{font-size:.72rem;color:#dc2626;margin-top:4px;font-style:italic}.cpd-none{color:var(--clr-text-muted);font-style:italic}.cpd-unique-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cpd-unique-col{padding:16px;border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a}.cpd-unique-col-header{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--clr-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #fde68a}.cpd-unique-col .cpd-overlap-card{background:0 0;border:none;padding:6px 0;min-width:auto}.cpd-unique-col .cpd-overlap-card .cpd-conc{font-size:.72rem;color:var(--clr-text-secondary);margin-left:4px}.cpd-col-B{background:#f0f9ff;border-color:#bae6fd}.cpd-col-B .cpd-unique-col-header{border-bottom-color:#bae6fd}.cpd-col-C{background:#fdf4ff;border-color:#e9d5ff}.cpd-col-C .cpd-unique-col-header{border-bottom-color:#e9d5ff}.cpd-col-D{background:#fff1f2;border-color:#fecdd3}.cpd-col-D .cpd-unique-col-header{border-bottom-color:#fecdd3}.cpd-col-E{background:#ecfdf5;border-color:#a7f3d0}.cpd-col-E .cpd-unique-col-header{border-bottom-color:#a7f3d0}.st-pills{display:flex;flex-wrap:wrap;gap:6px}.st-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-family:var(--font-ui);font-size:.78rem;font-weight:500;line-height:1.3;cursor:default}.st-pill.st-common{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.st-pill.st-partial{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.st-pill.st-unique{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.st-overlap{margin:36px 0 24px;padding:28px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.st-matrix{overflow-x:auto;margin-bottom:20px}.st-matrix-table{border-collapse:separate;border-spacing:0;width:100%;background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius);overflow:hidden}.st-matrix-table td,.st-matrix-table th{padding:8px 14px;text-align:center;font-family:var(--font-ui);font-size:.8rem;border-bottom:1px solid var(--clr-border-light)}.st-matrix-table thead th{background:var(--clr-surface-alt);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted)}.st-matrix-label{text-align:left!important;font-weight:500;color:var(--clr-text);white-space:nowrap}.st-matrix-cell.st-yes{color:#16a34a;font-weight:600;background:#f0fdf4}.st-matrix-cell.st-no{color:var(--clr-text-muted);background:#fafafa}.st-matrix-table tr:last-child td{border-bottom:none}.st-summary-group{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.st-summary-group:last-child{margin-bottom:0}.st-summary-label{font-family:var(--font-ui);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;min-width:110px}.st-summary-common .st-summary-label{color:#166534}.st-summary-partial .st-summary-label{color:#1e40af}.st-summary-unique .st-summary-label{color:#92400e}.safety-profile{margin:36px 0 24px;padding:28px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.safety-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.safety-card{padding:20px;border-radius:var(--radius);text-align:center;border:1px solid var(--clr-border-light);background:var(--clr-surface-alt);transition:box-shadow .2s}.safety-card:hover{box-shadow:var(--shadow-sm)}.safety-card-header{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--clr-text);margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.safety-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:3px solid}.safety-letter{font-family:var(--font-ui);font-size:1.4rem;font-weight:700}.safety-label{font-family:var(--font-ui);font-size:.8rem;font-weight:600;margin-bottom:6px}.safety-detail{font-family:var(--font-body);font-size:.72rem;color:var(--clr-text-muted);line-height:1.4}.safety-badge-safe{background:var(--clr-accent-bg);border-color:var(--clr-accent-light);color:var(--clr-accent)}.safety-card.safety-safe{border-color:#e8d5a0;background:#fffdf5}.safety-card.safety-safe .safety-label{color:var(--clr-accent)}.safety-badge-caution{background:#f5eddc;border-color:#b89a4a;color:#6b5310}.safety-card.safety-caution{border-color:#d4be78;background:#fdfaf0}.safety-card.safety-caution .safety-label{color:#6b5310}.safety-badge-danger{background:#ede8df;border-color:#6b6560;color:var(--clr-text)}.safety-card.safety-danger{border-color:#c5beb5;background:#f8f5ef}.safety-card.safety-danger .safety-label{color:var(--clr-text)}.safety-badge-unknown{background:var(--clr-surface-alt);border-color:var(--clr-border);color:var(--clr-text-muted)}.safety-card.safety-unknown{border-color:var(--clr-border-light)}.safety-card.safety-unknown .safety-label{color:var(--clr-text-muted)}.safety-compounds{margin-top:10px;padding-top:8px;border-top:1px solid var(--clr-border-light);text-align:left}.safety-compounds-label{font-family:var(--font-ui);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted);margin-bottom:4px}.safety-cpd-row{font-family:var(--font-ui);font-size:.72rem;color:var(--clr-text-secondary);padding:2px 0;display:flex;align-items:center;gap:5px}.safety-mini-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.58rem;font-weight:700;flex-shrink:0;border:1.5px solid}.safety-ci,.safety-se{margin-top:20px;padding-top:16px;border-top:1px solid var(--clr-border-light)}.safety-se-title{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text);margin-bottom:12px}.safety-se-group{margin-bottom:12px}.safety-se-group-label{font-family:var(--font-ui);font-size:.72rem;font-weight:600;color:var(--clr-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.safety-se-pills{display:flex;flex-wrap:wrap;gap:6px}.safety-se-pill{display:inline-block;padding:4px 10px;border-radius:14px;font-family:var(--font-ui);font-size:.72rem;line-height:1.4}.safety-se-pill.safety-se-shared{background:var(--clr-accent-bg);color:var(--clr-accent);border:1px solid #e8d5a0}.safety-se-pill.safety-se-unique{background:var(--clr-surface-alt);color:var(--clr-text-secondary);border:1px solid var(--clr-border-light)}@media (max-width:500px){.safety-cards{grid-template-columns:1fr}}.venn-container{margin:36px 0 24px;padding:28px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.venn-diagram{display:flex;justify-content:center;margin-bottom:28px}.venn-svg{width:100%;max-width:500px;height:auto}.venn-svg.venn-svg-3{max-width:520px}.venn-circle{transition:opacity .2s}.venn-label{font-family:var(--font-ui);font-size:13px;font-weight:600;text-anchor:middle}.venn-count{font-family:var(--font-ui);font-size:26px;font-weight:700;fill:var(--clr-text);text-anchor:middle}.venn-count.venn-count-shared{fill:var(--clr-venn-shared)}.venn-count-sm{font-family:var(--font-ui);font-size:16px;font-weight:600;fill:var(--clr-text-secondary);text-anchor:middle}.venn-count-label{font-family:var(--font-ui);font-size:10px;font-weight:500;fill:var(--clr-text-muted);text-anchor:middle;text-transform:uppercase;letter-spacing:.08em}.venn-total{font-family:var(--font-ui);font-size:11px;font-weight:500;fill:var(--clr-text-muted);text-anchor:middle}.venn-lists{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.venn-list{padding:16px;border-radius:var(--radius);background:var(--clr-surface-alt);border:1px solid var(--clr-border-light)}.venn-list-a{background:var(--clr-venn-a-bg);border-color:color-mix(in srgb,var(--clr-venn-a) 20%,transparent)}.venn-list-b{background:var(--clr-venn-b-bg);border-color:color-mix(in srgb,var(--clr-venn-b) 20%,transparent)}.venn-list-shared{background:var(--clr-venn-shared-bg);border-color:color-mix(in srgb,var(--clr-venn-shared) 20%,transparent)}.venn-list-header{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--clr-text);margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.venn-list-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.venn-list-count{font-weight:400;color:var(--clr-text-muted);font-size:.72rem;background:rgba(0,0,0,.06);padding:1px 7px;border-radius:10px;margin-left:auto}.venn-list-items{display:flex;flex-wrap:wrap;gap:5px}.venn-ing{display:inline-block;padding:3px 9px;border-radius:14px;font-family:var(--font-ui);font-size:.72rem;font-weight:400;background:rgba(0,0,0,.04);color:var(--clr-text-secondary);border:1px solid rgba(0,0,0,.06);line-height:1.4}.venn-ing.venn-ing-shared{background:var(--clr-venn-shared-bg);color:var(--clr-venn-shared);border-color:color-mix(in srgb,var(--clr-venn-shared) 25%,transparent)}.venn-ing-none{font-family:var(--font-ui);font-size:.75rem;font-style:italic;color:var(--clr-text-muted)}.venn-stat{display:flex;align-items:center;gap:12px;margin-top:8px}.venn-stat-bar{flex:1;height:6px;background:rgba(0,0,0,.06);border-radius:3px;overflow:hidden}.venn-stat-fill{height:100%;background:linear-gradient(90deg,var(--clr-venn-a),var(--clr-venn-shared),var(--clr-venn-b));border-radius:3px;transition:width .6s}.venn-stat-label{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--clr-text-secondary);white-space:nowrap}.venn-groups{display:flex;flex-direction:column;gap:20px}.venn-group{padding:16px 20px;border-radius:var(--radius)}.venn-group-all{background:var(--clr-venn-shared-bg);border:1px solid color-mix(in srgb,var(--clr-venn-shared) 18%,transparent)}.venn-group-pair{background:var(--clr-venn-a-bg);border:1px solid color-mix(in srgb,var(--clr-venn-a) 15%,transparent)}.venn-group-unique{background:var(--clr-venn-unique-bg);border:1px solid color-mix(in srgb,var(--clr-venn-unique) 18%,transparent)}.venn-group-header{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:6px}.venn-group-all .venn-group-header{color:var(--clr-venn-shared)}.venn-group-pair .venn-group-header{color:var(--clr-venn-a)}.venn-group-unique .venn-group-header{color:var(--clr-venn-unique)}.venn-group-icon{font-size:1rem}.venn-pair-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.venn-pair-col{padding:12px;background:rgba(255,255,255,.7);border-radius:var(--radius);border:1px solid rgba(0,0,0,.05)}.venn-pair-label{font-family:var(--font-ui);font-size:.76rem;font-weight:600;color:var(--clr-text);margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.venn-matrix-wrap{overflow-x:auto;margin-bottom:24px}.venn-matrix{border-collapse:separate;border-spacing:0;width:100%;background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius);overflow:hidden}.venn-matrix td,.venn-matrix th{padding:10px 14px;text-align:center;font-family:var(--font-ui);font-size:.78rem;border-bottom:1px solid var(--clr-border-light)}.venn-matrix thead th{background:var(--clr-surface-alt);font-weight:600;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted)}.venn-matrix-label{text-align:left!important;font-weight:500;color:var(--clr-text);white-space:nowrap}.venn-matrix-self{background:#f0fdf4;font-weight:600;color:#16a34a}.venn-matrix-num{font-weight:600;color:var(--clr-text);display:block}.venn-matrix-pct{font-size:.68rem;color:var(--clr-text-muted);display:block}.venn-matrix tr:last-child td{border-bottom:none}@media (max-width:700px){.venn-lists,.venn-pair-cols{grid-template-columns:1fr}}