:root{--blue:#004098;--green:#009a44;--ink:#232426;--ink-strong:#1f2022;--font-ja:var(--font-zen), "Hiragino Sans", "Yu Gothic", sans-serif;--font-en:var(--font-jost), sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--hairline-light:repeating-linear-gradient(90deg, #ffffff4d 0px, #ffffff4d 1px, #5a5c5f0a 1px, #5a5c5f0a 2px, #fff0 2px, #fff0 4px);--hairline-dark:repeating-linear-gradient(90deg, #ffffff0d 0px, #ffffff0d 1px, #0000000f 1px, #0000000f 2px, #fff0 2px, #fff0 4px);--gunmetal-bg:var(--hairline-dark), linear-gradient(125deg, #5c5e62 0%, #2e3033 40%, #4d4f53 66%, #28292c 100%);--gunmetal-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 #0006, inset 0 0 0 1px #00000059, 0 20px 34px -18px #141517b3;--key-bg:var(--hairline-light), linear-gradient(180deg, #f7f7f5 0%, #d4d5d2 100%);--key-shadow:inset 0 0 0 1px #a9aaa6, inset 0 1px 0 #fff, inset 0 -2px 0 #78797659, 0 12px 22px -14px #2324268c;--key-shadow-pressed:inset 0 0 0 1px #a9aaa6, inset 0 2px 4px #23242640, 0 2px 4px -2px #2324264d}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ja);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#e7e7e4;margin:0}a{color:var(--ink)}a:hover{color:#55575b}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1,h2,h3,p,ol,ul{margin:0}[lang=en]{font-family:var(--font-en)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}