/* 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);
}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
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}
.sn-chart.dash-skeleton{min-height:220px}
.sn-evs.dash-skeleton{min-height:160px}
@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 p{margin:0 0 6px}
.site-foot b{color:var(--color-fg);font-weight:600}
.site-foot a{color:inherit}
/* footer: the author line, then one column of labelled rows */
.sf .sf-head{margin:0 0 10px;color:var(--color-fg)}
.sf .sf-rows{margin:0}
.sf .sf-rows>div{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:4px 20px;padding:9px 0;border-top:1px solid light-dark(#e4e2dc,#2f2e2b)}
.sf dt{font-weight:600;color:var(--color-fg)}
.sf dd{margin:0;max-width:120ch}
@media (max-width:640px){.sf .sf-rows>div{grid-template-columns:minmax(0,1fr)}}