.error-container{background:var(--bg,#0d0d0d);min-height:100vh;color:var(--text,#e0e0e0);font-family:var(--font-sans,system-ui);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.error-content{text-align:center;z-index:2;width:100%;max-width:700px;position:relative}.error-ascii{font-family:var(--font-mono,"Courier New", monospace);color:var(--accent,#0fa);text-align:center;opacity:.8;text-shadow:0 0 20px #00ffaa4d;margin:0 auto 2rem;font-size:clamp(.6rem,2vw,1rem);line-height:1.2;animation:3s infinite glitch}@keyframes glitch{0%,to{opacity:.8}50%{opacity:1}51%{transform:translate(2px,2px)}52%{transform:translate(-2px,-2px)}53%{transform:translate(0)}}.error-message{background:var(--bg-card,#141414);border:1px solid var(--border,#00ffaa26);border-radius:14px;padding:3rem 2rem;position:relative}.error-message:before{content:"";background:linear-gradient(90deg, var(--accent,#0fa), var(--accent2,#0cf));height:2px;position:absolute;top:0;left:0;right:0}.error-title{font-family:var(--font-mono,monospace);color:var(--text,#e0e0e0);margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2}.error-prompt{color:var(--accent,#0fa);margin-right:.5rem}.error-description{color:var(--text-muted,#888);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.error-suggestions{border:1px solid var(--border,#00ffaa26);text-align:left;background:#0000004d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.suggestion-line{font-family:var(--font-mono,monospace);color:var(--text-muted,#888);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.suggestion-line:last-child{margin-bottom:0}.suggestion-line .prompt{color:var(--accent2,#0cf);font-weight:700}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.error-button{font-family:var(--font-mono,monospace);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.error-button-primary{background:var(--accent,#0fa);color:var(--bg,#0d0d0d);border-color:var(--accent,#0fa)}.error-button-primary:hover{color:var(--accent,#0fa);background:0 0;transform:translateY(-2px);box-shadow:0 4px 12px #00ffaa4d}.error-button-secondary{color:var(--accent2,#0cf);border-color:var(--accent2,#0cf);background:0 0}.error-button-secondary:hover{background:var(--accent2,#0cf);color:var(--bg,#0d0d0d);transform:translateY(-2px);box-shadow:0 4px 12px #00ccff4d}.error-code{border:1px solid var(--border,#00ffaa26);text-align:left;background:#00000080;border-radius:8px;margin-top:2rem;padding:1.5rem;position:relative;overflow-x:auto}.error-code:before{content:"";background:linear-gradient(90deg, var(--accent,#0fa), var(--accent2,#0cf));height:1px;position:absolute;top:0;left:0;right:0}.error-code code{font-family:var(--font-mono,monospace);color:var(--text-muted,#888);font-size:.85rem;line-height:1.6}.code-comment{color:var(--text-muted,#666);font-style:italic}.code-keyword{color:var(--accent2,#0cf)}.code-number{color:#ff6b6b}.code-string{color:var(--accent,#0fa)}.error-background{z-index:1;pointer-events:none;position:absolute;inset:0}.particle{background:var(--accent,#0fa);opacity:.5;width:2px;height:2px;box-shadow:0 0 10px var(--accent,#0fa);border-radius:50%;animation:10s infinite float;position:absolute}.particle:first-child{animation-duration:8s;animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){animation-duration:12s;animation-delay:2s;top:60%;left:80%}.particle:nth-child(3){animation-duration:10s;animation-delay:4s;top:80%;left:20%}.particle:nth-child(4){animation-duration:15s;animation-delay:1s;top:30%;left:70%}.particle:nth-child(5){animation-duration:9s;animation-delay:3s;top:50%;left:40%}@keyframes float{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(50px,-50px)scale(1.5)}}@media (max-width:640px){.error-container{padding:1rem}.error-message{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-button{justify-content:center;width:100%}.error-ascii{font-size:.5rem}.suggestion-line{font-size:.85rem}}
