:root{--bg: light-dark(#f3f5fa, #0f1b33);--bg-alt: light-dark(#e6ebf5, #0a1428);--surface: light-dark(#ffffff, #182744);--text: light-dark(#121c33, #e6ecf7);--text-muted: light-dark(#4d5873, #a7b3cc);--border: light-dark(#d3dbea, #2b3b5c);--accent: light-dark(#1b365d, #e3b04b);--accent-hover: light-dark(#122745, #ecc36c);--accent-contrast: light-dark(#ffffff, #14213d);--accent-soft: light-dark(rgba(27, 54, 93, .1), rgba(227, 176, 75, .16));--hover: light-dark(#b7791f, #f2cd7a);--hover-soft: light-dark(rgba(183, 121, 31, .12), rgba(242, 205, 122, .18));--hover-contrast: light-dark(#ffffff, #14213d)}app-root,app-icon,app-icon-sprite,app-site-header,app-site-footer,app-social-links,app-fhir-explorer,app-explorer,app-not-found{display:contents}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;text-align:center;color:var(--text-muted);font-family:var(--font-sans)}.app-loading .brand-mark{width:2.5rem;height:2.5rem}.app-loading-text{margin:0;font-size:.95rem}.explorer-page .fhir-explorer{margin-top:0;padding-top:0;border-top:0}.explorer-page .fhir-log{max-height:24rem}.explorer-about{margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.95rem}.site-header .header-inner{justify-content:space-between}.header-links{display:flex;align-items:center;gap:1rem}.fhir-search input.ng-invalid.ng-touched{border-color:var(--hover)}