.route-state-page{background:var(--ui-surface-soft,#f7f8fa);min-height:100svh;color:var(--ui-text,#1d1d1f);padding:32px 24px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.route-state-brand{min-height:44px;color:var(--ui-text,#1d1d1f);letter-spacing:-.055em;align-items:center;font-size:1.3rem;font-weight:650;text-decoration:none;display:inline-flex}.route-state-card{border:1px solid var(--ui-line,#e6e7e9);background:var(--ui-surface,#fff);border-radius:20px;max-width:520px;margin:clamp(40px,12vh,120px) auto 0;padding:40px}.route-state-icon{width:52px;height:52px;color:var(--ui-accent-text,#247455);background:var(--ui-surface-soft,#edf5f0);border-radius:16px;place-items:center;margin-bottom:28px;display:grid}.route-state-card h1,.route-state-card p.route-state-title{color:var(--ui-text,#1d1d1f);letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(1.8rem,5vw,2.25rem);font-weight:600;line-height:1.15}.route-state-card p{color:var(--ui-muted,#6e6e73);margin:0;font-size:.95rem;line-height:1.7}.route-state-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.route-state-actions :is(button,a){border:1px solid var(--ui-line,#e6e7e9);background:var(--ui-surface,#fff);min-height:48px;color:var(--ui-text,#1d1d1f);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.route-state-actions button{border-color:var(--ui-accent-line,#247455);color:#fff;background:#247455}.route-state-actions button:hover{background:#1b6045}.route-state-actions a:hover{background:var(--ui-surface-soft,#f7f8fa)}.route-state-page :is(a,button):focus-visible{outline:3px solid var(--ui-focus,#247455);outline-offset:4px}.route-state-skeleton{gap:12px;margin-top:32px;display:grid}.route-state-skeleton span{background:var(--ui-surface-soft,#f0f1f3);border-radius:6px;height:12px}.route-state-skeleton span:nth-child(2){width:80%}.route-state-skeleton span:nth-child(3){width:55%}.route-state-icon.is-loading>span{border:2px solid var(--ui-line,#d2e3d9);border-top-color:var(--ui-accent-line,#247455);border-radius:50%;width:23px;height:23px;animation:1s linear infinite route-state-spin}@keyframes route-state-spin{to{transform:rotate(360deg)}}@media (max-width:520px){.route-state-page{padding:20px 16px 40px}.route-state-card{margin-top:48px;padding:28px 24px}.route-state-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.route-state-page *{transition:none!important;animation:none!important}}.route-state-page{background:var(--ui-surface,#fff)}body:has(.route-state-page){background:var(--ui-surface,#fff)}.route-state-page{font-family:inherit}.route-state-card{animation:es-content-in var(--motion-reveal) var(--motion-ease);border:0;border-radius:0;padding:32px 20px}.route-state-icon{background:0 0;place-items:start;width:auto;height:auto;padding:0}.route-state-skeleton span{animation:1.4s ease-in-out infinite alternate route-state-pulse}@keyframes route-state-pulse{0%{opacity:.45}to{opacity:1}}@media (max-width:520px){.route-state-card{padding:24px 8px}}@media (prefers-reduced-motion:reduce),print{.route-state-card,.route-state-skeleton span{animation:none!important}}