/* What the claude.ai dashboard host normally supplies: theme tokens, fonts, the loading skeleton. */
:root{
  color-scheme:light dark;
  --font-anthropic-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-anthropic-serif:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;
  --color-fg:light-dark(#1f1e1d,#ecebe6);
  --color-panel:light-dark(#ffffff,#181716);
  --color-bad:light-dark(#c8102e,#ff6b78);
  --cds-dur-slow:300ms;
  --cds-ease-out:cubic-bezier(.2,.8,.2,1);
}
html,body{margin:0;padding:0}
body{background:var(--color-panel);color:var(--color-fg);font-family:var(--font-anthropic-sans);-webkit-text-size-adjust:100%}
#dash-root{max-width:1440px;margin:0 auto;min-height:100vh}

.dash-skeleton{color:transparent!important;background:light-dark(#efeee9,#262523);border-radius:3px;animation:dash-pulse 1.4s ease-in-out infinite}
.dash-skeleton *{visibility:hidden}
.ors-chart.dash-skeleton{min-height:220px}
table.dash-skeleton{min-height:120px;display:block}
@keyframes dash-pulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.dash-skeleton{animation:none}}

.site-foot{max-width:1440px;margin:0 auto;padding:20px clamp(16px,4vw,44px) 36px;border-top:1px solid light-dark(#e4e2dc,#2f2e2b);font-size:.8125rem;line-height:1.55;color:light-dark(#5f5e5a,#a5a49a)}
.site-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:4px 36px}
.site-foot p{margin:0 0 6px}
.site-foot b{color:var(--color-fg);font-weight:600}
.site-foot a{color:inherit}