:root{--ink:#183c34;--muted:#5d7069;--paper:#f6f8f2;--line:#dfe5d8;--green:#153e35;--lime:#e3edbf;--radius:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #80963b}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 19px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--green);border-color:var(--green);color:#fff}.subtle{background:0 0}.learning-shell{flex-direction:column;height:100dvh;display:flex}.account-bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:10px 26px;display:flex}.wordmark{letter-spacing:.12em;align-items:center;gap:10px;font-size:.85rem;font-weight:850;text-decoration:none;display:flex}.wordmark span{background:var(--green);color:var(--lime);border-radius:9px;place-items:center;width:32px;height:32px;font-size:1.3rem;display:grid}.account-bar p{color:var(--muted);flex:1;margin:0;font-size:.85rem}.game-frame{background:var(--paper);border:0;flex:1;width:100%;min-height:0}.account-page{max-width:1120px;margin:0 auto;padding:32px 24px 70px}.back{text-underline-offset:5px;margin:0 0 28px;font-size:.95rem;display:inline-block}.account-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:36px}.account-card h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12}.account-card p{color:var(--muted);overflow-wrap:anywhere;line-height:1.65}.eyebrow{letter-spacing:.13em;color:#637943;font-size:.8rem;font-weight:800}.account-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:26px;display:grid}.auth-visual{border-radius:var(--radius);color:#fff;background:#173e35;overflow:hidden}.auth-visual img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;image-rendering:pixelated;display:block}.auth-visual div{padding:26px}.auth-visual h2{margin:0 0 14px;font-size:1.8rem;line-height:1.2}.auth-visual p{color:#d6e4d5;margin:0;line-height:1.6}.form{gap:18px;margin-top:24px;display:grid}.form label{gap:8px;font-size:.9rem;font-weight:700;display:grid}.form input{width:100%;min-width:0;color:var(--ink);background:#fbfcf9;border:1px solid #aab8ad;border-radius:12px;padding:14px}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.notice{background:#eff4e5;border-radius:12px;padding:14px 16px;font-size:.9rem;line-height:1.5}.notice.error{color:#84431d;background:#fff0e7}.text-link{text-underline-offset:4px;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.divider{border:0;border-top:1px solid var(--line);margin:26px 0}.meta{color:var(--muted);font-size:.875rem;line-height:1.6}.pill{background:var(--lime);border-radius:50px;padding:7px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.billing-grid ul{padding-left:20px;line-height:1.9}.privacy{max-width:760px}.privacy h2{margin-top:30px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:26px;font-size:.875rem;display:flex}.sync-status{color:var(--muted);text-align:right;max-width:360px;font-size:.8rem}@media (max-width:720px){.account-bar{gap:12px;padding:8px 14px}.account-bar p{display:none}.account-bar .button{padding:9px 12px;font-size:.85rem}.account-page{padding:22px 16px 40px}.account-card{padding:24px}.account-grid,.billing-grid{grid-template-columns:1fr}.auth-visual{order:2}.sync-status{max-width:150px;font-size:.75rem}.auth-visual img{max-height:220px}}.account-bar{gap:10px;min-height:44px;padding:4px 16px}.account-bar .sync-status{text-align:left;flex:1;max-width:none}.account-bar .button{min-height:36px;padding:6px 13px}@media (max-width:720px){.account-bar{padding:4px 12px}.account-bar .button{font-size:.8rem}.account-bar .sync-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.site-back{white-space:nowrap;font-size:.82rem;font-weight:800;text-decoration:none}.site-back:hover{text-underline-offset:4px;text-decoration:underline}.analytics-consent{z-index:1000;width:min(460px,100vw - 40px);color:var(--ink);background:#fff;border:1px solid #c5d4be;border-radius:18px;padding:22px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 36px #143e3429}.analytics-consent strong{font-size:1.08rem;display:block}.analytics-consent p{color:var(--muted);margin:9px 0 16px;font-size:.9rem;line-height:1.55}.analytics-consent-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px;display:grid}.analytics-consent-actions button{border:1px solid var(--green);min-height:44px;color:var(--green);background:#fff;border-radius:10px;font-weight:750}.analytics-consent-actions button:last-child{background:var(--green);color:#fff}.analytics-consent a{text-underline-offset:3px;font-size:.82rem}@media (max-width:600px){.analytics-consent{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px;bottom:10px;right:10px;overflow:auto}}.local-test-panel{background:#f5f8ed;border:1px dashed #9db388;border-radius:18px;margin-top:32px;padding:22px}.local-test-panel h2{margin:10px 0;font-size:1.35rem}.local-test-panel p{margin:0 0 18px}.local-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.local-test-grid .button{text-align:left;flex-direction:column;align-items:flex-start;min-height:62px}.local-test-grid small{color:var(--muted);font-size:.72rem;font-weight:700}@media (max-width:560px){.local-test-grid{grid-template-columns:1fr}}
.marketing-page{color:#153d34;background:#f8f8f2;min-height:100vh}.marketing-wrap{width:min(1180px,100% - 48px);margin-inline:auto}.marketing-header{background:#fbfcf7;border-bottom:1px solid #e1e7d8}.header-inner{align-items:center;gap:42px;min-height:84px;display:flex}.marketing-brand{letter-spacing:-.055em;align-items:center;gap:10px;font-size:1.7rem;text-decoration:none;display:inline-flex}.marketing-brand span{color:#e2eeba;letter-spacing:0;background:#153d34;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.65rem;display:grid}.marketing-header nav{align-items:center;gap:30px;margin-left:auto;display:flex}.marketing-header nav a,.marketing-footer nav a{font-size:.92rem;font-weight:650;text-decoration:none}.marketing-header nav a:hover,.marketing-footer nav a:hover,.marketing-text-link:hover{text-underline-offset:5px;text-decoration:underline}.header-play{white-space:nowrap;border:1px solid #214d40;border-radius:999px;padding:12px 22px;font-weight:800;text-decoration:none}.marketing-kicker{color:#60804c;letter-spacing:.18em;font-size:.73rem;font-weight:850;line-height:1.5;display:inline-block}.hero{grid-template-columns:1fr 1.04fr;align-items:center;gap:58px;padding-block:76px 91px;display:grid}.hero-copy h1,.inner-hero h1{letter-spacing:-.07em;max-width:750px;margin:19px 0 28px;font-size:clamp(3rem,5.8vw,5.9rem);line-height:.99}.hero-copy>p,.inner-hero>p{color:#52675e;max-width:580px;font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.65}.marketing-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:32px;display:flex}.marketing-cta{color:#fff;background:#153d34;border-radius:13px;justify-content:center;align-items:center;gap:18px;min-height:55px;padding:14px 23px;font-size:.98rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 5px #0c2c25}.marketing-cta:hover{transform:translateY(-2px);box-shadow:0 7px #0c2c25}.marketing-cta:active{transform:translateY(3px);box-shadow:0 2px #0c2c25}.marketing-text-link{text-underline-offset:5px;font-weight:800;text-decoration:none}.hero-copy .hero-reassurance{color:#728078;margin-top:25px;font-size:.86rem}.hero-art{background:#d8e2cf;border-radius:27px;position:relative;overflow:hidden;box-shadow:0 25px 60px #193c2f21}.hero-art img,.feature-image img{width:100%;height:auto;image-rendering:pixelated;display:block}.hero-art img{aspect-ratio:1.15;object-fit:cover}.art-caption{background:#f9fbeff5;border:1px solid #ffffffb3;border-radius:17px;gap:3px;min-width:235px;padding:14px 19px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 22px #153d3422}.art-caption span:first-child,.preview-label{letter-spacing:.14em;color:#6f845e;font-size:.7rem;font-weight:850}.art-caption strong{font-size:2rem;line-height:1.1}.art-caption span:last-child{font-size:.9rem}.marketing-section{padding-block:96px}.soft-section{background:#edf2e8}.section-heading{max-width:755px;margin-bottom:36px}.marketing-section h2{letter-spacing:-.06em;margin:16px 0 20px;font-size:clamp(2.2rem,4.1vw,3.55rem);line-height:1.09}.section-heading p,.feature-split p,.readable p,.final-cta p{color:#5a7064;font-size:1.05rem;line-height:1.72}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step-card,.level-card,.phrase-card{background:#fff;border:1px solid #d9e4d5;border-radius:20px;padding:27px}.step-number{letter-spacing:.12em;color:#8a6238;font-size:.78rem;font-weight:900}.step-card h3{letter-spacing:-.025em;margin:24px 0 12px;font-size:1.35rem}.step-card p,.level-card p,.phrase-card p{color:#5a7064;margin:0;line-height:1.65}.feature-split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.feature-split>div:first-child{max-width:540px}.feature-split .marketing-text-link{margin-top:17px;display:inline-block}.phrase-preview{background:#f0f5e7;border:1px solid #dce8d5;border-radius:25px;gap:13px;padding:42px;display:grid;box-shadow:12px 12px #e0e9d8}.phrase-preview strong{font-family:ui-serif,Noto Serif CJK SC,serif;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:650;line-height:1.2}.preview-pinyin{color:#678245;font-size:1.08rem}.phrase-preview p{color:#25473c;margin:0;font-weight:700}.dark-section{color:#f7faec;background:#153d34}.dark-section .marketing-kicker{color:#bfde84}.dark-section p{color:#c5d6ca}.light-cta{color:#173d34;background:#e9f1ce;margin-top:18px;box-shadow:0 5px #85a874}.light-cta:hover{box-shadow:0 7px #85a874}.feature-image{border-radius:22px;overflow:hidden}.feature-image img{aspect-ratio:1.5;object-fit:cover}.final-section{background:#e8eecf}.final-cta{justify-content:space-between;align-items:center;gap:35px;display:flex}.final-cta>div{max-width:690px}.final-cta .marketing-cta{white-space:nowrap}.marketing-footer{background:#f7f9ef;border-top:1px solid #dfe7d7;padding:53px 0}.footer-inner{justify-content:space-between;gap:50px;display:flex}.footer-inner p{color:#667a69;font-size:.9rem}.marketing-footer nav{flex-wrap:wrap;place-content:center flex-end;gap:15px 25px;max-width:610px;display:flex}.inner-hero{padding-block:83px 89px}.inner-hero h1{max-width:900px}.inner-hero>p{max-width:760px;margin-bottom:32px}.readable{max-width:860px}.readable p{max-width:770px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.level-card{padding:38px}.level-card h2{margin:15px 0 24px}.level-card p+p{margin-top:18px}.phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.phrase-card{flex-direction:column;gap:8px;min-height:245px;display:flex}.phrase-card strong{font-family:ui-serif,Noto Serif CJK SC,serif;font-size:1.85rem;line-height:1.3}.phrase-card h3{margin:7px 0 0;font-size:1rem}.phrase-card p{font-size:.88rem}.marketing-page a:focus-visible{outline-offset:4px;outline:3px solid #9cc671}@media (max-width:850px){.marketing-wrap{width:min(100% - 36px,690px)}.header-inner{flex-wrap:wrap;gap:14px;min-height:68px;padding-block:10px}.marketing-header nav{white-space:nowrap;order:3;gap:24px;width:100%;margin:0;padding:7px 0 3px;display:flex;overflow:auto}.marketing-header nav a{font-size:.82rem}.header-play{margin-left:auto;padding:9px 16px}.hero,.feature-split{grid-template-columns:1fr;gap:32px}.hero{padding-block:52px 68px}.hero-copy h1,.inner-hero h1{font-size:clamp(2.9rem,9vw,4.6rem)}.hero-art img{aspect-ratio:1.55}.marketing-section{padding-block:65px}.step-grid,.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split>div:first-child{max-width:none}.final-cta{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column;gap:12px}.marketing-footer nav{justify-content:flex-start}.inner-hero{padding-block:58px 65px}}@media (max-width:580px){.marketing-wrap{width:calc(100% - 32px)}.hero-copy h1,.inner-hero h1{font-size:clamp(2.75rem,11.5vw,3.55rem)}.hero-copy>p,.inner-hero>p{font-size:1.04rem}.marketing-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-art img{aspect-ratio:1.15}.art-caption{min-width:0;padding:10px 13px;bottom:10px;left:10px}.step-grid,.level-grid,.phrase-grid{grid-template-columns:1fr}.step-card,.level-card,.phrase-card{padding:24px}.phrase-card{min-height:0}.phrase-preview{padding:29px;box-shadow:6px 6px #e0e9d8}.final-cta .marketing-cta{white-space:normal}.marketing-section h2{font-size:2.2rem}.marketing-footer{padding:42px 0}}.practice-steps{gap:16px;margin:26px 0;padding-left:24px;display:grid}.practice-steps li{color:#435f50;padding-left:7px;line-height:1.7}.practice-steps strong{color:#173d34}.practice-steps+p{margin-bottom:24px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.faq-grid article{background:#fff;border:1px solid #d9e4d5;border-radius:20px;padding:27px}.faq-grid h3{margin:0 0 12px;font-size:1.13rem;line-height:1.35}.faq-grid p{color:#5a7064;margin:0;line-height:1.65}@media (max-width:700px){.faq-grid{grid-template-columns:1fr}.faq-grid article{padding:24px}}.section-link{margin:30px 0 0}.conversation-lines{gap:18px;display:grid}.conversation-line{background:#fff;border:1px solid #d9e4d5;border-radius:22px;padding:30px}.conversation-line h3{margin:12px 0 4px;font-family:ui-serif,Noto Serif CJK SC,serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:650;line-height:1.3}.conversation-line .preview-pinyin{margin:0 0 13px}.conversation-line audio{width:min(100%,420px);margin:18px 0;display:block}.conversation-line .line-translation{color:#25473c;margin:0;font-weight:750}.conversation-line .line-cue{color:#5a7064;margin:0;font-size:.93rem}.legal-copy h2{margin:36px 0 12px;font-size:1.8rem}.legal-copy h2:first-child{margin-top:0}.legal-copy a{text-underline-offset:4px;text-decoration:underline}