.route-status{--route-status-error:#ff6b7a;min-height:calc(100dvh - var(--app-nav-block,0px));background:var(--color-page);color:var(--color-fg);font-family:var(--font-sans);position:relative}.route-status-glow{background:radial-gradient(closest-side, color-mix(in oklch, var(--color-accent) 18%, transparent), transparent);pointer-events:none;border-radius:50%;width:1000px;height:1000px;position:absolute;top:50%;left:-200px;transform:translateY(-50%)}.route-status-brand{align-items:center;gap:10px;font-size:22px;line-height:1;display:flex;position:absolute;top:40px;left:48px}[data-navigation-position] .route-status-brand{display:none}.route-status-body{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:clamp(48px,8vw,110px);min-width:0;padding:96px clamp(24px,5vw,48px);display:flex;position:relative;overflow:auto}.route-status-ring{aspect-ratio:1;flex-shrink:0;width:min(360px,100%);position:relative}.route-status-ring svg{width:100%;height:100%;position:absolute;inset:0}.route-status-ring-track{stroke:color-mix(in oklch, var(--color-fg) 8%, transparent)}.route-status-ring-arc{stroke:var(--color-accent);opacity:.15}.route-status-ring-arc[data-reached]{animation:route-status-reach .3s ease calc(var(--arc-index) * .12s) both}.route-status-ring-arc[data-failed]{stroke:var(--route-status-error);opacity:0;animation:.3s .95s both route-status-fail}.route-status-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.route-status-ring-label{font-family:var(--font-mono);letter-spacing:.3em;color:var(--route-status-error);margin-right:-.3em;font-size:11px;animation:.3s .95s both route-status-fail}.route-status-copy{flex-direction:column;gap:20px;width:440px;max-width:100%;display:flex}.route-status-headline{letter-spacing:-.055em;font-size:clamp(52px,13vw,76px);line-height:.9}.route-status-description{color:var(--color-fg-muted);text-wrap:pretty;font-size:16px;line-height:1.45}.route-status-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.route-status-action{height:48px;color:var(--color-fg-muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.route-status-action:hover{color:var(--color-fg)}.route-status-action[data-primary]{background:var(--color-fg);height:52px;color:var(--color-page);font-size:16px;font-weight:600}.route-status-action[data-primary]:hover{background:color-mix(in oklch, var(--color-fg) 88%, var(--color-page))}.route-status-action:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.route-status-countdown{color:var(--color-fg-muted);font-size:14px}.route-status-countdown strong{color:var(--color-fg);font-variant-numeric:tabular-nums;font-weight:600}@keyframes route-status-reach{0%{opacity:.15}to{opacity:1}}@keyframes route-status-fail{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.route-status-ring-arc[data-reached],.route-status-ring-arc[data-failed],.route-status-ring-label{opacity:1;animation:none}}
