:root{--ink:#111827;--text:#374151;--muted:#6b7280;--line:#d1d5db;--soft:#f9fafb;--primary:#1e3a8a;--warn:#b42318}*{box-sizing:border-box}body{color:var(--text);background:var(--soft);margin:0;font:15px/1.6 -apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}.card{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:420px;margin:12vh auto;padding:28px}h1{color:var(--ink);margin:0 0 6px;font-size:20px;font-weight:650}p.muted{color:var(--muted);margin:0 0 18px;font-size:14px}label{color:var(--ink);margin:14px 0 6px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:9px 11px}button{background:var(--primary);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:6px;margin-top:16px;padding:10px;font-weight:600}button.secondary{color:var(--text);border:1px solid var(--line);background:#fff}button:disabled{opacity:.6;cursor:default}.error{color:var(--warn);margin-top:10px;font-size:13px}ul.scopes{margin:8px 0 0;padding-left:18px;font-size:14px}