html:has(.err){background:var(--brand-accent-deep);margin:0}html:has(.err) body{background:var(--brand-accent-deep);margin:0}.err{--accent-deep-chonk:color-mix(in srgb, var(--brand-accent-deep) 62%, var(--palette-black));--cbtn-bg:var(--background);--cbtn-ink:var(--brand-accent-deep);--cbtn-shadow:var(--accent-deep-chonk);--k:1;background:var(--brand-accent-deep);min-height:100vh;color:var(--on-vibrant);font-family:var(--font-sans);flex-direction:column;display:flex}.err *,.err :before,.err :after{box-sizing:border-box}.err :focus-visible{outline:2px solid var(--on-vibrant);outline-offset:3px}.err .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.err-top{padding:20px var(--space-3xl)}.err-top .mark{color:var(--on-vibrant);display:inline-flex}.err-top .mark svg{display:block}.err-top .mark-needle path{fill:var(--brand-accent-deep)}.err main{padding:0 var(--space-3xl) 64px;flex:1;place-items:center;display:grid}.err-body{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:720px;display:flex}.err h1{color:inherit;font-size:56px;font-weight:var(--weight-bold);letter-spacing:-.03em;margin:0;line-height:1.05}.err p{font-size:var(--font-size-xl);font-weight:var(--weight-medium);max-width:34ch;margin:0;line-height:1.4}.err-actions{align-items:center;gap:24px;margin-top:8px;display:flex}.err .cbtn{border-radius:var(--radius-lg);height:52px;font:inherit;font-size:19px;font-weight:var(--weight-bold);cursor:pointer;background:var(--cbtn-bg);color:var(--cbtn-ink);box-shadow:0 3px 0 var(--cbtn-shadow);border:0;padding:0 28px}.err-actions a{color:inherit;font-size:var(--font-size-lg);font-weight:var(--weight-bold);text-underline-offset:4px;text-decoration:underline}.err-art{width:calc(380px * var(--k));height:calc(250px * var(--k));position:relative}.err-art .type-pebble{left:calc(var(--x) * var(--k) * 1px);top:calc(var(--y) * var(--k) * 1px);width:calc(var(--w) * var(--k) * 1px);height:calc(var(--w) * var(--k) * .72px);rotate:var(--rot);background:var(--background);color:var(--brand-accent-deep);-webkit-mask:var(--pebble-mark) center / 100% 100% no-repeat;mask:var(--pebble-mark) center / 100% 100% no-repeat;border-radius:40%;place-items:center;display:grid;position:absolute}.err-art .type-pebble svg{width:calc(var(--w) * var(--k) * .34px);height:calc(var(--w) * var(--k) * .34px);stroke-width:2.4px}.err-mark{left:calc(190px * var(--k));top:calc(40px * var(--k));width:calc(150px * var(--k));height:calc(150px * var(--k));fill:var(--background);position:absolute;overflow:visible}.err-needle{fill:var(--brand-accent-deep);transform-box:view-box;transform-origin:50%;animation:4.2s cubic-bezier(.45,0,.3,1) infinite err-hunt}@keyframes err-hunt{0%{transform:rotate(10deg)}22%{transform:rotate(150deg)}40%{transform:rotate(95deg)}62%{transform:rotate(290deg)}80%{transform:rotate(230deg)}to{transform:rotate(370deg)}}@media (prefers-reduced-motion:reduce){.err-needle{animation:none;transform:rotate(120deg)}}@media (max-width:820px){.err{--k:.62}.err-top{padding:16px var(--space-xl)}.err-top .mark svg{width:123px;height:32px}.err main{padding:0 var(--space-xl) 40px}.err h1{font-size:36px}.err p{font-size:var(--font-size-lg)}.err-actions{flex-direction:column;align-self:stretch;gap:14px}.err .cbtn{width:100%}}