:root{--bg:#fff;--text:#111;--muted:#444;--link:#1a73e8;--header-bg:#f0f4ff;--card-bg:#fff;--border:#d0d0d0;--footer-bg:#e6f0ff;--focus:#1a73e8;--shadow:#0000000d;--max-width:min(900px, 90%);--radius:.5rem;--header-height:64px;--success:#1e7d32;--danger:#b3261e}@media (prefers-color-scheme:dark){:root{--bg:#0b0b10;--text:#e6eef8;--muted:#cfd8e3;--link:#7ab4ff;--header-bg:#0f1220;--card-bg:#111219;--border:#22242a;--footer-bg:#07070a;--focus:#7ab4ff;--shadow:#0009;--success:#7fd48a;--danger:#ff8a80}}@media (prefers-contrast:more){:root{--border:#9aa0a6;--shadow:#0000001f}}@media (forced-colors:active){:root{--bg:Canvas;--text:CanvasText;--link:Highlight;--header-bg:Canvas;--card-bg:Canvas;--border:Highlight;--footer-bg:Canvas;--focus:Highlight;--success:CanvasText;--danger:CanvasText}*{forced-color-adjust:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7}@media (prefers-color-scheme:dark){html,body{--lightningcss-light: ;--lightningcss-dark:initial}}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--link);text-decoration:none}a:hover,a:focus{text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{height:var(--header-height);background-color:var(--header-bg);border-bottom:2px solid var(--border);align-items:center;padding:1rem 2rem;display:flex}.container{width:var(--max-width);flex:1;margin:0 auto;padding:2rem 0}h1{margin-bottom:1rem;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.2}.site-footer{text-align:center;border-top:2px solid var(--border);background-color:var(--footer-bg);padding:2rem 0;font-size:.95rem}.api-status{color:var(--muted);margin-top:1.5rem}.api-status--healthy{color:var(--success)}.api-status--unavailable{color:var(--danger)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}