:root{--color-bg: #f4f7f9;--color-surface: #ffffff;--color-primary: #2a7d8a;--color-primary-light: #e0f2f4;--color-primary-dark: #1b5a64;--color-accent: #4caf82;--color-accent-light: #e6f7ed;--color-danger: #d45050;--color-danger-light: #fce8e8;--color-text: #263238;--color-text-muted: #607d8b;--color-border: #d9e2e8;--color-score-bar: var(--color-primary);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--transition: .2s ease;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{line-height:1.3}.app-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:1.25rem 2rem;box-shadow:var(--shadow-md)}.header-inner h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{font-size:.85rem;opacity:.8;margin-top:.15rem}.app-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 2rem;max-width:1400px;width:100%;margin:0 auto}.panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.panel-input{position:sticky;top:1.5rem;align-self:start;max-height:calc(100vh - 6rem);overflow-y:auto}.panel-results{display:flex;flex-direction:column;gap:1.5rem}.input-section{margin-bottom:1.5rem}.input-section:last-child{margin-bottom:0}.input-section h2{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.6rem}.input-row{display:flex;gap:.5rem}.input-row input[type=text]{flex:1;padding:.55rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);transition:border-color var(--transition);outline:none}.input-row input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-row select{padding:.55rem .5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font);background:var(--color-surface);cursor:pointer;outline:none}.input-row select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.btn{padding:.55rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-add{background:var(--color-primary);color:#fff}.btn-add:hover{background:var(--color-primary-dark)}.btn-clear{background:transparent;color:var(--color-danger);border:1.5px solid var(--color-danger);padding:.3rem .75rem;font-size:.8rem}.btn-clear:hover:not(:disabled){background:var(--color-danger-light)}.btn-clear:disabled{opacity:.4;cursor:default}.btn-option{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem}.btn-option:hover{background:var(--color-primary-light)}.active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.active-header h2{margin-bottom:0}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:50px;font-size:.82rem;font-weight:500;animation:chip-in .2s ease}@keyframes chip-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chip-symptom{background:var(--color-primary-light);color:var(--color-primary-dark)}.chip-modality-worse{background:var(--color-danger-light);color:var(--color-danger)}.chip-modality-better{background:var(--color-accent-light);color:#2e7d50}.chip-remove{background:none;border:none;font-size:1rem;line-height:1;cursor:pointer;opacity:.6;color:inherit;padding:0 .1rem;transition:opacity var(--transition)}.chip-remove:hover{opacity:1}.placeholder-text{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.results-cards{display:flex;flex-direction:column;gap:1rem}.result-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;transition:box-shadow var(--transition),border-color var(--transition);animation:card-in .3s ease}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.result-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.result-rank{font-size:.75rem;font-weight:700;color:#fff;background:var(--color-primary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.result-salt-info{flex:1;margin-left:.75rem}.result-salt-name{font-size:1.05rem;font-weight:700;color:var(--color-text)}.result-salt-common{font-size:.8rem;color:var(--color-text-muted)}.result-score{font-size:1.25rem;font-weight:700;color:var(--color-primary);white-space:nowrap}.score-bar-track{height:6px;background:var(--color-bg);border-radius:3px;margin:.5rem 0;overflow:hidden}.score-bar-fill{height:100%;background:var(--color-score-bar);border-radius:3px;transition:width .4s ease}.result-matches{font-size:.82rem;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:.3rem .8rem}.match-tag{background:var(--color-bg);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.78rem}.match-reason{display:block;font-size:.72rem;color:var(--color-text-muted);font-style:italic;margin-top:.1rem}.match-reason:before{content:"→ "}.question-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.6rem;background:var(--color-bg);animation:card-in .3s ease}.question-card:last-child{margin-bottom:0}.question-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.3rem}.question-text{font-size:.88rem;font-weight:600;margin-bottom:.6rem;color:var(--color-text);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.question-options{display:flex;flex-direction:column;gap:.4rem}.question-options .btn-option{width:100%;text-align:left;font-size:.8rem;padding:.45rem .7rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.35}.question-concluded{text-align:center;padding:1rem .5rem;color:var(--color-accent);font-weight:600;font-size:.9rem}.unmatched-expander{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.unmatched-expander summary{padding:.7rem 1rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.4rem}.unmatched-expander summary:before{content:"▶";font-size:.65rem;transition:transform var(--transition)}.unmatched-expander[open] summary:before{transform:rotate(90deg)}.unmatched-expander summary:hover{color:var(--color-primary)}.unmatched-expander .table-wrap{padding:0 .5rem .5rem}.table-wrap{overflow-x:auto}#salts-table,#unmatched-table{width:100%;border-collapse:collapse;font-size:.85rem}#salts-table th,#unmatched-table th{text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:.6rem .75rem;border-bottom:2px solid var(--color-border)}#salts-table td,#unmatched-table td{padding:.55rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:top}#salts-table tbody tr,#unmatched-table tbody tr{transition:background var(--transition)}#salts-table tbody tr:hover,#unmatched-table tbody tr:hover{background:var(--color-primary-light)}.table-score-cell{display:flex;align-items:center;gap:.5rem}.table-score-bar{width:60px;height:5px;background:var(--color-bg);border-radius:3px;overflow:hidden;flex-shrink:0}.table-score-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .4s ease}.table-score-value{font-weight:600;font-size:.82rem;min-width:40px}.table-match-list{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem}.table-match-list li{font-size:.78rem;background:var(--color-bg);padding:.1rem .45rem;border-radius:var(--radius-sm)}.combinations-expander{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.combinations-expander summary{padding:.7rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.4rem}.combinations-expander summary:before{content:"▶";font-size:.65rem;color:var(--color-text-muted);transition:transform var(--transition)}.combinations-expander[open] summary:before{transform:rotate(90deg)}.combinations-expander summary:hover{color:var(--color-primary)}.combinations-expander summary h2{margin:0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.combinations-expander #combinations-list{padding:.5rem 1rem 1rem}.combination-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.5rem;background:var(--color-accent-light)}.combination-name{font-weight:700;font-size:.95rem;margin-bottom:.25rem}.combination-salts{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.2rem}.combination-indication{font-size:.85rem}.combo-salt-matched{color:var(--color-primary-dark)}.combo-salt-unmatched{opacity:.5}.combination-reasons{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.3rem}.combination-reasons .match-tag{font-size:.72rem;background:var(--color-surface);border:1px solid var(--color-border)}.app-footer{text-align:center;padding:1rem 2rem;font-size:.78rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface)}.glossary-term{text-decoration:underline dotted;text-decoration-color:var(--color-text-muted);text-underline-offset:2px;cursor:help}.glossary-tooltip{position:fixed;z-index:9999;background:var(--color-text);color:var(--color-surface);padding:.4rem .6rem;border-radius:4px;font-size:.75rem;font-weight:400;line-height:1.4;white-space:normal;width:max-content;max-width:250px;pointer-events:none;box-shadow:var(--shadow-md)}.salt-detail-expand{display:none;position:relative;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border);font-size:.8rem;line-height:1.45;color:var(--color-text);animation:detail-slide-in .2s ease}.salt-detail-expand.expanded{display:block}@keyframes detail-slide-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.salt-detail-pin{float:left;margin:.1rem .5rem .3rem 0;display:inline-flex;align-items:center;justify-content:center;background:none;border:1.5px solid #555;cursor:pointer;color:#444;padding:.3rem;border-radius:var(--radius-sm);transition:all var(--transition);line-height:1}.salt-detail-pin:hover{color:#fff;background:#444;border-color:#444}.detail-pinned .salt-detail-pin{color:#fff;background:#333;border-color:#333}.detail-pinned{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.salt-tip-domain{font-size:.75rem;font-style:italic;color:var(--color-text-muted);margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.salt-tip-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:.5rem;margin-bottom:.25rem}.salt-tip-match{margin-bottom:.3rem;padding-left:.4rem;border-left:2px solid var(--color-primary-light)}.salt-tip-weight{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.05rem .3rem;border-radius:3px;vertical-align:middle;margin-right:.2rem}.salt-tip-weight-3{background:var(--color-primary);color:#fff}.salt-tip-weight-2{background:var(--color-primary-light);color:var(--color-primary-dark)}.salt-tip-weight-1{background:var(--color-bg);color:var(--color-text-muted)}.salt-tip-meta{display:block;font-size:.68rem;color:var(--color-text-muted);margin-top:.1rem}.salt-tip-keynote{margin-bottom:.25rem;padding-left:.4rem;border-left:2px solid var(--color-accent-light);font-style:italic}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-wrapper input[type=text]{width:100%}.autocomplete-dropdown{display:none;position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;z-index:100;background:var(--color-surface);border:1.5px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md)}.autocomplete-item{padding:.45rem .75rem;font-size:.85rem;cursor:pointer;transition:background var(--transition)}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-primary-light)}.autocomplete-item mark{font-weight:600;background:transparent;color:inherit}.explore-btn{margin-top:.5rem;padding:.4rem .85rem;background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition)}.explore-btn:hover{background:var(--color-primary-light)}.combination-card.explore-confirmed{border-color:var(--color-accent);background:var(--color-accent-light)}.combination-card.explore-ruled-out{border-color:var(--color-danger);background:var(--color-danger-light);opacity:.7}.explore-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.8rem;font-weight:700;margin-left:.5rem;vertical-align:middle;line-height:1}.explore-badge-confirmed{background:var(--color-accent);color:#fff}.explore-badge-ruled-out{background:var(--color-danger);color:#fff}.combo-match-weight{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:50px;font-size:.7rem;font-weight:600;vertical-align:middle}.combo-match-weight.weight-high{background:var(--color-accent);color:#fff}.combo-match-weight.weight-mid{background:var(--color-primary-light);color:var(--color-primary-dark)}.combo-match-weight.weight-low{background:var(--color-bg);color:var(--color-text-muted)}.explore-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease}.explore-modal.hidden{display:none!important}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.explore-modal-backdrop{position:absolute;inset:0;background:#00000073}.explore-modal-content{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;animation:modal-slide-up .25s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explore-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.explore-modal-title{font-size:1.05rem;font-weight:700;color:var(--color-text);margin:0}.explore-modal-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:0 .2rem;transition:color var(--transition)}.explore-modal-close:hover{color:var(--color-danger)}.explore-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1}.explore-question{margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.explore-question:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.explore-question-num{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.3rem}.explore-question-text{font-size:.88rem;font-weight:600;color:var(--color-text);line-height:1.4;margin-bottom:.5rem}.explore-question-options{display:flex;gap:.5rem}.explore-option{flex:1;display:flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;transition:all var(--transition)}.explore-option:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.explore-option.selected{border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.explore-option input[type=radio]{accent-color:var(--color-primary);margin:0}.explore-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--color-border)}.explore-modal-progress{font-size:.78rem;color:var(--color-text-muted);font-weight:500}.explore-modal-actions{display:flex;gap:.5rem}.hidden{display:none!important}@media(max-width:900px){.app-layout{grid-template-columns:1fr;padding:1rem}.panel-input{position:static;max-height:none}.app-header{padding:1rem 1.25rem}.header-inner h1{font-size:1.25rem}}@media(max-width:600px){.input-row{flex-direction:column}.input-row select{width:100%}.question-options{flex-direction:column}.explore-modal-content{width:95%;max-height:90vh}.explore-question-options{flex-direction:column}}