@font-face{font-family:'Liltbox Rounded';src:url('./assets/fonts/liltbox-rounded-headings.woff2') format('woff2');font-style:normal;font-weight:750;font-display:swap}
@font-face{font-family:'Nunito';src:url('./assets/fonts/nunito-400-900.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:'Liltbox Chinese';src:url('./assets/fonts/noto-sans-sc-400-900.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{font-family:Nunito,'Liltbox Chinese',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#35231b;background:#fcf9f3;font-synthesis:none;line-height:1.6;--ink:#35231b;--muted:#70635b;--accent:#c2714e;--line:#e8ded2}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}html[lang='en'] [lang='zh-CN'],html[lang='zh-CN'] [lang='en']{display:none!important}[hidden]{display:none!important}::selection{background:#f5c1a5;color:var(--ink)}:focus-visible{outline:3px solid #93461f;outline-offset:6px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:10px 16px;background:#fff;clip-path:inset(50%);transform:translateY(-160%)}.skip-link:focus{clip-path:none;transform:translateY(0)}
/* A native circle, separate from the transparent mascot. Equal dimensions preserve its radius. */
.hero{--circle-diameter:66vw;position:relative;min-height:51.44vw;padding-bottom:4vw;isolation:isolate;background:#fcf9f3;overflow:hidden}.hero-circle{position:absolute;z-index:-2;right:53.4%;top:50%;width:var(--circle-diameter);height:var(--circle-diameter);transform:translateY(-50%);pointer-events:none}.hero-mascot{position:absolute;z-index:-1;left:4vw;top:50%;width:44vw;height:auto;transform:translateY(-46%);pointer-events:none}.site-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4.17vw 0;z-index:2}.brand{display:inline-flex;align-items:center;min-height:68px;font-weight:900;font-size:42px;line-height:1;letter-spacing:.005em}.header-actions{display:flex;align-items:center;gap:30px;font-size:21px}.language-control{display:flex;position:relative;align-items:center;gap:34px}.language-control button{background:none;border:0;padding:9px 0;min-width:36px;min-height:44px;cursor:pointer;font-size:21px;line-height:1.2;font-weight:500;color:#6b5b51;border-bottom:3px solid transparent}.language-control button[aria-pressed='true']{border-bottom-color:var(--accent);color:var(--ink);font-weight:700}.github-link{display:flex;align-items:center;gap:12px;border-left:1px solid #dbcaba;padding-left:44px;line-height:1.2}.github-link img{width:30px;height:30px;opacity:.86}.github-link[aria-disabled='true']{color:#776658;cursor:default}.hero-copy{margin:7.2vw 4.15vw 0 52.25vw;max-width:700px}h1{font-family:'Liltbox Rounded','Liltbox Chinese',Nunito,sans-serif;font-size:clamp(56px,5.6vw,100px);font-weight:750;line-height:1.22;letter-spacing:.005em;margin:0 0 30px;word-break:keep-all}.description{max-width:620px;font-size:clamp(18px,1.68vw,29px);line-height:1.58;color:#6b5d55;letter-spacing:.006em}.description p{margin:0}.agent-phrase{white-space:nowrap}.description p+p{margin-top:2px}.download-area{margin-top:24px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:74px;min-width:360px;padding:12px 48px;border-radius:29px;background:var(--ink);color:#fffaf2;font-size:29px;font-weight:700;line-height:1.5;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.download-button img{width:38px;height:38px;filter:invert(1)}.download-button[aria-disabled='true']{cursor:default}.platform{font-size:clamp(13px,1.27vw,21px);line-height:1.65;color:#756960;margin:22px 0 0}.mobile-art{display:none}
.how-to{display:flex;align-items:center;gap:10vw;margin:0 4.17vw;border-top:1px solid var(--line);padding:56px 0 45px}h2{font-family:'Liltbox Rounded','Liltbox Chinese',Nunito,sans-serif;font-size:36px;font-weight:750;line-height:1.4;margin:0;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;align-items:center;list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:center;justify-content:flex-start;gap:23px;font-size:29px;font-weight:500;line-height:1.45;padding:0 1.8vw;white-space:nowrap}.steps li:first-child{padding-left:0}.steps li:last-child{padding-left:3.6vw;padding-right:0}.steps li+li{border-left:1px solid var(--line)}.step-number{font-family:Nunito,sans-serif;color:#c9754d;font-size:40px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.site-footer{padding:10px 4.17vw 24px}.footnote{font-size:16px;color:#756c64;text-align:center;margin:0}.usage-notes{max-width:870px;margin:13px auto 0}.usage-notes summary{width:fit-content;margin:auto;font-size:13px;color:#756960;cursor:pointer;padding:5px 0;line-height:1.5}.usage-notes summary:hover{color:var(--ink)}.notes-content{margin-top:25px;padding:25px 0 10px;border-top:1px solid var(--line);display:grid;gap:23px;font-size:15px;line-height:1.85;color:#6b5d55}.notes-content h3{font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 5px;font-weight:700}.notes-content p{margin:0}.notes-content .note-muted{font-size:13px;margin-top:7px;color:#756c64}
html[lang='en'] h1{font-family:Nunito,sans-serif;font-size:clamp(50px,5.2vw,86px);line-height:1.15;letter-spacing:-.025em;font-weight:800}html[lang='en'] .description{font-size:clamp(18px,1.5vw,25px);line-height:1.5}html[lang='en'] .download-button{font-size:25px;padding:14px 34px}html[lang='en'] h2{font-family:Nunito,sans-serif;font-size:27px;white-space:normal;max-width:160px}html[lang='en'] .how-to{gap:3.7vw}html[lang='en'] .steps li{white-space:normal;font-size:22px;max-width:none;padding:0 2.3vw;gap:18px}html[lang='en'] .steps li:first-child{padding-left:0}html[lang='en'] .steps li:last-child{padding-right:0}
@media(min-width:1740px){.hero{min-height:875px;padding-bottom:72px}.hero-copy{margin-top:135px}.how-to{gap:7vw}}
@media(max-width:1240px) and (min-width:861px){.site-header{padding-top:22px}.brand{font-size:34px;min-height:56px}.header-actions{gap:20px;font-size:18px}.language-control{gap:24px}.language-control button{font-size:18px}.github-link{padding-left:25px;gap:9px}.github-link img{width:25px;height:25px}.hero-copy{margin-top:7vw}.hero{min-height:660px;padding-bottom:56px}.hero{--circle-diameter:858px}h1{font-size:5.4vw;margin-bottom:25px}.description{font-size:19px}.download-button{min-width:0;font-size:24px;min-height:62px;padding:11px 32px;border-radius:25px}.download-button img{width:30px;height:30px}.platform{font-size:13px}.how-to{gap:4vw;padding:40px 0 30px}h2{font-size:28px}.steps li{font-size:21px;padding:0 2.3vw;gap:16px}.step-number{font-size:32px}html[lang='en'] .description{font-size:18px}html[lang='en'] h1{font-size:4.6vw}html[lang='en'] .download-button{font-size:20px;padding:12px 22px}html[lang='en'] .steps li{font-size:18px;gap:12px}html[lang='en'] h2{font-size:24px;max-width:125px}}
@media(max-width:860px){.hero{min-height:0;padding-bottom:42px;background:#fcf9f3;overflow:visible}.hero-circle,.hero-mascot{display:none}.site-header{padding:19px 24px 0;gap:12px}.brand{font-size:30px;min-height:47px}.header-actions{gap:15px;font-size:16px}.language-control{gap:20px}.language-control button{font-size:16px;min-width:32px}.github-link{padding-left:18px;gap:7px}.github-link img{width:23px;height:23px}.mobile-art{display:block;position:relative;height:260px;max-width:380px;margin:9px auto 10px;overflow:hidden}.mobile-art img{position:absolute;left:50%;top:-74px;width:410px;height:410px;max-width:none;transform:translateX(-50%)}.hero-copy{margin:0 auto;max-width:600px;padding:0 30px}h1{font-size:clamp(41px,6vw,56px);line-height:1.2;margin-bottom:23px;letter-spacing:.015em}.description{font-size:18px;line-height:1.8;letter-spacing:0}.description p+p{margin-top:4px}.download-area{margin-top:25px}.download-button{min-width:0;min-height:59px;font-size:22px;gap:14px;padding:12px 29px;border-radius:24px}.download-button img{width:29px;height:29px}.platform{font-size:12px;line-height:1.8;margin-top:17px}.how-to{display:block;margin:0 30px;padding:29px 0 19px}h2{font-size:24px;line-height:1.4;margin:0 0 18px}.steps{display:block}.steps li,.steps li:first-child,.steps li:last-child{justify-content:flex-start;font-size:19px;padding:10px 0;gap:24px;white-space:normal}.steps li+li{border-left:0}.step-number{font-size:29px;min-width:40px}.site-footer{padding:8px 30px 28px}.footnote{text-align:left;font-size:12px;line-height:1.8}.usage-notes{margin-top:12px}.usage-notes summary{margin:0;font-size:12px}.notes-content{font-size:14px;margin-top:18px;padding-top:18px;gap:20px}.notes-content h3{font-size:15px}html[lang='en'] h1{font-size:clamp(40px,7vw,58px);line-height:1.12}html[lang='en'] .description{font-size:17px;line-height:1.7}html[lang='en'] .download-button{font-size:20px;padding:12px 24px}html[lang='en'] h2{max-width:none;font-size:24px}html[lang='en'] .steps li,html[lang='en'] .steps li:first-child,html[lang='en'] .steps li:last-child{max-width:none;font-size:18px;gap:22px;padding:10px 0}}
@media(max-width:480px){.site-header{padding:14px 20px 0}.brand{font-size:27px;min-height:44px}.header-actions{gap:0}.github-link{display:none}.language-control{gap:18px}.mobile-art{height:222px;margin-top:9px;margin-bottom:7px}.mobile-art img{width:360px;height:360px;top:-67px}.hero-copy{padding:0 25px}h1{font-size:42px}.description{font-size:16px;line-height:1.8}.hero{padding-bottom:30px}.download-area{margin-top:23px}.download-button{font-size:21px;padding:11px 26px;min-height:58px}.platform{max-width:320px}.how-to{margin:0 25px;padding-top:25px}.site-footer{padding-left:25px;padding-right:25px}html[lang='en'] h1{font-size:40px}html[lang='en'] .description{font-size:16px}html[lang='en'] .download-button{font-size:18px;padding:13px 20px}}
@media(max-width:359px){.site-header{padding-left:17px;padding-right:17px}.brand{font-size:25px}.language-control{gap:15px}.hero-copy{padding:0 21px}h1{font-size:36px}.description{font-size:15px}.how-to{margin:0 21px}.site-footer{padding-left:21px;padding-right:21px}html[lang='en'] h1{font-size:34px}html[lang='en'] .description{font-size:15px}html[lang='en'] .download-button{font-size:16px;padding:12px 18px;gap:11px}}

/* Short supporting content, kept separate from the first-screen introduction. */
.more-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8vw;margin:0 4.17vw;padding:55px 0 58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.more-info article{max-width:560px}.more-info .section-label{font-size:14px;font-weight:700;letter-spacing:.025em;color:#a35735;margin:0 0 14px}
.more-info h2{font-size:32px;line-height:1.4;white-space:normal;margin:0 0 17px}.more-info p{margin:0;color:#6b5d55;font-size:18px;line-height:1.85}
html[lang='en'] .more-info h2{font-size:30px;max-width:none}.site-footer{padding-top:28px;padding-bottom:28px}
.language-control button,.github-link{transition:color .18s ease,transform .18s ease}.github-link img,.download-button img{transition:transform .2s ease}
@media(hover:hover){.language-control button:hover{color:#a35735;transform:translateY(-2px)}.github-link:hover{color:var(--ink);transform:translateY(-2px)}.github-link:hover img{transform:rotate(-7deg)}.download-button:hover{background:#4b3022;transform:translateY(-3px);box-shadow:0 9px 20px rgba(53,35,27,.14)}.download-button:hover img{transform:rotate(-7deg)}}
.language-control button:active,.github-link:active,.download-button:active{transform:translateY(0)}
@media(max-width:1240px) and (min-width:861px){.more-info{gap:6vw;padding:42px 0}.more-info h2,html[lang='en'] .more-info h2{font-size:27px}.more-info p{font-size:16px}}
@media(max-width:860px){.more-info{grid-template-columns:1fr;gap:30px;margin:0 30px;padding:32px 0 34px}.more-info article{max-width:600px}.more-info h2,html[lang='en'] .more-info h2{font-size:25px;margin-bottom:10px}.more-info p{font-size:16px;line-height:1.8}.more-info .section-label{font-size:12px;margin-bottom:9px}.site-footer{padding-top:23px}}
@media(max-width:480px){.more-info{margin:0 25px;gap:27px;padding:29px 0}.more-info h2,html[lang='en'] .more-info h2{font-size:23px}.more-info p{font-size:15px}}
@media(max-width:359px){.more-info{margin:0 21px}.more-info h2,html[lang='en'] .more-info h2{font-size:21px}.more-info p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.language-control button:hover,.github-link:hover,.github-link:hover img,.download-button:hover,.download-button:hover img{transform:none}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Public release and community navigation. */
.community-links,.release-links{display:flex;align-items:center;gap:24px}
.community-links{font-size:18px;white-space:nowrap}
.community-links a{padding:10px 0;color:#6b5d55}
.community-links a:hover,.release-links a:hover{color:#a35735}
.release-notice{font-size:14px;color:#756960;margin:14px 0 4px}
.release-links{font-size:14px;gap:20px;color:#80543e}
.release-links a,.notes-content a{text-decoration:underline;text-underline-offset:4px}
.download-area .platform{margin-top:12px}
@media(max-width:1240px){.header-actions{gap:20px}.community-links{gap:18px;font-size:16px}.github-link{padding-left:20px}.release-notice,.release-links{font-size:13px}}
@media(max-width:860px){.site-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:16px}.community-links{gap:16px;font-size:14px}.language-control{gap:16px}.github-link{padding-left:16px}}
@media(max-width:600px){.site-header{align-items:flex-start}.header-actions{width:100%;justify-content:space-between;gap:12px}.community-links{font-size:15px;gap:22px}.github-link{display:none}.language-control button{font-size:15px}.release-notice,.release-links{font-size:12px}}
