:root{--t:#22c55e;--r:#4f46e5;--y:#f59e0b;--d:#0f1226;--bg:#f5f6fb;--b:#e6e8f2;--m:#667085}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,Arial,sans-serif;background:var(--bg);color:var(--d)}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--d);color:#fff;border-bottom:4px solid var(--r)}.brand{color:#fff;text-decoration:none;font-weight:700}.brand b{color:#a5b4fc}.card.after{margin-top:20px}h2.first{margin-top:0}.hero{text-align:center;margin:8vh auto 0;max-width:460px}.hero h1{font-size:1.9rem;line-height:1.2}.hero p{color:var(--m)}main{max-width:720px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid var(--b);border-radius:14px;padding:20px;margin:12px 0}.narrow{max-width:420px;margin:8vh auto}h1{font-size:1.5rem;margin:0 0 8px}h2{font-size:1.1rem;margin:20px 0 8px}label{display:block;margin:14px 0 4px;font-weight:600}input,select{width:100%;padding:10px 12px;border:1px solid #cfd6da;border-radius:10px;font:inherit;background:#fff}input[type=color]{height:44px;padding:4px}.btn{display:inline-block;margin-top:16px;padding:10px 18px;border:0;border-radius:10px;background:var(--r);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn.ghost{background:#fff;color:var(--d);border:1px solid #cfd6da}.btn.small{padding:6px 12px;margin:0;font-size:.85rem}.muted{color:var(--m)}.small{font-size:.85rem}.err{background:#fef2f2;border:1px solid #ef4444;padding:10px 12px;border-radius:10px}.pill{display:inline-block;padding:1px 10px;border-radius:99px;background:#eef2ff;font-size:.8rem}.pill.warn{background:#fef3c7}.pill.ok{background:#dcfce7}.guide{padding-left:20px}.guide li{margin:6px 0}code{background:#eef2ff;padding:1px 5px;border-radius:6px;word-break:break-all;font-size:.85rem}.list{list-style:none;padding:0;margin:0}.list li{padding:8px 0;border-bottom:1px solid var(--b)}.steps,.stepper{list-style:none;padding:0;margin:8px 0}.steps li{padding:8px 0;border-bottom:1px solid var(--b)}.dot{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--b);margin-right:6px}.steps li.ok .dot{background:var(--t)}.stepper{display:flex;gap:6px;flex-wrap:wrap;font-size:.8rem}.stepper li{padding:2px 8px;border-radius:99px;background:var(--b)}.stepper li.cur{background:var(--d);color:#fff}.stepper li.past{background:var(--t)}.tbl{width:100%;border-collapse:collapse}.tbl td{padding:6px 0;border-bottom:1px solid var(--b)}.chk{display:flex;gap:8px;align-items:center;font-weight:400;margin:0}.chk input{width:auto}li.locked{color:var(--m)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}form.inline{display:inline-flex;align-items:center;gap:8px}.foot{text-align:center;color:var(--m);padding:24px 0;font-size:.85rem}@media(max-width:480px){.two{grid-template-columns:1fr}}