:root{color:#17243d;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:#245fce}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #89b1fc}.shell{max-width:680px;padding:28px 24px max(24px,env(safe-area-inset-bottom));margin:auto}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:13px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:750;display:grid}.brand strong{font-size:18px}.brand small{color:#78849a;letter-spacing:.04em;font-size:11px;display:block}.stage{color:#536781;white-space:nowrap;background:#e9eef8;border-radius:6px;margin-left:auto;padding:5px 10px;font-size:12px}.intro{padding:48px 0 28px}.eyebrow{color:#2563eb;letter-spacing:.12em;margin:0 0 14px;font-size:12px;font-weight:600}h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(34px,8vw,46px);line-height:1.28}h2{margin:0;font-size:17px;font-weight:650}.lead{color:#647189;font-size:15px;line-height:1.9}.scope{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.scope span{color:#65738b;border:1px solid #dfe5ee;border-radius:20px;padding:4px 12px;font-size:12px}.card{background:#fff;border:1px solid #e4e9f1;border-radius:18px;margin:0 0 16px;padding:24px;box-shadow:0 4px 18px #18294303}.card-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{color:#71809a;font-size:11px}.status{background:#f5f7fb;border-radius:12px;align-items:flex-start;gap:12px;margin-top:20px;padding:18px 16px;display:flex}.status-dot{background:#8491a6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:9px}.status.success .status-dot{background:#23966a}.status.error .status-dot{background:#d88928}.status strong{font-size:15px}.status p{color:#637089;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.metrics{gap:34px;margin:18px 0;font-size:12px;display:flex}.metrics dt{color:#7c8799}.metrics dd{color:#364b6a;font-variant-numeric:tabular-nums;margin:2px 0}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:20px;padding:12px 17px;font-size:14px;font-weight:600;display:flex}button:hover{background:#1d54d3}button:disabled{cursor:wait;background:#768cac}.api-link{justify-content:center;align-items:center;gap:5px;min-height:44px;margin-top:4px;font-size:12px;text-decoration:none;display:flex}.guide ol{margin:24px 0 0;padding:0;list-style:none}.guide li{gap:15px;margin-top:20px;display:flex}.guide li>span{color:#8090a8;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.guide strong{font-size:14px;font-weight:550}.guide p{color:#778299;margin:4px 0 0;font-size:13px}.notice{color:#7b8597;padding:12px 6px;font-size:12px}.notice strong{color:#5d6b80;font-weight:550}.notice p{margin:6px 0 0}footer{color:#8993a3;border-top:1px solid #e1e7f0;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:28px;padding-top:20px;font-size:10px;display:flex}@media (width<=360px){.shell{padding:20px 16px}.card{padding:20px}.stage{padding:4px 7px;font-size:11px}.intro{padding-top:36px}}
