:root{color-scheme:light;--paper:#f2f3f4;--ink:#24282c;--muted:#646b72;--orange:#d84b1e}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.page-header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 48px}
.page-header{padding-top:34px;gap:24px}
.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:-.2px}
.wordmark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}
.status{font:11px/1.5 'Courier New',monospace;display:flex;align-items:center;gap:9px}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}
main{display:grid;place-items:center;flex:1;padding:40px 24px 64px}
.notice{text-align:center}
.cone{width:135px;height:125px;display:block;margin:0 auto 29px;transform:rotate(-7deg)}
h1{font-size:clamp(56px,8.7vw,118px);line-height:.98;font-weight:500;letter-spacing:-.075em;margin:0}
.period{color:var(--orange)}
p{font-size:16px;line-height:1.65;color:var(--muted);letter-spacing:-.15px;margin:27px 0 0}
.small-note{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:9px;font:12px/1.5 'Courier New',monospace}
.small-note span{font-size:19px;color:var(--orange)}
footer{padding:23px 0 27px;border-top:1px solid #d9dcde;font-size:11px;line-height:1.5;color:var(--muted);gap:20px}
.footer-note{display:flex;align-items:center;gap:15px}
a{color:var(--ink);text-underline-offset:5px}
a:hover{color:var(--orange)}
a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}
.error-code{font:12px 'Courier New',monospace;color:var(--muted);margin-bottom:30px}
.error-title{font-size:clamp(54px,8vw,100px)}
.home-link{display:inline-block;margin-top:32px;font-size:14px}
@media(min-height:850px){main{padding-bottom:90px}.cone{margin-bottom:36px}}
@media(max-width:600px){.page-header,footer{margin-left:24px;margin-right:24px}.page-header{padding-top:25px}.wordmark{font-size:12px;gap:8px}.wordmark svg{width:25px;height:25px}.status{font-size:9px;gap:6px}main{padding:48px 20px 62px}h1{font-size:clamp(46px,10.8vw,65px);letter-spacing:-.065em}.cone{width:115px;height:106px;margin-bottom:30px}p{font-size:14px;margin-top:24px}.small-note{margin-top:22px;font-size:11px}footer{font-size:10px;padding:20px 0 24px;align-items:flex-start}.footer-note{gap:8px}.footer-note svg{width:18px}}
@media(max-width:359px){.status{max-width:90px}.page-header,footer{margin-left:18px;margin-right:18px}.footer-note{max-width:125px}}