:root{--err-bg: #0a0a0f;--err-bg-elevated: #1a1a24;--err-card: rgba(26, 26, 36, .82);--err-text: #ffffff;--err-text-secondary: #a0a0b0;--err-border: rgba(255, 255, 255, .12);--err-shadow-md: 0 12px 28px rgba(0, 0, 0, .24);--err-shadow-lg: 0 18px 46px rgba(0, 0, 0, .3);--err-accent: #667eea;--err-accent-hover: #7c8ef5;--err-danger: #ff6b6b;--err-danger-soft: rgba(255, 107, 107, .18);--err-badge-bg: rgba(102, 126, 234, .18);--err-badge-text: #c7d2fe;--err-blur: 20px}html,body,#app{margin:0;width:100%;min-height:100%}html[data-theme=light]{--err-bg: #f5f7fa;--err-bg-elevated: #ffffff;--err-card: rgba(255, 255, 255, .9);--err-text: #1a1a2e;--err-text-secondary: #6b7280;--err-border: rgba(15, 23, 42, .12);--err-shadow-md: 0 8px 24px rgba(15, 23, 42, .14);--err-shadow-lg: 0 18px 40px rgba(15, 23, 42, .18);--err-accent: #5b6fe0;--err-accent-hover: #6f81eb;--err-danger: #dc2626;--err-danger-soft: rgba(220, 38, 38, .14);--err-badge-bg: rgba(91, 111, 224, .14);--err-badge-text: #374151;--err-blur: 12px}@keyframes app-error-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-error-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:max(env(safe-area-inset-top),24px) 16px max(env(safe-area-inset-bottom),24px);background:var(--err-bg);color:var(--err-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}.app-error-page:before,.app-error-page:after{content:"";position:absolute;border-radius:50%;filter:blur(56px);opacity:.34;pointer-events:none;z-index:-1}.app-error-page:before{width:340px;height:340px;top:-120px;left:-100px;background:radial-gradient(circle,rgba(102,126,234,.48) 0%,transparent 72%)}.app-error-page:after{width:420px;height:420px;right:-180px;bottom:-180px;background:radial-gradient(circle,rgba(245,87,108,.34) 0%,transparent 72%)}.app-error-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1f,#f5576c1a 52%,#4facfe1f);background-size:280% 280%;animation:app-error-gradient-shift 16s ease infinite;pointer-events:none;z-index:-1}.app-error-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;color:var(--err-danger);background:var(--err-danger-soft);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px #0000002e}.app-error-badge{width:fit-content;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--err-badge-bg);color:var(--err-badge-text);border:1px solid var(--err-border)}.app-error-card h1{margin:8px 0 10px;font-size:clamp(24px,3.2vw,30px);line-height:1.18;color:var(--err-text)}.app-error-message{margin:0 0 20px;line-height:1.58;font-size:15px;color:var(--err-text-secondary)}.app-error-reload{border:none;border-radius:14px;padding:12px 22px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--err-accent) 0%,#764ba2 100%);box-shadow:0 10px 24px #667eea47;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.app-error-reload:hover{transform:translateY(-1px);box-shadow:var(--err-shadow-lg);filter:brightness(1.03)}.app-error-reload:active{transform:translateY(0);box-shadow:var(--err-shadow-md)}@media(max-width:640px){.app-error-card{border-radius:20px;padding:28px 20px}.app-error-icon{width:58px;height:58px;font-size:26px}}