@font-face{font-family:Lora;src:url('/assets/lora-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:BeVietnam;src:url('/assets/be-vietnam-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BeVietnam;src:url('/assets/be-vietnam-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:BeVietnam;src:url('/assets/be-vietnam-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--cream:#f3edd8;--gold:#d9bf7d;--muted:#aec8bd;--jade:#78b6a1;--line:rgba(169,190,149,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#153437 url('/assets/jade-background.webp') center top/100% 100% no-repeat;color:var(--cream);font-family:BeVietnam,Arial,sans-serif;line-height:1.6;min-height:100svh;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit}button{cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{max-width:590px;margin:auto;padding:25px 25px 34px}.brand-line{display:flex;align-items:center;justify-content:center;gap:14px;color:#dacd9e;font:10px Lora,Georgia,serif;letter-spacing:2.3px;white-space:nowrap}.brand-line span{color:#afbd9f;font-size:16px}.hero{text-align:center}.logo{display:block;width:min(100%,365px);height:auto;margin:8px auto -5px;filter:drop-shadow(0 8px 18px #071f2766)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;font:13px Lora,Georgia,serif;letter-spacing:6px;color:var(--gold);margin:0 0 13px}.eyebrow span{height:1px;width:47px;background:linear-gradient(90deg,transparent,var(--gold));position:relative}.eyebrow span:last-child{transform:rotate(180deg)}.eyebrow span:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid var(--gold);transform:rotate(45deg);background:#25403e}h1,h2,h3,p{margin:0}h1{font:500 clamp(28px,7.5vw,42px)/1.28 Lora,Georgia,serif;letter-spacing:-.8px;text-shadow:0 2px 10px #091f28}.intro{color:#b4d2c3;font:15px/1.6 Lora,Georgia,serif;margin:12px 0 26px}.download-panel{position:relative;border:1px solid #8c9f80;padding:23px 20px 14px;background:linear-gradient(140deg,#496f5d32,#102d3040);box-shadow:inset 0 0 0 4px #163d39,inset 0 0 0 5px #758c6b70,0 8px 22px #051c2426;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.panel-ornament{position:absolute;top:0;left:50%;transform:translate(-50%,-52%);color:var(--gold);background:#24413b;padding:0 12px}.download-button{display:flex;align-items:center;text-decoration:none;gap:13px;min-height:76px;padding:12px 16px;border:1px solid #ddc98b;border-radius:5px;position:relative;box-shadow:inset 0 0 0 3px #193f3660,inset 0 0 0 4px #f5e8ba35,0 5px 10px #09212355;transition:filter .18s,transform .18s}.download-button:before,.download-button:after{content:'◇';position:absolute;font-size:10px;color:#dacb8a;line-height:1;top:3px}.download-button:before{left:4px}.download-button:after{right:4px}.download-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.download-button:active{transform:translateY(1px)}.android{background:linear-gradient(115deg,#e0c789,#c6a661);color:#243b30}.ios{background:linear-gradient(115deg,#367b65,#28574d);margin-top:13px}.platform-icon{width:29px;height:32px}.arrow-icon{width:21px;margin-left:auto;opacity:.9}.download-button strong{font:600 17px/1.35 Lora,Georgia,serif;letter-spacing:.5px;display:block}.download-button small{font-size:11px;display:block;opacity:.85;margin-top:3px;letter-spacing:.25px}.platform-note{text-align:center;font-size:10px;color:#b6c7ba;margin-top:13px}.browser-note{margin:20px 1px 0;display:flex;gap:10px;padding:15px 13px;background:#0b252866;border:1px solid #8fac922b;border-radius:4px}.info-icon{width:19px;height:19px;color:var(--gold);margin-top:2px}.browser-note h2{font-size:13px;font-weight:600;color:#e0d29f;margin-bottom:5px}.browser-note p{font-size:12px;line-height:1.8;color:#b8cbc2}.browser-note strong{font-weight:600;color:#e0e6d3}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-bottom:1px solid #a6cbb65c;color:#b6dbc4;padding:8px 0 3px;font-size:12px;min-height:36px}.text-button svg{width:14px;height:14px}.copy-result:empty{display:none}.copy-result{font-size:12px;color:#e6d290;margin-top:8px;overflow-wrap:anywhere}.section-rule{height:1px;background:linear-gradient(90deg,transparent,#a7aa76,transparent);margin:32px 0 24px;position:relative}.section-rule span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#23433e;padding:0 12px;color:#b8b88b}.guide>h2{text-align:center;font:500 25px/1.4 Lora,Georgia,serif;color:#e9d7a0}.guide-tabs{display:flex;justify-content:center;margin:19px auto 25px;gap:3px;max-width:300px;background:#0b28284d;border:1px solid #89ab8d45;padding:4px;border-radius:4px}.guide-tabs button{flex:1;padding:8px 7px;border:0;background:none;color:#9fbab0;font-size:12px;border-radius:2px;min-height:39px}.guide-tabs button[aria-selected=true]{background:#43786477;color:#f0e5bd;box-shadow:inset 0 0 0 1px #96b4934d}.steps{list-style:none;padding:0;margin:0;display:grid;gap:23px}.steps li{display:flex;gap:16px;align-items:flex-start}.step-number{width:44px;height:44px;flex:0 0 44px;border:1px solid #99b79a;outline:2px solid #7da98c75;outline-offset:-5px;border-radius:50%;display:grid;place-items:center;color:#f0e6c5;font:20px Lora,Georgia,serif;background:#3b6d5729}.steps h3{font:500 19px/1.4 Lora,Georgia,serif;margin-bottom:4px}.steps p{font-size:12px;color:#b6cec0;line-height:1.85}.steps a{text-underline-offset:3px;color:#e1d199}.steps li>div{padding-top:2px}footer{text-align:center;margin-top:40px;color:#b5b99b}footer .footer-sword{font:46px Georgia;color:#ceb773;display:flex;align-items:center;justify-content:center;gap:20px;line-height:1;margin-bottom:15px}footer .footer-sword:before,footer .footer-sword:after{content:'';height:1px;width:67px;background:linear-gradient(90deg,transparent,#bcac76)}footer .footer-sword:after{transform:rotate(180deg)}footer p{font:10px Lora,Georgia,serif;letter-spacing:2px}footer>span{font-size:10px;display:block;margin-top:10px;color:#91afa3}dialog{width:calc(100% - 32px);max-width:430px;background:#1a3a38;color:var(--cream);border:1px solid #b7ab77;border-radius:9px;padding:30px 24px 25px;box-shadow:0 20px 80px #0009;max-height:calc(100svh - 40px);overflow:auto}dialog::backdrop{background:#031c20cc;backdrop-filter:blur(5px)}dialog h2{font:25px/1.35 Lora,Georgia,serif;margin:12px 0}dialog p,dialog li{font-size:13px;color:#c2d2c6;line-height:1.85}dialog strong{color:#f5e3ad}dialog ol{padding-left:20px;display:grid;gap:10px;margin:18px 0}dialog .dialog-hint{font-size:12px}.dialog-icon{color:#ded4ae;width:31px;height:34px}.close-dialog{position:absolute;right:8px;top:5px;width:44px;height:44px;background:none;border:0;color:#d5decc;font-size:28px}dialog input{width:100%;background:#102b2b;border:1px solid #5c816f;padding:11px;color:#e2e7d6;margin-top:12px;font-size:13px;border-radius:3px}.copy-dialog-button{width:100%;padding:13px;border:1px solid #d0bd82;background:#467c61;color:#fff4d5;border-radius:3px;margin-top:10px}.continue-ios{display:block;text-align:center;font-size:11px;color:#c3d1bd;margin-top:18px;text-underline-offset:4px}.skip{position:fixed;top:-80px;left:10px;background:#183e36;color:white;padding:10px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:2px solid #f4d88e;outline-offset:4px}[hidden]{display:none!important}
@media(min-width:700px){body{background-size:100% 100%;background-attachment:fixed}.page-shell{padding-top:34px;padding-bottom:50px}.brand-line{font-size:12px;letter-spacing:3px}.logo{width:380px;margin-top:15px}h1{font-size:42px}.intro{font-size:17px}.download-panel{padding:26px 27px 17px}.download-button{min-height:81px;padding-left:22px;padding-right:22px}.download-button strong{font-size:20px}.download-button small{font-size:12px}.platform-note{font-size:11px}.browser-note{padding:17px}.browser-note h2{font-size:14px}.browser-note p{font-size:13px}.steps p{font-size:13px}.guide>h2{font-size:28px}.steps{gap:25px}}
@media(max-width:360px){.page-shell{padding-left:18px;padding-right:18px}.brand-line{font-size:9px;gap:8px;letter-spacing:1.5px}.download-panel{padding-left:15px;padding-right:15px}.download-button{gap:9px;padding-left:12px;padding-right:12px}.download-button strong{font-size:15px}.intro{font-size:13px}.guide>h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Refined mobile typography and a consistent, restrained icon system. */
.brand-line{font-family:BeVietnam,Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:2px;gap:12px}
h1{font-weight:500;letter-spacing:-1px;font-size:clamp(27px,7.4vw,40px)}
.intro{font-family:BeVietnam,Arial,sans-serif;font-size:12px;letter-spacing:.1px;margin-top:15px}
.eyebrow{font-family:BeVietnam,Arial,sans-serif;font-size:10px;letter-spacing:5px}
.download-panel{border-color:#82967b;box-shadow:inset 0 0 0 4px #163d3940,inset 0 0 0 5px #a6b88a25,0 8px 22px #051c2426}
.download-button{border-radius:3px;gap:14px;box-shadow:inset 0 0 0 3px #22463222,inset 0 0 0 4px #f5e8ba25,0 4px 10px #09212344}
.download-button:before,.download-button:after{display:none}
.download-button strong{font:600 14px/1.5 BeVietnam,Arial,sans-serif;letter-spacing:.65px}
.download-button small{font-family:BeVietnam,Arial,sans-serif;font-size:10px;margin-top:3px;letter-spacing:0}
.platform-icon{width:26px;height:28px}.arrow-icon{width:19px;height:19px}
.platform-note{font-size:9px;letter-spacing:.1px}
.browser-note h2{font-size:12px;line-height:1.6;font-weight:500}.browser-note p{font-size:11px;line-height:1.95}
.text-button{font-size:11px}.guide>h2{font-size:24px;letter-spacing:-.5px}
.section-rule{background:linear-gradient(90deg,transparent,#a7aa7666,transparent)}.section-rule span{background:transparent;font-size:15px;padding:0}
.step-number{width:36px;height:36px;flex-basis:36px;outline:none;border-color:#8cb39c66;font:16px Lora,Georgia,serif;background:#254d4133}
.steps h3{font:500 14px/1.6 BeVietnam,Arial,sans-serif;letter-spacing:-.2px}.steps p{font-size:11px;line-height:1.95}.steps li{gap:15px}.steps{gap:25px}
.guide-tabs button{font-size:11px}.footer-sword svg{width:24px;height:44px}footer p{font-family:BeVietnam,Arial,sans-serif;font-size:9px}footer>span{font-size:9px}
dialog h2{font-weight:500;font-size:24px}dialog p,dialog li{font-size:12px}.dialog-hint{font-size:11px!important}.continue-ios{font-size:10px;line-height:1.8}
.skip{transform:translateY(-200px)}.skip:focus{transform:none}
@media(min-width:700px){h1{font-size:40px}.intro{font-size:14px}.download-button strong{font-size:16px}.download-button small{font-size:11px}.browser-note h2{font-size:13px}.browser-note p,.steps p{font-size:12px}.steps h3{font-size:16px}.guide>h2{font-size:28px}.platform-note{font-size:10px}}
@media(max-width:360px){.brand-line{font-size:8px;letter-spacing:1.4px}.download-button strong{font-size:12px}.download-button{gap:10px}.intro{font-size:11px}}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}body{background-size:cover}