:root{
  --paper:#eef1f0; --panel:#ffffff; --panel-2:#f6f8f7; --ink:#14201d; --ink-2:#4c5b57; --ink-3:#8a9793; --rule:#d7ddda; --rule-2:#e8ecea;
  --accent:#0f6e56; --accent-ink:#0b5543; --accent-wash:#e3f0ea;
  --seg-off:#d9e1de; --seg-on:#0f6e56; --seg-ap:#14201d;
  --met:#1f7a4d; --met-wash:#e2f3e8; --missed:#b3342e; --missed-wash:#f8e4e2; --fda:#8a5a00; --fda-wash:#f7ecd5; --neutral-wash:#e9edec;
  --display:"Newsreader",Georgia,serif; --body:"Public Sans",system-ui,-apple-system,sans-serif;
  --rail:232px; --radius:10px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --paper:#0f1614; --panel:#17201d; --panel-2:#1d2724; --ink:#e9eeec; --ink-2:#aab6b2; --ink-3:#73817c; --rule:#2a3733; --rule-2:#222d2a; --accent:#5cc9a6; --accent-ink:#8fdcc2; --accent-wash:#163a30; --seg-off:#2c3b36; --seg-on:#5cc9a6; --seg-ap:#e9eeec; --met:#6cd29a; --met-wash:#173826; --missed:#f08c86; --missed-wash:#3e1d1b; --fda:#e8b45a; --fda-wash:#3a2d12; --neutral-wash:#263230; color-scheme:dark } }
:root[data-theme="dark"]{ --paper:#0f1614; --panel:#17201d; --panel-2:#1d2724; --ink:#e9eeec; --ink-2:#aab6b2; --ink-3:#73817c; --rule:#2a3733; --rule-2:#222d2a; --accent:#5cc9a6; --accent-ink:#8fdcc2; --accent-wash:#163a30; --seg-off:#2c3b36; --seg-on:#5cc9a6; --seg-ap:#e9eeec; --met:#6cd29a; --met-wash:#173826; --missed:#f08c86; --missed-wash:#3e1d1b; --fda:#e8b45a; --fda-wash:#3a2d12; --neutral-wash:#263230; color-scheme:dark }

*{box-sizing:border-box} html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--body)}
a{color:var(--accent-ink)} .wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.mast{border-bottom:1px solid var(--rule);background:var(--panel)} .mast .wrap{display:flex;align-items:center;gap:18px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto;font:500 19px/1.05 var(--display);letter-spacing:-.01em} .brand svg{flex:none;border-radius:7px}
.mast nav{display:flex;gap:18px;font-size:14px} .mast nav a{color:var(--ink-2);text-decoration:none} .mast nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:10px;padding:10px 16px;font:600 14px/1 var(--body);text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)} .btn.sm{padding:7px 12px;font-size:13px} .btn:disabled{opacity:.6;cursor:default}
.link-btn{background:none;border:0;color:var(--ink-2);font:inherit;cursor:pointer;text-decoration:underline}
.page{padding:40px 0 64px} .narrow{max-width:620px} .card{background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:22px}
.muted{color:var(--ink-3)} .msg{background:var(--accent-wash);color:var(--accent-ink);border-radius:10px;padding:10px 14px;margin:0} .msg.warn{background:var(--fda-wash);color:var(--fda)}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;background:var(--neutral-wash);color:var(--ink-2)} .pill.g{background:var(--met-wash);color:var(--met)} .pill.a{background:var(--fda-wash);color:var(--fda)}
.foot{border-top:1px solid var(--rule);padding:22px 0;font-size:13px;color:var(--ink-3)} .foot nav{display:flex;gap:16px;flex-wrap:wrap} .foot a{color:var(--ink-3)}
.hp{position:absolute;left:-9999px} form .row{display:flex;gap:10px;margin-top:10px} form input[type=email]{width:100%;border:1px solid var(--rule);border-radius:10px;padding:10px 12px;font:inherit;background:var(--panel);color:var(--ink)} .err{color:var(--missed);font-size:13px;min-height:1em;margin:6px 0 0}
dialog.wl{border:1px solid var(--rule);border-radius:14px;padding:24px;max-width:420px;background:var(--panel);color:var(--ink)} dialog.wl::backdrop{background:rgba(0,0,0,.4)}