.http-error-page{--error-accent:#ef5b5b;--error-soft:#fff0ef;min-height:100svh;color:var(--ink);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--surface);background-size:42px 42px;grid-template-rows:auto 1fr;padding:28px clamp(20px,5vw,72px) 42px;display:grid}.http-error-page[data-tone=warning]{--error-accent:#d59113;--error-soft:#fff6d8}.http-error-page[data-tone=offline]{--error-accent:#3478d4;--error-soft:#eaf3ff}.http-error-brand{justify-content:space-between;align-items:center;gap:24px;display:flex}.http-error-brand>a{font-family:var(--heading);letter-spacing:-.045em;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.http-error-brand .links-house-mark{--brand-mark-background:var(--lime)}.http-error-brand b{color:inherit;margin-left:.16em}.http-error-brand>span{color:var(--muted);font-size:.63rem;font-weight:650}.http-error-layout{grid-template-columns:minmax(300px,.88fr) minmax(340px,1.12fr);align-items:center;gap:clamp(46px,9vw,128px);width:min(1080px,100%);margin:auto;display:grid}.http-error-signal{border:1px solid var(--ink);background:var(--surface-raised);min-height:390px;box-shadow:12px 12px 0 var(--error-soft);border-radius:34px 34px 92px;flex-direction:column;justify-content:center;padding:44px 42px;display:flex;position:relative}.http-error-signal>span{color:var(--error-accent);letter-spacing:.18em;font-size:.65rem;font-weight:850}.http-error-signal>strong{font-family:var(--heading);letter-spacing:-.105em;font-size:clamp(6.5rem,14vw,10.5rem);font-weight:700;line-height:.86}.http-error-route{grid-template-columns:1fr 10px 10px 64px;align-items:center;gap:10px;display:grid;position:absolute;bottom:42px;left:42px;right:-42px}.http-error-route>i:first-child{background:repeating-linear-gradient(90deg, var(--ink) 0 10px, transparent 10px 18px);height:3px}.http-error-route>i:not(:first-child){background:var(--error-accent);border-radius:50%;width:9px;height:9px}.http-error-route>i:nth-child(3){opacity:.35}.http-error-route>div{border:2px solid var(--ink);width:64px;height:64px;color:var(--ink);background:var(--lime);border-radius:19px 19px 28px;place-items:center;display:grid;transform:rotate(7deg)}.http-error-route .links-house-icon{width:27px;height:29px;color:var(--ink);margin:0}.http-error-copy>p{color:var(--error-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.68rem;font-weight:850}.http-error-copy h1{max-width:620px;font-family:var(--heading);letter-spacing:-.07em;margin:0;font-size:clamp(2.7rem,6vw,5.2rem);font-weight:700;line-height:.94}.http-error-copy>span{max-width:540px;color:var(--muted);margin-top:24px;font-size:.9rem;line-height:1.65;display:block}.http-error-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.http-error-actions a,.http-error-actions button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--surface-raised);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:.7rem;font-weight:800;display:inline-flex}.http-error-actions button:first-child,.http-error-actions .is-primary{border-color:var(--ink);background:var(--lime);box-shadow:0 3px 0 var(--ink)}.http-error-actions svg{width:16px;height:16px}.http-error-actions a:focus-visible,.http-error-actions button:focus-visible,.http-error-brand a:focus-visible,.http-error-details summary:focus-visible{outline:3px solid color-mix(in srgb, var(--error-accent) 38%, transparent);outline-offset:3px}.http-error-copy>small{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;margin-top:24px;font-size:.57rem;font-weight:700;display:block}.http-error-details{max-width:620px;margin-top:18px;font-size:.65rem}.http-error-details summary{cursor:pointer;width:max-content;font-weight:750}.http-error-details pre{border:1px solid var(--line);background:var(--surface-raised);white-space:pre-wrap;border-radius:10px;max-height:220px;padding:14px;font-size:.68rem;overflow:auto}@media (width<=760px){.http-error-page{background-size:32px 32px;padding:22px 20px 34px}.http-error-brand>span{display:none}.http-error-layout{grid-template-columns:1fr;gap:48px;padding-block:46px 18px}.http-error-signal{width:min(100% - 18px,420px);min-height:255px;box-shadow:9px 9px 0 var(--error-soft);border-radius:25px 25px 68px;padding:32px}.http-error-signal>strong{font-size:clamp(5.8rem,32vw,8.2rem)}.http-error-route{grid-template-columns:1fr 8px 8px 52px;gap:7px;bottom:26px;left:32px;right:-28px}.http-error-route>div{border-radius:15px 15px 22px;width:52px;height:52px}.http-error-copy h1{font-size:clamp(2.65rem,14vw,4rem)}}@media (width<=420px){.http-error-actions,.http-error-actions a,.http-error-actions button{width:100%}}@media (prefers-reduced-motion:no-preference){.http-error-signal{animation:.42s cubic-bezier(.2,.75,.25,1) both http-error-arrive}.http-error-copy{animation:.42s cubic-bezier(.2,.75,.25,1) 90ms both http-error-arrive}}@keyframes http-error-arrive{0%{opacity:0;transform:translateY(12px)}}
