:root{--paper:#f3f5f4;--ink:#14212a;--muted:#56666f;--accent:#1b5a76;--signal:#c47f17;--amber:#e3a84b;--ok:#2c7a4c;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;place-content:center;justify-items:center;gap:10px;display:grid}.logo{border-radius:22px}h1{margin:8px 0 0}.wordmark{letter-spacing:-1px;color:var(--ink);align-items:flex-end;gap:2px;font-family:Space Grotesk,system-ui,sans-serif;font-size:52px;font-weight:700;line-height:1;display:flex}.wordmark .pin{width:auto;height:38px}.wordmark .num{color:var(--amber)}.sub{color:var(--muted);margin:0;font-size:17px}.status{color:var(--signal);margin:12px 0 8px;font-size:18px;font-weight:600}.hint{max-width:32ch;color:var(--muted);margin:0;font-size:16px}.ok{color:var(--ok);margin:0;font-size:17px;font-weight:600}.btn{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:12px;padding:14px 24px;font:600 18px inherit}
