.scanflow{grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;padding:0;list-style:none;display:grid}.scanflow__stage{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 8px;display:flex;position:relative}.scanflow__stage:not(:last-child):before,.scanflow__stage:not(:last-child):after{content:"";background:var(--line);border-radius:1px;width:calc(100% - 44px);height:2px;position:absolute;top:15px;left:calc(50% + 22px)}.scanflow__stage:not(:last-child):after{background:var(--navy);transform-origin:0;transition:transform .6s var(--ease-out);transform:scaleX(0)}.scanflow__stage.is-linked:after{transform:scaleX(1)}.scanflow__dot{z-index:1;border:1.5px solid var(--line-3);background:var(--surface);width:32px;height:32px;color:var(--cream);transition:background .3s var(--ease-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.scanflow__stage.is-reached .scanflow__dot{border-color:var(--navy);background:var(--navy)}.scanflow__stage.is-now .scanflow__dot{box-shadow:0 0 0 6px #1522301f}.scanflow__card{opacity:.55;width:100%;max-width:260px;transition:opacity .3s var(--ease-out), background .3s var(--ease-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border:1px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 20px;display:flex}.scanflow__stage.is-reached .scanflow__card{opacity:1}.scanflow__stage.is-now .scanflow__card{border-color:var(--line);box-shadow:var(--device-shadow-soft);background:#fff}.scanflow__token{justify-content:center;align-items:center;min-height:36px;margin-bottom:6px;display:flex}.scanflow__token>*{animation:scanflow-in .45s var(--ease-out) both}@keyframes scanflow-in{0%{opacity:0;transform:translateY(6px)}}.scanflow__wait{border:1.5px dashed var(--line-3);border-radius:8px;width:96px;height:26px;display:block}.scanflow__guard,.scanflow__who{background:var(--canvas);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.scanflow__guard{background:var(--navy);color:var(--cream)}.scanflow__title{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:600;line-height:22px}.scanflow__body{color:var(--ink-2);text-wrap:pretty;font-size:14px;line-height:20px}.scanpick{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:24px;display:flex}.scanpick__chips{flex-wrap:wrap;gap:8px;display:flex}.scanpick__chip{appearance:none;border:1px solid var(--line);background:var(--canvas);min-height:44px;color:var(--ink-2);font:inherit;cursor:pointer;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:13px;line-height:18px;display:inline-flex}.scanpick__chip:hover{border-color:var(--line-3);background:#fff}.scanpick__chip[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:var(--cream)}.scanpick__dot{background:var(--ink-4);border-radius:50%;flex:none;width:8px;height:8px}.scanpick__dot--success{background:var(--ok-2)}.scanpick__dot--warning{background:var(--warn-2)}.scanpick__dot--error{background:var(--error)}.scanpick__dot--info{background:var(--link)}.scanpick__chip[aria-pressed=true] .scanpick__dot{box-shadow:0 0 0 2px var(--navy), 0 0 0 3px var(--cream)}.scanpick__plate{font-family:var(--vm-font-mono);letter-spacing:.06em;color:inherit;font-weight:600}.scanpick__chip[aria-pressed=false] .scanpick__plate{color:var(--ink)}.scanpick__play{appearance:none;border:1px solid var(--line-3);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:500;display:inline-flex}.scanpick__play:hover{background:#fff}.scanpick__play:disabled{display:none}.scanpick__chip:focus-visible,.scanpick__play:focus-visible{outline:2px solid var(--link);outline-offset:2px}.work__tab{min-height:44px}.sb-card__link{align-self:flex-start;align-items:center;min-height:44px;display:inline-flex}.sb-seal__row{align-items:center;gap:8px;display:inline-flex}.sb-linked{flex-direction:column;flex:0 460px;gap:8px;display:flex}.sb-linked__row{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;display:flex}.sb-linked__key{width:64px;color:var(--ink-3);flex:none;font-size:12px;font-weight:600;line-height:16px}.sb-linked .ui-status{white-space:normal;flex-wrap:wrap}.sb-linked__meta{color:var(--ink-2);font-size:13px;line-height:18px}@media (width<=1023px){.scanflow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.scanflow__stage:nth-child(2):before,.scanflow__stage:nth-child(2):after{display:none}}@media (width<=767px){.scanflow{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:32px}.scanflow__stage{text-align:left;flex-direction:row;align-items:flex-start;gap:14px;padding:0 0 16px}.scanflow__stage:nth-child(2):before,.scanflow__stage:nth-child(2):after{display:block}.scanflow__stage:not(:last-child):before,.scanflow__stage:not(:last-child):after{width:2px;height:calc(100% - 44px);top:38px;left:15px}.scanflow__stage:not(:last-child):after{transform-origin:top;transform:scaleY(0)}.scanflow__stage.is-linked:after{transform:scaleY(1)}.scanflow__card{align-items:flex-start;max-width:none;padding:14px 16px 16px}.scanflow__token{justify-content:flex-start}.scanpick{flex-direction:column;align-items:stretch}.scanpick__chips{grid-template-columns:minmax(0,1fr);display:grid}.scanpick__chip{justify-content:flex-start}.scanpick__word{margin-left:auto}.scanpick__play{align-self:flex-start}.sb-card--row .sb-linked{flex:none}}@media (prefers-reduced-motion:reduce){.scanflow__stage:not(:last-child):after,.scanflow__dot,.scanflow__card,.scanpick__chip{transition:none}.scanflow__token>*{animation:none}}