.err-page{--err-primary:#6d28d9;--err-bg:#f8fafc;--err-particle-bg:#6d28d9;align-items:center;background:var(--err-bg);display:flex;flex-direction:column;font-family:inherit;justify-content:center;margin:0;min-height:100vh;padding:0;width:100vw}.err-page.is-server-err{--err-primary:#ef4444;--err-particle-bg:#ef4444}.err-nav{background:var(--err-bg);border-bottom:1px solid #e2e8f0;justify-content:space-between;left:0;padding:14px 28px;position:fixed;right:0;top:0;z-index:20}.err-brand,.err-nav{align-items:center;display:flex}.err-brand{gap:9px;text-decoration:none}.err-brand-icon{align-items:center;background:var(--err-primary);border-radius:6px;color:#fff;display:flex;height:30px;justify-content:center;width:30px}.err-brand-name{color:#0f172a;font-size:15px;font-weight:800;letter-spacing:-.02em}.err-back-link{align-items:center;color:#94a3b8;display:inline-flex;font-size:13px;font-weight:600;gap:6px;text-decoration:none;transition:color .15s}.err-back-link:hover{color:#0f172a}.err-main{flex-direction:column;max-width:520px;padding:80px 24px 40px;text-align:center;width:100%}.err-anim-zone,.err-main{align-items:center;display:flex}.err-anim-zone{height:120px;justify-content:center;margin-bottom:20px;position:relative;width:200px}.err-character{animation:err404Bob 3s ease-in-out infinite;position:relative;z-index:2}.err-character.err-peek{animation:err404Look 2.5s ease-in-out}@keyframes err404Bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes err404Look{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-6px) translateY(-3px)}50%{transform:translate(6px) translateY(-5px)}75%{transform:translate(-3px) translateY(-2px)}}.err-float-symbols{inset:0;overflow:hidden;pointer-events:none;position:absolute}.err-symbol{animation:err404FloatUp linear forwards;bottom:-10px;font-size:16px;opacity:0;position:absolute}@keyframes err404FloatUp{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(-120px) rotate(20deg)}}.err-particles{inset:0;pointer-events:none;position:absolute}.err-particle{animation:err404Orbit 4s ease-in-out infinite;background:var(--err-particle-bg);border-radius:50%;height:5px;opacity:0;position:absolute;width:5px}.err-particle-1{animation-delay:0s;left:15%;top:20%}.err-particle-2{animation-delay:1s;right:20%;top:10%}.err-particle-3{animation-delay:2s;bottom:30%;left:25%}.err-particle-4{animation-delay:3s;bottom:20%;right:15%}@keyframes err404Orbit{0%,to{opacity:0;transform:scale(0) rotate(0)}25%{opacity:.6;transform:scale(1.2) rotate(90deg)}50%{opacity:.8;transform:scale(1) rotate(180deg)}75%{opacity:.4;transform:scale(.8) rotate(270deg)}}.err-code-wrap{margin-bottom:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.err-code-text{animation:err404Glow 3s ease-in-out infinite;color:var(--err-primary);font-family:monospace;font-size:clamp(64px,14vw,120px);font-weight:700;letter-spacing:-.04em;line-height:1}@keyframes err404Glow{0%,to{opacity:1}50%{opacity:.75}}.err-divider{background:var(--err-primary);border-radius:6px;height:3px;margin-bottom:16px;opacity:.35;width:40px}.err-heading{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.err-sub{color:#94a3b8;font-size:14px;line-height:1.65;margin:0 0 16px}.err-path-hint{color:#94a3b8;font-size:11px;margin:0 0 20px}.err-path-hint code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#ef4444;font-family:monospace;padding:2px 7px}.err-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.err-btn{align-items:center;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:9px 20px;text-decoration:none;transition:all .15s;white-space:nowrap}.err-btn-primary{background:var(--err-primary);border-color:var(--err-primary);color:#fff}.err-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.err-btn-ghost{background:transparent;border-color:#e2e8f0;color:#334155}.err-btn-ghost:hover{background:#f8fafc;color:#0f172a}.err-support-hint{color:#94a3b8;font-size:12px;margin:0}.err-support-hint a{color:var(--err-primary);font-weight:600;text-decoration:none}.err-support-hint a:hover{text-decoration:underline}@media(max-width:480px){.err-main{padding:70px 20px 32px}.err-anim-zone{height:100px;width:160px}.err-actions{flex-direction:column}.err-btn{justify-content:center}}