.ob-layer{--ob-surface:#ffffff;--ob-panel:#f7f7f8;--ob-line:rgb(24 24 27/0.08);--ob-ink:#18181b;--ob-on-ink:#fafafa;--ob-muted:#71717a;--ob-quiet:#a1a1aa;--ob-accent:#4f46e5;--ob-good:#059669;--ob-track:#ececf0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.dark .ob-layer{--ob-surface:#1f1f23;--ob-panel:#26262b;--ob-line:rgb(255 255 255/0.08);--ob-ink:#fafafa;--ob-on-ink:#18181b;--ob-muted:#a1a1aa;--ob-quiet:#71717a;--ob-accent:#818cf8;--ob-good:#34d399;--ob-track:#34343a}.ob{display:grid;width:min(100%,380px);color:var(--ob-ink)}.ob-stage{display:grid;align-items:center;justify-items:center;min-height:470px}.ob-card{display:grid;width:100%;padding:16px 16px 14px;border-radius:22px;background:var(--ob-surface)}.ob-head{display:flex;align-items:center;gap:12px}.ob-head-copy,.ob-pill-copy{display:grid;flex:1;gap:1px;min-width:0}.ob-title{font-size:15px;font-weight:650}.ob-count{color:var(--ob-muted);font-size:12.5px}.ob-ring{flex:none;width:38px;height:38px;overflow:visible}.ob-ring-fill,.ob-ring-track{fill:none;stroke-width:3.5}.ob-ring-track{stroke:var(--ob-track)}.ob-ring-fill{stroke:var(--ob-accent);stroke-linecap:round}.ob-ring-check{fill:none;stroke:var(--ob-good);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;animation:ob-draw .4s ease-out .2s backwards}.ob-hide,.ob-show{display:grid;flex:none;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--ob-quiet);cursor:pointer}@media (hover:hover) and (pointer:fine){.ob-hide:hover,.ob-show:hover{background:var(--ob-panel);color:var(--ob-ink)}}.ob-hide svg,.ob-show svg{width:16px;height:16px}.ob-steps{display:grid;gap:2px;margin:14px 0 0;padding:0;list-style:none}.ob-step{display:flex;align-items:flex-start;gap:11px;padding:9px 10px;border-radius:14px}.ob-step[data-open]{background:var(--ob-panel)}.ob-check{display:grid;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;padding:0;border:1.5px solid color-mix(in oklab,var(--ob-ink) 25%,transparent);border-radius:50%;background:transparent;cursor:pointer;transition:background-color .2s,border-color .2s}.ob-check[data-checked]{border-color:var(--ob-good);background:var(--ob-good)}.ob-step[data-open] .ob-check:not([data-checked]){border-color:var(--ob-accent)}.ob-check:focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px}.ob-tick{display:grid}.ob-tick svg{width:13px;height:13px;fill:none;stroke:#ffffff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ob-step-body{display:grid;gap:4px;min-width:0}.ob-step-title{font-size:13.5px;font-weight:500;line-height:22px}.ob-step[data-done] .ob-step-title{color:var(--ob-quiet);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--ob-quiet) 60%,transparent)}.ob-step[data-open] .ob-step-title{font-weight:600}.ob-step-detail{color:var(--ob-muted);font-size:12.5px;line-height:1.45}.ob-action{display:inline-flex;align-items:center;justify-self:start;gap:5px;height:30px;margin-top:6px;padding:0 11px;border:0;border-radius:9px;background:var(--ob-ink);color:var(--ob-on-ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.ob-action svg{width:14px;height:14px}.ob-done{height:36px;margin-top:10px;border:0;border-radius:11px;background:var(--ob-panel);color:var(--ob-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.ob-action:focus-visible,.ob-done:focus-visible,.ob-hide:focus-visible,.ob-show:focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px}.ob-pill{display:flex;align-items:center;gap:11px;width:260px;padding:8px 8px 8px 9px;border-radius:999px;background:var(--ob-surface)}.ob-pill .ob-ring{width:34px;height:34px}.ob-pill .ob-title{font-size:14px}.ob-pill .ob-count{font-size:12px}@keyframes ob-draw{0%{stroke-dashoffset:20}}