:root{--fg: #111827;--muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--surface: #f3f4f6;--surface-alt: #e5e7eb;--accent: #2563eb;--accent-ink: #ffffff;--radius: 14px;--pad: 16px}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--surface);color:var(--fg)}a{color:var(--accent)}.page{padding:var(--pad);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:720px;margin:0 auto}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 1px 2px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid var(--border);text-decoration:none;cursor:pointer;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .04s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:#1e4fd1}.btn--ghost{background:var(--surface-alt);color:var(--fg)}.center{display:grid;place-items:center;min-height:100dvh;padding:var(--pad)}