@font-face{font-family: 'Atkinson Hyperlegible Mono';font-style: normal;font-weight: 400 600;font-display: swap;src: url('/fonts/atkinson-hyperlegible-mono.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Atkinson Hyperlegible Next';font-style: normal;font-weight: 400 700;font-display: swap;src: url('/fonts/atkinson-hyperlegible-next.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Chakra Petch';font-style: normal;font-weight: 500;font-display: swap;src: url('/fonts/chakra-petch-500.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Chakra Petch';font-style: normal;font-weight: 600;font-display: swap;src: url('/fonts/chakra-petch-600.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Chakra Petch';font-style: normal;font-weight: 700;font-display: swap;src: url('/fonts/chakra-petch-700.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#0E1B2A;--raise:#13263A;--line:#22384F;--cream:#F2EBDD;--mist:#8FA3B8;--amber:#E69F00;--amber-b:#9A6A00;color-scheme:dark;--cjk:"Hiragino Sans","PingFang TC","PingFang SC","Apple SD Gothic Neo","Noto Sans CJK","Microsoft YaHei","Malgun Gothic";--display:"Chakra Petch",var(--cjk),ui-sans-serif,system-ui,sans-serif;--body:"Atkinson Hyperlegible Next",var(--cjk),ui-sans-serif,system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--night);color:var(--cream);font:1.0625rem/1.6 var(--body);padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background-image:radial-gradient(color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1.4px);background-size:32px 32px}:lang(ja) h1,:lang(ja) h2{word-break:auto-phrase}:lang(ko){word-break:keep-all}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:16px;top:-100px;z-index:5;padding:12px 16px;border-radius:10px;background:var(--cream);color:var(--night);font-weight:600;text-decoration:none}.skip:focus{top:12px}main{display:grid;gap:22px;align-content:center;padding-block:48px;width:100%;max-width:38rem;margin-inline:auto}main:focus{outline:none}.c{justify-items:center;text-align:center}.mark{display:block;width:min(300px,70vw)}.mark svg{display:block;width:100%;height:auto}.head-mark{display:block;width:120px;padding-top:20px}.head-mark svg{display:block;width:100%;height:auto}.code{font:600 .8125rem var(--display);letter-spacing:.28em;color:var(--mist);text-transform:uppercase}h1{margin:0;font:700 clamp(2.25rem,6vw,3.5rem)/1.05 var(--display);letter-spacing:-.01em;text-wrap:balance}h2{margin:0 0 4px;font:700 1.375rem/1.2 var(--display)}p{margin:0;color:var(--mist);font-size:1.125rem;max-width:32rem}.home{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:14px;background:var(--amber);color:var(--night);font:600 1rem var(--display);letter-spacing:.03em;text-decoration:none;box-shadow:0 6px 0 var(--amber-b);transition:transform .15s,box-shadow .15s}.home:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--amber-b)}.home:active{transform:translateY(5px);box-shadow:0 1px 0 var(--amber-b)}a{color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}.langs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.875rem}.c .langs{justify-content:center}.langs a{display:inline-flex;align-items:center;min-height:28px;color:var(--mist);text-decoration:none}.langs a:hover,.langs a[aria-current]{color:var(--cream);text-decoration:underline}section{padding:20px 22px;border-radius:20px;background:var(--raise);box-shadow:inset 0 0 0 1px var(--line)}.tree{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tree ul{list-style:none;margin:0 0 6px;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:2px}.tree a{display:inline-flex;align-items:center;min-height:32px;color:var(--cream);text-underline-offset:3px}.tree small{color:var(--mist);font-size:.875rem;margin-left:8px}footer{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:center;padding:28px 0 32px;border-top:1px solid var(--line);color:var(--mist);font-size:.875rem}footer .credit{display:inline-flex;align-items:center;gap:10px;font:500 .9375rem var(--display)}footer svg{width:72px;height:auto;display:block}footer a{display:inline-flex;align-items:center;min-height:28px;color:var(--cream)}footer p{font-size:.875rem;max-width:none}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.cjk{font-family:system-ui,sans-serif}