:root{--bg-color:#f3f4f6;--surface-color:#ffffffd9;--text-primary:#1f2937;--text-secondary:#4b5563;--primary-color:#3b82f6;--primary-hover:#2563eb;--border-color:#e5e7eb80;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--glass-blur:blur(12px);--badge-snomed:#8b5cf6;--badge-icd10:#ef4444;--badge-icd9:#f59e0b;--badge-loinc:#10b981;--badge-kfa:#06b6d4}@media (prefers-color-scheme:dark){:root{--bg-color:#111827;--surface-color:#1f2937bf;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#37415180}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-color:#0000;background-image:radial-gradient(circle at 0 0,#3b82f626,#0000 40%),radial-gradient(circle at 100% 100%,#8b5cf626,#0000 40%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--bg-color);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.app-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2.5rem;animation:.8s ease-out fadeInDown}.app-header h1{background:linear-gradient(135deg, var(--primary-color), #8b5cf6);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.app-header p{color:var(--text-secondary);font-size:1.1rem}.search-container{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;animation:.6s ease-out slideUp}.search-container:focus-within{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.search-input-wrapper{margin-bottom:1.25rem;position:relative}.search-icon{width:1.5rem;height:1.5rem;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}#searchInput{width:100%;color:var(--text-primary);background-color:#ffffff0d;border:2px solid #0000;border-radius:1rem;outline:none;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-family:inherit;font-size:1.125rem;transition:all .3s}#searchInput:focus{border-color:var(--primary-color);background-color:#0000}#searchInput:disabled{opacity:.6;cursor:not-allowed}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{cursor:pointer;border:1px solid var(--border-color);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background-color:#ffffff1a;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-chip input[type=radio]{display:none}.filter-chip:hover{color:var(--text-primary);background-color:#fff3}.filter-chip.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.status-bar{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.9rem;transition:opacity .3s;display:flex}.loader{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.results-count{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;font-weight:500}.results-list{flex-direction:column;gap:1rem;display:flex}.result-card{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);opacity:0;border-radius:1rem;padding:1.25rem;transition:all .2s;animation:.4s ease-out forwards fadeIn}.result-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f64d;transform:translateY(-2px)}.result-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.result-code{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:600}.badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-snomed{background-color:var(--badge-snomed)}.badge-icd10{background-color:var(--badge-icd10)}.badge-icd9{background-color:var(--badge-icd9)}.badge-loinc{background-color:var(--badge-loinc)}.badge-kfa{background-color:var(--badge-kfa)}.result-term{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.result-extra{color:var(--text-secondary);font-size:.875rem}.empty-state{text-align:center;color:var(--text-secondary);background:var(--surface-color);border:1px dashed var(--border-color);border-radius:1rem;padding:3rem 1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}