.io-intro{align-items:center;gap:14px;padding:16px 16px 4px;display:flex}.io-icon{border-radius:13px;flex:none;width:56px;height:56px;box-shadow:0 2px 10px #0006}.io-intro p{font:600 14px/1.45 var(--font-body);color:var(--text);margin:0}.io-steps{counter-reset:io-step;margin:0;padding:0 16px;list-style:none}.io-steps li{counter-increment:io-step;min-height:50px;font:600 14px/1.35 var(--font-body);color:var(--text);grid-template-columns:14px 40px minmax(0,1fr);align-items:center;gap:10px;display:grid}.io-steps li+li{border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.io-steps li:before{content:counter(io-step);font:800 13px/1 var(--font-display);color:var(--muted);text-align:center}.io-steps b{font-weight:800}.io-glyph{background:var(--surface-2,var(--surface));border:1px solid var(--border);width:40px;height:40px;color:var(--text);border-radius:999px;place-items:center;display:grid}.io-glyph svg{display:block}.io-add{color:#0a84ff;letter-spacing:-.01em;font:600 14px/1 -apple-system,system-ui,sans-serif}.io-notes{border-top:1px solid var(--border);gap:8px;margin:12px 16px 0;padding:12px 0 0;list-style:none;display:grid}.io-notes li{font:600 12.5px/1.4 var(--font-body);color:var(--text-2);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;display:grid}.io-notes svg{margin-top:1px;display:block}.io-notes .io-kept{color:var(--text)}.io-notes .io-kept svg{color:var(--green,#16a34a)}.io-actions{flex-direction:column;gap:6px;padding:14px 16px 0;display:flex}.io-primary,.io-secondary,.io-later{all:unset;box-sizing:border-box;cursor:pointer;min-height:48px;font:800 13px/1 var(--font-display);letter-spacing:2px;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s,background .2s,color .2s;display:flex}.io-primary{border:2px solid var(--accent);background:var(--accent);color:var(--bg);box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 30%,transparent)}.io-primary:active{transform:translateY(1px)}.io-secondary{border:2px solid var(--accent);color:var(--accent);background:0 0}@media (hover:hover){.io-secondary:hover{background:var(--accent);color:var(--bg)}}.io-later{min-height:44px;color:var(--text-2);letter-spacing:.08em;font-size:12px}.io-btn-icon{display:grid}.io-card :is(button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:500px){.io-intro p{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.io-primary,.io-secondary{transition:none}}