.oops{text-align:center;place-items:center;min-block-size:calc(100dvh - 160px);padding:120px 20px 80px;display:grid}.oops-inner{flex-direction:column;align-items:center;max-inline-size:34rem;display:flex}.oops{position:relative;overflow:clip}.oops-glow{inset-inline:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent);filter:blur(10px);pointer-events:none;block-size:420px;inline-size:min(720px,100%);margin-inline:auto;animation:7s ease-in-out infinite oops-breathe;position:absolute;top:40px}.oops[data-kind=error] .oops-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-expense) 14%, transparent), transparent)}.oops-inner{position:relative}.oops-mark{margin-bottom:26px;padding:18px 34px;position:relative}.oops-code{font:650 clamp(96px, 16vw, 148px)/1 var(--font-sans);letter-spacing:-.05em;color:var(--color-ink);font-variant-numeric:tabular-nums;direction:ltr;justify-content:center;align-items:center;gap:.06em;margin:0;display:flex}.oops-code>span{opacity:0;filter:blur(8px);animation:.8s cubic-bezier(.2,.9,.25,1) forwards oops-rise;display:inline-block;transform:translateY(24px)}.oops-code>span:first-child{animation-delay:.15s}.oops-code>span:nth-child(2){animation-delay:.28s}.oops-code>span:nth-child(3){animation-delay:.41s}.oops-code[data-error]{color:var(--color-expense)}.oops-moon{block-size:.8em;inline-size:.46em;margin-inline:.04em .1em}.oops-moon svg{block-size:100%;inline-size:100%;fill:var(--color-primary);transform-origin:60%;animation:6s ease-in-out 1.3s infinite oops-rock;display:block}.oops-star{fill:var(--color-primary-text);opacity:0;animation:.6s cubic-bezier(.3,1.5,.5,1) forwards oops-star-in,3.2s ease-in-out infinite oops-twinkle;position:absolute}.oops-title,.oops-body,.oops-actions,.oops-note{opacity:0;animation:.6s cubic-bezier(.2,.9,.25,1) forwards oops-rise;transform:translateY(10px)}.oops-title{font:600 clamp(28px, 4vw, 40px)/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);animation-delay:.52s}.oops-body{color:var(--color-muted);margin-top:14px;font-size:17px;line-height:1.6;animation-delay:.6s}.oops-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;animation-delay:.68s;display:flex}.oops-note{color:var(--color-muted);margin-top:22px;font-size:13px;animation-delay:.76s}.oops-button{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;transition:transform .16s ease-out,box-shadow .22s ease-out,background-color .2s ease-out;display:inline-flex}.oops-button:active{transform:scale(.97)}.oops-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.oops-button[data-primary]{background:var(--color-primary);color:var(--color-on-primary)}.oops-button[data-primary]:hover{box-shadow:0 8px 22px -10px var(--color-primary);transform:translateY(-1px)}.oops-button:not([data-primary]){border:1px solid var(--color-hairline);color:var(--color-ink)}.oops-button:not([data-primary]):hover{background:color-mix(in srgb, var(--color-ink) 5%, transparent)}.oops-button svg{transition:transform .22s cubic-bezier(.3,1.2,.4,1)}.oops-button:hover svg[data-nudge=back]{transform:translate(-3px)}.oops-button:hover svg[data-nudge=spin]{transform:rotate(-90deg)}[dir=rtl] .oops-button svg[data-nudge=back]{transform:scaleX(-1)}[dir=rtl] .oops-button:hover svg[data-nudge=back]{transform:scaleX(-1)translate(-3px)}.oops-note code{font-family:var(--font-mono);background:var(--color-sunken);color:var(--color-ink);border-radius:6px;padding:2px 6px}@keyframes oops-breathe{50%{opacity:.7;transform:scale(1.06)}}@keyframes oops-rock{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes oops-star-in{0%{opacity:0;transform:scale(.2)rotate(-45deg)}to{opacity:1;transform:none}}@keyframes oops-twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes oops-rise{to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.oops-glow,.oops-moon svg,.oops-star,.oops-code>span,.oops-title,.oops-body,.oops-actions,.oops-note{opacity:1;filter:none;animation:none;transform:none}.oops-button,.oops-button svg{transition:none}}.oops-popular{text-align:start;inline-size:min(520px,100%);margin-top:48px}.oops-popular-title{color:var(--color-muted);opacity:0;margin-bottom:6px;font-size:15px;font-weight:500;animation:.6s ease-out .76s forwards oops-rise}.oops-list{margin:0;padding:0;list-style:none}.oops-row{border-top:1px solid var(--color-hairline);opacity:0;animation:.6s cubic-bezier(.2,.9,.25,1) forwards oops-rise;transform:translateY(8px)}.oops-row:last-child{border-bottom:1px solid var(--color-hairline)}.oops-link{flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:14px 2px;display:flex}.oops-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.oops-link-title{color:var(--color-ink);font-size:16px;font-weight:500;position:relative}.oops-link-title:after{content:"";inset-inline-start:0;background:var(--color-primary);opacity:0;border-radius:999px;block-size:2px;inline-size:4px;transition:inline-size .32s cubic-bezier(.25,1,.3,1),opacity .16s ease-out;position:absolute;bottom:-3px}.oops-link:hover .oops-link-title:after,.oops-link:focus-visible .oops-link-title:after{opacity:1;inline-size:100%}.oops-link-body{color:var(--color-muted);font-size:14px;line-height:1.45}@media (prefers-reduced-motion:reduce){.oops-popular-title,.oops-row{opacity:1;animation:none;transform:none}.oops-link-title:after{transition:none}}