.sn{gap:10px;margin:0 0 16px;display:grid}.sn-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.sn-step{color:var(--muted);font-size:var(--fs-xs);gap:6px;padding:4px 0;font-weight:700;text-decoration:none;display:grid}.sn-line{border-radius:var(--radius-pill);background:var(--line-2);height:5px;display:block}.sn-step[data-state=done] .sn-line{background:var(--text)}.sn-step[data-state=now] .sn-line{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 25%, transparent)}.sn-step[data-state=now],.sn-step:hover{color:var(--text)}.sn-t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sn-n{font-variant-numeric:tabular-nums}.sn-long{display:none}.sn-trip{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.sn-next{justify-items:start;gap:6px;margin:32px 0 8px;display:grid}.sn-next small{color:var(--muted)}@media (min-width:720px){.sn-long{display:inline}.sn-short{display:none}}.sn-space{height:88px}.sn-bar{left:0;right:0;bottom:calc(var(--tabbar-h,0px) + env(safe-area-inset-bottom));z-index:40;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 16px;display:flex;position:fixed}.sn-bar .wo-btn{white-space:nowrap;height:48px}.sn-go{flex:auto;justify-content:center;max-width:360px;margin-left:auto}.sn-flip{transform:rotate(180deg)}@media (max-width:560px){.sn-back span,.sn-share span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sn-back,.sn-share{justify-content:center;width:48px;padding:0}}@media (min-width:900px){.sn-bar{justify-content:center;padding:12px max(16px,50vw - 590px)}}