/* Design tokens for the light and dark themes, reset, page shell. */

/* Layout: brand-blue chrome on top, one screen below it. Projects: cards in a 4-column grid. Project: one participant table. Both page with arrows, never scroll. Light is the default theme. */
:root{
  color-scheme:light;
  --ground:#F5F6FA;--panel:#FFFFFF;--panel-hi:#ECEEF6;
  --ink:#1E2438;--ink2:rgba(30,36,56,.72);--ink3:rgba(30,36,56,.58);
  --line:rgba(30,36,56,.12);--line2:rgba(30,36,56,.22);--none:rgba(30,36,56,.28);
  --accent:#1E3480;--on-accent:#FFFFFF;--err:#A8123A;--scrim:rgba(16,28,52,.45);--shadow:0 6px 22px rgba(30,36,56,.16);
  --good:#13866B;--watch:#A67C00;--concern:#D0442E;--severe:#A8123A;--severe-ink:#A8123A;--info:rgba(74,95,181,.5);
  --trace:#4A5FB5;--trace-soft:rgba(74,95,181,.3);--n1:#AFBBEC;--n2:#7489D8;--n3:#25399A;--rem:#B77E94;--box:rgba(30,36,56,.07);--grid:rgba(30,36,56,.08);--tip-bg:#FFFFFF;
  --brand:#1E3480;--chrome-ink:#FFFFFF;--chrome-ink2:rgba(255,255,255,.68);--chrome-line:rgba(255,255,255,.3);--chrome-hi:rgba(255,255,255,.12);--logo-e:#FCC419;
  --cond:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --sans:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0A1230;--panel:#131D42;--panel-hi:#1A2757;
  --ink:#FFFFFF;--ink2:rgba(255,255,255,.66);--ink3:rgba(255,255,255,.52);
  --line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);--none:rgba(255,255,255,.24);
  --accent:#FFFFFF;--on-accent:#0A1230;--err:#F58A7A;--scrim:rgba(3,6,18,.62);--shadow:0 6px 22px rgba(0,0,0,.45);
  --good:#3CC8A8;--watch:#EFD05E;--concern:#F27A6A;--severe:#D2244A;--severe-ink:#EE6F8C;--info:rgba(143,163,232,.55);
  --trace:#8FA3E8;--trace-soft:rgba(143,163,232,.3);--n1:#D3DAF6;--n2:#8FA3E8;--n3:#4A62D0;--rem:#D9A3B8;--box:rgba(255,255,255,.10);--grid:rgba(255,255,255,.08);--tip-bg:#060B1F;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1800px;margin:0 auto;padding-inline:24px}
#app{height:100%;display:flex;flex-direction:column}