.symptom-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem; margin-bottom: 1rem; }
    .symptom-chip { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1rem; border-radius: 12px; background: var(--glass); border: 1px solid var(--glass-border); cursor: pointer; transition: all 0.2s; font-size: 0.85rem; color: var(--text-secondary); }
    .symptom-chip:hover { border-color: var(--primary); color: var(--text); }
    .symptom-chip.selected { background: rgba(99,102,241,0.15); border-color: var(--primary); color: var(--primary-light); }
    .symptom-chip input { display: none; }
    .match-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: var(--radius); background: var(--glass); border: 1px solid var(--glass-border); transition: all 0.2s; }
    .match-card:hover { border-color: var(--glass-border-hover); transform: translateY(-2px); }
    .match-avatar { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.1rem; flex-shrink: 0; }
    .match-info { flex: 1; min-width: 0; }
    .match-name { font-weight: 700; font-size: 0.95rem; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .match-spec { font-size: 0.78rem; color: var(--text-muted); margin-top: 2px; }
    .match-tags { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-top: 0.4rem; }
    .match-tag { font-size: 0.68rem; padding: 2px 8px; border-radius: 999px; background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.2); color: var(--primary-light); }
    .results-grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; }
    @media (max-width: 640px) { .symptom-grid { grid-template-columns: repeat(2, 1fr); } }