@font-face{font-family:Kai;src:url(assets/Kai.ttf)}@font-face{font-family:Andika;src:url(assets/Andika.woff2)}@font-face{font-family:Thai;src:url(assets/Mali.woff2)}@font-face{font-family:Japanese;src:url(assets/notosansjp.ttf)}@font-face{font-family:Korean;src:url(assets/notosanskr.ttf)}@font-face{font-family:Arabic;src:url(assets/notosansarabic.ttf)}html:not([lang^=zh]) body{font-family:Andika,Kai,sans-serif}html[lang=th] body{font-family:Thai,Andika,Kai,sans-serif}html[lang=ja] body{font-family:Japanese,Andika,Kai,sans-serif}html[lang=ko] body{font-family:Korean,Andika,Kai,sans-serif}html[lang=ar] body{font-family:Arabic,Andika,Kai,sans-serif}[lang^=zh],.zh,.card-word,.sentence,.game-mini,.brand-mark,.writing-visual{font-family:Kai,serif!important}.pinyin,rt,.card-pinyin{font-family:Andika,sans-serif!important;direction:ltr}.hero-art,.game-mini,.sentence,.writing-visual,.set-board,.spot-board,#writing{direction:ltr}[data-t]{overflow-wrap:anywhere}header{flex-wrap:wrap}.language-picker{font-size:11px;display:flex;flex-direction:column;gap:3px;color:#6d7f5e}.language-picker select{border:1px solid #bccbaa;border-radius:4px;background:#fffef8;color:#304d37;min-width:140px;max-width:210px;padding:6px;font:14px Andika,Kai,sans-serif}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.hero h1{font-size:55px;line-height:1.4;letter-spacing:-1px}.hero .lead{font-size:21px}.hero-poem-card{width:350px;padding:21px}.hero-poem-card img{width:100%;height:240px;object-fit:cover;border-radius:4px}.hero-poem-lines{font-size:30px;line-height:1.7;margin:17px 0;text-align:center}.hero-poem-card .art-bottom{margin-top:5px}.hero-art .art-note{font-size:13px}.teacher-portrait{margin:0;background:#fff;border:1px solid #d1d9c6;border-radius:10px;overflow:hidden;max-width:380px}.teacher-portrait img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 27%}.teacher-portrait figcaption{font-size:13px;padding:15px 20px;text-align:center;background:#eaf0e1;color:#69825a}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{padding:24px;border:1px solid #bbcbaa;border-radius:7px;background:#fcfcf4;min-width:0}.price-card>span{font-size:17px;display:block;min-height:52px;line-height:1.5}.price-card strong{display:block;font:36px Andika,sans-serif;color:#375b38;white-space:nowrap;margin:20px 0 4px;text-align:start}.price-card strong small{font-size:13px}.price-card p{font-size:12px;color:#879779;margin:0 0 10px}.business-card h3{font-size:24px;margin-top:20px}.pricing-note{font-size:13px;color:#7a8c6c;margin:24px 0 0}.contact-methods{display:grid;gap:12px;min-width:310px;max-width:100%}.contact-methods>a,.line-contact{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:11px 15px;border:1px solid #c9d7b9;border-radius:4px;background:#fcfcf6;font-size:13px}.contact-methods b{font:15px Andika,sans-serif;overflow-wrap:anywhere}.line-contact{flex-wrap:wrap}.line-contact button{font:11px Andika,Kai,sans-serif;border:1px solid #b8c9a6;border-radius:4px;padding:6px 10px;background:#e9f0df;color:#48643d}.contact-methods #copy-status{font-size:12px;min-height:0;margin:0}.demo-nav b{font-weight:400}.demo-tab{min-width:0}.demo-panel{min-width:0}.panel-top{align-items:start}.contact h2{max-width:650px}.demo-panel legend span{font-size:inherit;color:inherit}.demo-panel legend>span:first-child{font-size:12px;color:#9b9e83}.demo-panel .flashcard .card-meaning{font-family:inherit}.quiz-options button{font-family:Kai!important}.answer-options [lang=zh-CN]{font-family:Kai!important}.price-card strong{text-align:center}.hero-actions{flex-wrap:wrap}html[dir=rtl] .demo-tab{text-align:right}html[dir=rtl] .tab-arrow{margin-right:auto;margin-left:0}html[dir=rtl] .hero-art{direction:ltr}html[dir=rtl] .teacher-note{border-left:0;border-right:3px solid #bea06e}html[dir=rtl] .module-dialog-bar{text-align:right}html[dir=rtl] .card-meaning{direction:rtl}html[dir=rtl] .hero-poem-lines{direction:ltr}html[dir=rtl] .contact-methods b{unicode-bidi:isolate}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-poem-card{width:300px}.hero h1{font-size:47px}.teacher{gap:45px}.price-card>span{min-height:0}.hero-art .art-note{display:none}}
@media(max-width:900px){header{align-items:center}nav{order:3;width:100%;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.language-picker{margin-inline-start:auto;max-width:170px}.language-picker span{max-width:160px;line-height:1.4}.hero{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:42px}.hero .lead{font-size:19px}.hero-poem-card{width:min(300px,calc(100% - 25px))}.hero-poem-card img{height:210px}.hero-art{min-height:470px}.hero-poem-lines{font-size:27px}.teacher-portrait{max-width:330px;margin:auto}.teacher-portrait img{height:380px}.pricing-grid{gap:12px}.price-card{padding:17px}.price-card strong{font-size:30px}.contact-methods{min-width:0;width:100%}.contact-methods>a{flex-wrap:wrap;justify-content:flex-start;gap:6px 20px}.showcase-card h3{font-size:23px}.module-dialog-bar h2{font-size:18px;line-height:1.6}.demo-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-tab b{font-size:12px;overflow-wrap:anywhere}#toggle-pinyin,#toggle-chunks,#toggle-meaning{padding:6px 10px}.button{white-space:normal;text-align:center}.sentence{font-size:47px}.teacher-copy h2{font-size:30px}.teacher-copy p{font-size:16px}.price-card p{font-size:11px}.brand{font-size:23px}.brand small{letter-spacing:0}.brand span{max-width:145px}.language-picker select{min-width:120px;width:100%;max-width:160px}.hero-copy{min-width:0}.contact-methods b{font-size:14px}.hero-poem-card>.eyebrow{font-size:11px}#module-mount iframe{height:calc(100dvh - 190px);min-height:320px}}
@media(max-width:350px){header{padding-inline:16px}.brand{gap:7px}.brand small{font-size:9px}.brand span{max-width:130px}.brand-mark{width:30px}.language-picker{max-width:120px}.language-picker span{font-size:9px}.language-picker select{min-width:105px}.price-card strong{font-size:25px}.price-card{padding:13px}.pricing-grid{gap:9px}.price-card>span{font-size:14px}}
