.route-state-page{background:var(--color-bg);place-items:center;min-height:min(720px,100dvh - 72px);padding:clamp(40px,8vw,100px) clamp(18px,5vw,56px);display:grid}.route-state{grid-template-columns:minmax(112px,.36fr) minmax(0,1fr);align-items:center;gap:clamp(26px,5vw,68px);width:min(100%,860px);display:grid}.route-state-mark{border-right:1px solid var(--color-border-strong);min-height:200px;color:var(--color-primary);font:650 clamp(3.6rem, 9vw, 6rem)/1 var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-self:stretch;place-items:center;padding-right:clamp(20px,3vw,36px);display:grid}.route-state h1{max-width:12ch;color:var(--color-text);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,5vw,4.2rem);font-weight:650;line-height:1}.route-state-description{max-width:54ch;color:var(--color-text-secondary);margin:18px 0 0;font-size:1rem;line-height:1.7}.route-state-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.route-state-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@media (max-width:600px){.route-state-page{place-items:start;min-height:calc(100dvh - 120px)}.route-state{grid-template-columns:1fr;gap:24px}.route-state-mark{border-right:0;border-bottom:1px solid var(--color-border-strong);place-items:start;min-height:0;padding:0 0 20px;font-size:3.6rem}.route-state-actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){.route-state-spinner{animation-duration:1.6s;animation-timing-function:ease-in-out}}