:root{--brand: #0f2e63;--bg: #f5f4f0;--ink: #2b2b28;--muted: #4f4b44;--card: #fff;--line: #d9d6cf;--font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink)}.page{max-width:720px;margin:0 auto;padding:24px 16px 64px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted)}h1{font-size:1.7rem;line-height:1.2}.lead{color:var(--muted)}.tabs{display:flex;gap:8px;margin:16px 0}.tabs button,button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.tabs .on{background:var(--brand);color:#fff;border-color:var(--brand)}.stack{display:grid;gap:8px;margin:12px 0}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}.msg{color:var(--brand)}code{display:block;overflow-wrap:anywhere;background:var(--bg);padding:8px;border-radius:8px}.google-btn-wrap{margin-top:12px;min-height:44px}