.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:32rem;margin:var(--space-6) auto;padding:var(--space-8);background:var(--app-card);border:1px solid var(--app-card-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);text-align:center}.error-state--page{justify-content:center;min-height:50vh;margin-top:var(--space-4);margin-bottom:var(--space-8)}@media(prefers-reduced-motion:no-preference){.error-state{animation:error-state-in var(--app-duration-entrance) var(--app-ease-entrance) both}@keyframes error-state-in{0%{opacity:0;transform:translateY(6px)}}}.error-state__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--app-radius-pill);background:color-mix(in srgb,var(--app-warning) 12%,transparent);color:#b45309;line-height:0}.error-state__title{margin:var(--space-0);font-family:"Fjalla One",var(--font-sans);font-size:var(--font-size-2xl);font-weight:400;line-height:var(--line-height-tight);color:var(--app-text);text-wrap:balance}.error-state__message{margin:var(--space-0);max-width:46ch;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--app-text-secondary);text-wrap:pretty}.error-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-1)}.error-state__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);width:100%;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--app-border)}.error-state__docs,.error-state__support{font-size:var(--font-size-sm);color:var(--app-text-secondary);text-decoration:none;transition:color var(--app-transition-fast)}.error-state__docs:hover,.error-state__support:hover{color:var(--app-text);text-decoration:underline}
