@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap");

:root { --beta-accent: #e29357; --page-background: #151513; --page-foreground: #f6f5f3; --muted-foreground: #aaa8a1; --subtle-foreground: #88857f; --surface: rgba(255, 255, 255, .08); --label-background: rgba(255, 255, 255, .1); color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
@media (prefers-color-scheme: light) {
  :root { --page-background: #fff; --page-foreground: #191918; --muted-foreground: #696863; --subtle-foreground: #77746e; --surface: rgba(0, 0, 0, .06); --label-background: rgba(0, 0, 0, .07); color-scheme: light; }
  body.home-page .wordmark-pronunciation { color: #77746e; }
}
body { margin: 0; background: var(--page-background); color: var(--page-foreground); }
main { min-height: 100vh; display: grid; place-items: center; box-sizing: border-box; padding: 3rem 1.5rem; animation: fade-in .5s ease-out both; }
article { width: min(100%, 39rem); }
.mark { display: block; width: 96px; height: auto; }
.wordmark { font-family: "BIZ UDPMincho", serif; font-weight: 400; font-synthesis: none; font-kerning: normal; text-rendering: optimizeLegibility; letter-spacing: -.08em; }
h1.wordmark { font-size: clamp(3.5rem, 10vw, 5.5rem); line-height: 1; margin: 1.6rem 0 .7rem; }
body.home-page h1.wordmark { -webkit-text-stroke: 1.5px currentColor; }
body.home-page .wordmark-pronunciation { display: inline-block; margin-left: .65em; color: #77746e; font: italic 400 1rem/1 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: normal; vertical-align: baseline; -webkit-text-stroke: 0; }
:lang(zh-Hans) .wordmark, :lang(zh-Hans) .download-page .wordmark { font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", serif; }
:lang(zh-Hant) .wordmark, :lang(zh-Hant) .download-page .wordmark { font-family: "Noto Serif CJK TC", "Songti TC", "PMingLiU", serif; }
:lang(ko) .wordmark, :lang(ko) .download-page .wordmark { font-family: "Noto Serif CJK KR", "AppleMyungjo", "Batang", serif; }
:lang(ru) .wordmark { font-family: Georgia, "Times New Roman", serif; letter-spacing: normal; }
p { font-size: 1.2rem; line-height: 1.5; max-width: 33rem; color: var(--muted-foreground); }
.definition { width: fit-content; max-width: 100%; margin-top: 1.25rem; padding: .9rem 1.125rem; border-radius: 14px; background: var(--surface); }
.definition-label { display: inline-block; margin-bottom: .55rem; padding: .35rem .625rem; border-radius: 999px; background: var(--label-background); color: var(--muted-foreground); font-size: .7rem; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; }
.definition-copy { margin: 0; color: inherit; font-size: 1rem; line-height: 1.4; font-style: italic; }
.status { display: inline-flex; align-items: center; gap: .25em; margin-top: 1.25rem; padding: .55rem .85rem; border-radius: 999px; background: var(--surface); color: var(--muted-foreground); font-size: .86rem; font-weight: 600; }
.beta-mark { color: var(--beta-accent); font-style: italic; font-weight: 500; letter-spacing: normal; }
footer { margin-top: 6rem; font-size: .85rem; color: var(--subtle-foreground); }
.download-page article { width: min(100%, 34rem); }
.download-page h1 { margin: 0; font-size: 2.4rem; line-height: 1.2; }
.download-page .beta-mark { margin-inline-start: .5em; font: italic 500 .48em/1 -apple-system, BlinkMacSystemFont, sans-serif; vertical-align: super; }
.download-page .wordmark a { color: inherit; text-decoration: none; transition: opacity .25s ease; }
.download-page .wordmark a:hover { opacity: .75; }
.download-page .wordmark a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.download-page a.button { display: inline-block; margin-top: 1rem; padding: .8rem 1.25rem; border-radius: 999px; background: var(--page-foreground); color: var(--page-background); font-weight: 600; text-decoration: none; }
.download-page small { display: block; margin-top: 2rem; color: var(--subtle-foreground); }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  main { animation: none; }
  .download-page .wordmark a { transition: none; }
}