/* Stand-ins for the design tokens the claude.ai dashboard runtime provides. */
:root{
  --font-anthropic-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --cds-font-size-caption:12px;--cds-font-size-body:14px;--cds-font-size-heading:17px;--cds-font-size-title:24px;
  --cds-font-weight-medium:500;
  --cds-gap-sm:8px;--cds-gap-md:12px;--cds-gap-lg:24px;
  --cds-pad-xs:4px;--cds-pad-sm:8px;--cds-pad-md:14px;--cds-pad-lg:18px;--cds-pad-xl:28px;
  --cds-radius:10px;--cds-dur-slow:.3s;
  --cds-blue-450:#3b78e7;--cds-orange-350:#f2994a;--cds-aqua-350:#3fbfbf;--cds-yellow-250:#f2cc4a;
  --cds-magenta-300:#e06fb4;--cds-green-500:#3a9d5d;--cds-violet-500:#7b5cd6;--cds-red-400:#e5534b;
  --cds-green-600:#2e7d4a;--cds-yellow-600:#a67c00;--cds-red-600:#c23a32;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#f9f9f7;color:#1a1a18;font-family:var(--font-anthropic-sans)}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.gate-card{background:#fff;border:1px solid #e4e3dd;border-radius:12px;padding:32px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:14px;text-align:center}
.gate-card h1{margin:0;font-size:22px}
.gate-card p{margin:0;color:#6d6b67;font-size:14px;line-height:1.5}
.gate-card button{font:inherit;font-size:15px;padding:10px 16px;border-radius:999px;border:1px solid #1a1a18;background:#1a1a18;color:#f9f9f7;cursor:pointer}
.gate-card .err{color:#c23a32}
.userbar{position:fixed;top:10px;right:16px;z-index:10;display:flex;gap:8px;align-items:center;font-size:12px;color:#6d6b67;background:#fffd;border:1px solid #e4e3dd;border-radius:999px;padding:4px 4px 4px 12px}
.userbar button{font:inherit;font-size:12px;border:0;background:#1a1a18;color:#f9f9f7;border-radius:999px;padding:4px 10px;cursor:pointer}
[hidden]{display:none!important}