/*! * Copyright (c) 2026 AbuEin Technologies — Salaheddin AbuEin * https://abuein.dev/ * SPDX-License-Identifier: MIT */ @layer components{.error-page{justify-content:center;gap:var(--spacing-xl);min-height:clamp(28rem,70dvh,48rem);padding:var(--spacing-2xl) 0;text-align:center;flex-direction:column;display:flex}.error-header{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.error-code{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-primary);text-shadow:0 0 40px var(--color-primary-muted);font-size:clamp(4rem,18vw,8rem);font-weight:700;line-height:1}.error-description{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);max-width:32ch;font-weight:600;line-height:1.25}.error-body{max-width:56ch;color:var(--color-text-secondary);font-size:var(--text-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin:0 auto;line-height:1.7}.error-body p+p{margin-top:var(--spacing-md)}.error-body a:not(.btn){color:var(--color-accent-text);text-underline-offset:.2em;transition:color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.error-body p>a:not(.btn){display:inline-block}:is(.error-body a:not(.btn):hover,.error-body a:not(.btn):focus-visible){color:var(--color-primary-emphasis);text-decoration-thickness:2px}.error-actions .btn,:is(.error-actions .btn:hover,.error-actions .btn:focus-visible){text-decoration:none}.error-stack{margin-top:var(--spacing-xl);text-align:left;border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);font-size:var(--text-sm)}.error-stack summary{cursor:pointer;color:var(--color-text);margin-bottom:var(--spacing-md);-webkit-user-select:none;user-select:none;font-weight:600;list-style:none}.error-stack summary::-webkit-details-marker{display:none}.error-stack summary:before{content:"▸";margin-right:var(--spacing-sm);color:var(--color-text-muted);transition:transform var(--transition-fast);display:inline-block}.error-stack[open] summary:before{transform:rotate(90deg)}.error-stack summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.error-stack ul{gap:var(--spacing-md);flex-direction:column;display:flex}.error-stack li{padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.error-stack strong{margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600;display:block}.error-stack p{color:var(--color-text-secondary);word-break:break-word;margin-bottom:var(--spacing-xs)}.error-stack code{background:var(--color-surface);border:1px solid var(--color-border);word-break:break-all;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.error-actions{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}@media (max-width:480px){.error-body{padding:var(--spacing-lg)}}}