.appnav{z-index:90;left:50%;bottom:calc(10px + var(--safe-b));border-radius:26px;width:min(420px,100% - 20px);padding:6px;position:fixed;transform:translate(-50%)}.appnav__list{z-index:1;grid-template-columns:repeat(4,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid;position:relative}.appnav__item{min-height:52px;color:var(--ink-2);font:600 11.5px/1.1 var(--font-ui);letter-spacing:.01em;transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:20px;justify-items:center;gap:3px;padding:7px 4px 6px;text-decoration:none;display:grid}.appnav__item:hover{color:var(--ink);background:var(--hover)}.appnav__item:focus-visible{outline:3px solid var(--tint-ring);outline-offset:1px}.appnav__item.is-on{color:var(--tint);background:var(--tint-soft)}.appnav__icon{place-items:center;width:26px;height:24px;display:grid;position:relative}.appnav__icon .i{stroke-width:1.9px;width:23px;height:23px}.appnav__badge{background:var(--tint);color:#fff;min-width:18px;height:18px;font:700 11px/1 var(--font-ui);border-radius:9px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;left:15px;box-shadow:0 0 0 2px #fffffff2}.appnav__count{display:none}.me-dot{color:#fff;width:30px;height:30px;font:700 12.5px/1 var(--font-ui);letter-spacing:.02em;background:linear-gradient(135deg,#2350ff,#7a2cff);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff8c}.appnav__me{display:none}.me-pill{padding:0}.me-pill .me-dot{width:32px;height:32px}.appnav__me:focus-visible,.me-pill:focus-visible{outline:3px solid var(--tint-ring);outline-offset:2px;border-radius:50%}body.has-appnav{padding-bottom:calc(88px + var(--safe-b))}body.has-appnav .toast{bottom:calc(92px + var(--safe-b))}@media (min-width:1000px){.appnav{border-radius:var(--r-pill);width:auto;padding:5px;top:14px;bottom:auto}.appnav__list{gap:2px;display:flex}.appnav__item{border-radius:var(--r-pill);letter-spacing:0;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14.5px;display:inline-flex}.appnav__icon{width:20px;height:20px}.appnav__icon .i{width:19px;height:19px}.appnav__badge{display:none}.appnav{align-items:center;gap:4px;display:flex}.appnav__me{z-index:1;box-shadow:inset 1px 0 0 var(--sep-2);border-radius:0;place-items:center;margin-left:4px;padding-left:9px;display:grid;position:relative}.me-pill{display:none!important}.appnav__count{background:var(--tint);color:#fff;min-width:20px;height:20px;font:700 11.5px/1 var(--font-ui);border-radius:10px;place-items:center;padding:0 6px;display:inline-grid}body.has-appnav{padding-bottom:0}body.has-appnav .toast{bottom:calc(24px + var(--safe-b))}}.steps{width:100%}.steps__list{counter-reset:none;gap:6px;margin:0;padding:0;list-style:none;display:flex}.steps__item{flex:1 1 0;min-width:0}.steps__link{min-height:44px;color:var(--ink-3);font:600 12.5px/1.2 var(--font-ui);flex-direction:column;gap:6px;padding:0 2px;text-decoration:none;display:flex}.steps__link:before{content:"";background:var(--fill-2);border-radius:2px;height:4px;display:block}.steps__dot{display:none}.steps__item--done .steps__link{color:var(--ink-2)}.steps__item--done .steps__link:before{background:var(--ink)}.steps__item--now .steps__link{color:var(--ink)}.steps__item--now .steps__link:before{background:linear-gradient(90deg,#2350ff,#7a2cff)}a.steps__link:hover{color:var(--ink)}a.steps__link:focus-visible{outline:3px solid var(--tint-ring);outline-offset:3px;border-radius:6px}@media (min-width:700px){.steps__list{flex-wrap:wrap;gap:6px}.steps__item{flex:none}.steps__link{border-radius:var(--r-pill);flex-direction:row;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 6px;font-size:14px}.steps__link:before{display:none}.steps__dot{background:var(--fill);width:26px;height:26px;color:var(--ink-2);font:700 13px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.steps__dot .i{stroke-width:2.6px;width:15px;height:15px}.steps__item--done .steps__dot{background:var(--ink);color:#fff}.steps__item--now .steps__link{background:var(--surface);box-shadow:0 1px 2px #0000000f, inset 0 0 0 1px var(--sep)}.steps__item--now .steps__dot{color:#fff;background:linear-gradient(135deg,#2350ff,#7a2cff)}}.guestnav{border-radius:var(--r-pill);background:var(--fill);gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.guestnav__item{border-radius:var(--r-pill);min-height:40px;color:var(--ink-2);font:600 14.5px/1 var(--font-ui);align-items:center;gap:7px;padding:0 16px;text-decoration:none;display:inline-flex}.guestnav__item .i{width:18px;height:18px}.guestnav__item .badge{min-width:20px;height:20px;padding:0 6px;font-size:11.5px}.guestnav__item:hover{color:var(--ink)}.guestnav__item:focus-visible{outline:3px solid var(--tint-ring);outline-offset:1px}.guestnav__item.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.guestnav--on-art{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffff29}.guestnav--on-art .guestnav__item{color:#ffffffe6;text-shadow:0 1px 2px #0a063259}.guestnav--on-art .guestnav__item.is-on{color:var(--ink);text-shadow:none;background:#ffffffeb}@media (prefers-reduced-motion:reduce){.appnav__item,.guestnav__item{transition:none}}