@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-vietnamese.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-latin.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fffaf4;--paper:#fffdfa;--ink:#453c35;--muted:#857b70;--line:#ece5db;--pink:#c57e82;--pink-dark:#aa6268;--sage:#76856a;--honey:#b78c45;--radius:22px;--font:Nunito,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #657e8a;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.3}h1{font-size:36px;letter-spacing:-1.3px}h2{font-size:24px;letter-spacing:-.5px}h3{font-size:19px;letter-spacing:-.2px}p{line-height:1.75}button{border:0}svg.icon{flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--pink-dark);margin-bottom:9px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.sidebar{width:246px;position:fixed;left:0;top:0;bottom:0;background:#f7f2e9;border-right:1px solid var(--line);padding:31px 21px 17px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin:0 9px 34px;font-size:23px;font-weight:900;line-height:1.15;letter-spacing:-.7px}.brand>span>span{display:block}.brand-dot{color:var(--pink)}.profile{display:flex;align-items:center;gap:11px;padding:15px 9px 22px;border-bottom:1px solid #e6dfd3}.avatar{width:42px;height:42px;border-radius:50%;background:#eadfce;color:#a38560;display:grid;place-items:center}.avatar .icon{width:26px;height:26px}.profile strong{font-size:14px;display:block}.profile span{font-size:10px;color:var(--muted);display:block}.nav-label{font-size:9px;letter-spacing:1.7px;color:#a19887;font-weight:800;margin:27px 13px 11px}.nav-item{padding:13px 14px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;border-radius:12px;margin:4px 0;color:#817766;min-height:48px}.nav-item .icon{width:20px;height:20px}.nav-item:hover{background:#efe7db}.nav-item.active{background:#ebdcd6;color:#9f6364}.nav-spark{margin-left:auto;color:#c58b80;font-size:18px}.nav-count{margin-left:auto;font-size:10px;background:#ebe6db;border-radius:6px;padding:1px 5px;color:#958773}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{text-align:center;padding:22px 8px 25px;color:#90896f}.sidebar-note>.icon{width:26px;height:26px;color:#9da387;margin-bottom:8px;transform:rotate(-12deg)}.sidebar-note p{font-size:15px;font-weight:700;line-height:1.5}.sidebar-note>span{font-size:10px;color:#a09886}.parent-nav{display:flex;align-items:center;gap:11px;border-top:1px solid #e6dfd3;padding:17px 13px 8px;font-size:12px;color:#827767;font-weight:700}.parent-nav>.icon:last-child{margin-left:auto;width:16px}.parent-nav.active{color:var(--pink-dark)}.audio-label{font-size:9px;color:#9d9384;padding:4px 14px;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:100%;background:#b7a690;display:inline-block}.status-dot.ready{background:#8c9e73}.workspace{margin-left:246px}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top-greeting{color:#a09484;font-size:11px;display:flex;gap:9px;align-items:center}.top-greeting .icon{width:14px;color:#c2a874}.top-right{display:flex;align-items:center;gap:24px}.top-date{font-size:11px;color:#968978;text-transform:capitalize}.coin-pill{display:flex;align-items:center;gap:7px;font-size:11px;background:#f8eed7;color:#9e7a3d;border:1px solid #ede0bf;border-radius:20px;padding:6px 13px}.coin-pill .icon{width:16px;height:16px}.coin-pill b{font-size:15px}.parent-top{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #e7dfd3;color:#a2927c}.parent-top .icon{width:15px}.mobile-brand{display:none}main{padding:33px 45px 32px;max-width:1570px;margin:auto;outline:none}footer{max-width:1570px;margin:0 auto;padding:0 45px 25px;display:flex;align-items:center;justify-content:center;gap:7px;color:#aaa08f;font-size:10px}footer .icon{width:12px;height:12px}.welcome-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.welcome-line>span:first-child{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#938574;display:flex;align-items:center;gap:7px}.welcome-line .icon{width:17px;color:#b49b6c}.welcome-line>span:last-child{font-size:11px;color:#a39988}.home-top{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.hero{background:#f5e7dd;min-height:308px;border:1px solid #f0dfd3;border-radius:var(--radius);display:flex;position:relative;overflow:hidden}.hero-copy{padding:30px 0 30px 32px;position:relative;z-index:2;width:66%}.tiny-tag{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#a98471}.tiny-tag .icon{width:15px;height:15px}.hero h1{font-size:clamp(27px,2.5vw,42px);letter-spacing:-1.2px;margin:14px 0 13px;line-height:1.35;white-space:nowrap;font-weight:800}.hero h1 em{font-style:normal;color:#b37472}.hero-copy>p{font-size:12px;color:#977f6e;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:22px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:11px 20px;border-radius:10px;font-weight:800;font-size:12px;line-height:1.5;border:1px solid transparent;transition:background .15s,transform .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn .icon{width:17px;height:17px}.primary{background:var(--pink);color:white;box-shadow:0 3px 0 #b8737666}.primary:hover:not(:disabled){background:var(--pink-dark)}.secondary{background:#f4eee4;border-color:#e6ddcf;color:#8b795e}.secondary:hover:not(:disabled){background:#ebe2d4}.ghost{background:transparent;color:#8a7b67;border-color:#e7ded1}.hero-actions>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#ad9480}.hero-actions>span .icon{width:13px;height:13px}.hero-art{position:absolute;right:0;bottom:0;height:100%;width:40%;isolation:isolate}.art-hill{position:absolute;bottom:-90px;width:140%;height:240px;background:#e2dcc5;border-radius:50% 50% 0 0;transform:rotate(-14deg);z-index:-1;right:-65px}.hero-rabbit{position:absolute;width:164px;height:auto;bottom:44px;right:23px;transform:rotate(4deg)}.hero-book{position:absolute;width:125px;bottom:27px;right:82px;transform:rotate(-9deg)}.art-spark{position:absolute;color:#bd9770;font-size:34px}.s1{top:42px;right:40px}.s2{top:124px;right:14px;font-size:18px}.s3{bottom:92px;left:8px;font-size:20px}.art-bubble{position:absolute;border-radius:12px;width:39px;height:44px;display:grid;place-items:center;background:#ead1ba;color:#a97c62;font-size:24px;font-weight:900;transform:rotate(-13deg);top:40px;left:37px}.bubble-b{top:84px;left:81px;background:#d9d8c0;color:#929a78;transform:rotate(13deg);font-size:24px;width:32px;height:37px}.little-flower{position:absolute;font-size:36px;bottom:21px;color:#c99987}.f1{right:10px;transform:rotate(15deg)}.f2{font-size:22px;left:17px;bottom:13px;color:#b2ae86}.hero-caption{position:absolute;bottom:12px;right:52px;font-size:8px;color:#92916f}.daily-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px 0;background:#fffdf8;text-align:center}.section-small{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.section-small .icon{color:#bea678;width:17px}.goal-ring{width:137px;height:137px;position:relative;margin:15px auto 10px}.goal-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring circle{fill:none;stroke-width:7;stroke-linecap:round}.ring-bg{stroke:#f0e8dd}.ring-fg{stroke:#a6b28a;transition:stroke-dasharray .5s}.goal-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.goal-ring b{font-size:35px;line-height:1.2;font-weight:800}.goal-ring small{font-size:18px;color:#b5a992}.goal-ring span{font-size:10px;color:#a0907a}.daily-card>p{font-size:10px;color:#a09581;margin-bottom:16px}.goal-bottom{border-top:1px dashed #e8decc;padding:12px 0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#a18d6e}.goal-bottom .icon{width:16px;height:16px;color:#c49f6f}.goal-bottom strong{color:#9b805a}.stats-strip{border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0;margin:24px 0 32px;background:#fffdf9}.stat{display:flex;align-items:center;gap:12px;padding:0 23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon,.round-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;flex-shrink:0}.sage{background:#e8eddf;color:#84906f}.rose{background:#f4e3df;color:#bd8b83}.honey{background:#f6ecd5;color:#b39b61}.lilac{background:#ece7f0;color:#a394b0}.stat b{display:block;font-size:23px;line-height:1.25}.stat div>span{display:block;font-size:10px;color:#9f927e;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 19px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:6px;color:#a28f78}.section-heading h2{font-size:22px}.section-heading>a{display:flex;align-items:center;gap:7px;font-size:10px;color:#a48c73;font-weight:800}.section-heading>a .icon{width:14px;height:14px}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.activity-card{padding:24px 24px 18px;border-radius:17px;text-align:left;position:relative;overflow:hidden;border:1px solid #e9decd;transition:transform .18s,box-shadow .18s}.activity-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #7c63430b}.peach{background:#f6e9de}.sage-bg{background:#eaf0e1;border-color:#e0e6d4}.lavender{background:#eeE8f1;border-color:#e4ddeb}.activity-icon{height:45px;width:45px;background:#fffcf26b;border:1px solid #fff9;border-radius:14px;display:grid;place-items:center;color:#b68c67;margin-bottom:17px}.sage-bg .activity-icon{color:#8e9a70}.lavender .activity-icon{color:#a08bad}.activity-icon .icon{width:24px;height:24px}.activity-tag{font-size:8px;letter-spacing:1.8px;font-weight:900;color:#a78c73}.sage-bg .activity-tag{color:#8c9779}.lavender .activity-tag{color:#a18bad}.activity-card h3{font-size:19px;margin:8px 0;color:#706052}.sage-bg h3{color:#697557}.lavender h3{color:#7f6c8a}.activity-card p{font-size:11px;color:#a08a76;line-height:1.9}.sage-bg p{color:#929a80}.lavender p{color:#a08fa8}.activity-bottom{border-top:1px solid #c5ac8a33;margin-top:20px;padding-top:13px;font-size:10px;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#a08566}.sage-bg .activity-bottom{color:#899572}.lavender .activity-bottom{color:#a18aad}.activity-bottom .icon{width:16px;height:16px}.home-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.word-card{background:#fffdf9;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .18s,box-shadow .18s}.word-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #80674909}.word-picture{position:relative;display:grid;place-items:center;width:100%;background:var(--card-bg);height:210px}.word-image{object-fit:contain;height:180px;width:175px}.word-picture .word-image{transition:transform .2s}.word-picture:hover .word-image{transform:scale(1.05)}.word-details{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.word-category{display:block;font-size:9px;color:#af9d86;margin-bottom:3px}.word-title{font-size:21px;letter-spacing:-.4px;font-weight:800;display:block;padding:0;text-align:left;background:none}.word-title:hover{color:var(--pink-dark)}.sound-btn{width:43px;height:43px;display:inline-grid;place-items:center;background:#f6f0e6;border:1px solid #eae1d3;color:#a58c6b;border-radius:50%;flex-shrink:0;vertical-align:middle;transition:background .15s,transform .15s}.sound-btn:hover{background:#eadecb;transform:scale(1.05)}.sound-btn .icon{width:19px;height:19px}.compact .word-picture{height:175px}.compact .word-image{height:148px;width:150px}.compact .word-details{padding:13px 18px}.compact .word-title{font-size:18px}.compact .sound-btn{width:37px;height:37px}.compact .sound-btn .icon{width:16px;height:16px}.master-badge{position:absolute;right:10px;top:10px;background:#fffaf3bd;color:#7c8c69;border-radius:10px;padding:4px 8px;font-size:10px}.master-badge .icon{width:12px;height:12px}.gentle-note{display:flex;align-items:center;gap:13px;padding:17px 20px;margin:25px 0 2px;background:#f6f0e7;border:1px dashed #e6dbcc;border-radius:13px;color:#aa957e;font-size:10px}.gentle-note>.icon{width:20px;height:20px;color:#b79a83}.gentle-note strong{color:#947a61}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0 30px}.page-heading h1{font-size:34px;margin-bottom:10px}.page-heading>.btn{flex-shrink:0}.page-heading .muted{font-size:13px;max-width:740px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#f5efe5;border:1px solid var(--line);border-radius:20px;padding:8px 15px;font-size:12px;min-height:40px;color:#998773;font-weight:700}.chip.selected{background:#e9dad3;border-color:#ddc3b8;color:#9d6663}.chip span{font-size:9px;margin-left:5px;opacity:.7}.search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:7px 12px;background:var(--paper);color:#a49178}.search>.icon{width:16px}.search input{border:0;background:none;width:120px;font-size:12px;min-height:26px;color:var(--ink)}.search input:focus{outline:0}.search:focus-within{outline:2px solid #a5947e;outline-offset:2px}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.list-caption{display:flex;justify-content:space-between;font-size:10px;color:#aa9983;margin-bottom:15px}.list-caption .icon{width:13px;height:13px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:27px;margin-bottom:23px}.panel>h2{margin-bottom:17px;font-size:22px}.panel>h3{margin:15px 0 12px}.panel>p{font-size:13px;color:var(--muted);margin-bottom:18px}.panel .section-heading{margin:0 0 24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:25px}.two-col .panel{margin-bottom:0}.round-icon{width:48px;height:48px;border-radius:14px}.play-intro{background:#f3e8dd;border:1px solid #eadaca;border-radius:var(--radius);padding:48px 8%;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:10%;min-height:420px}.play-intro h2{font-size:36px;margin:16px 0 12px}.play-intro p{font-size:13px;color:#9a8572;line-height:1.9}.play-illustration{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcf7ee;border-radius:100px 100px 22px 22px;padding:30px 20px 25px;transform:rotate(-5deg);border:1px solid #eadbca}.play-illustration>img{width:180px;height:189px}.illustrated-answer{border:1px solid #cdd8c0;border-radius:10px;background:#e5eddb;width:100%;padding:11px 16px;font-size:23px;font-weight:800;display:flex;justify-content:space-between;gap:15px;color:#7d8e68}.float-letter{position:absolute;top:-22px;left:-18px;background:#dccbdf;color:#a38ba8;font-weight:900;border-radius:15px;font-size:35px;padding:4px 18px;transform:rotate(13deg)}.play-intro .field{margin:19px 0;max-width:280px}.small-note{font-size:11px!important;color:#a2937e!important;line-height:1.75!important;margin-top:16px}.small-note>.icon{width:14px;height:14px}.text-button{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;color:#a8826d;font-weight:800;font-size:12px}.text-button .icon{width:17px;height:17px}.text-button:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#867663;margin-bottom:20px}.field input,.field select{min-width:0;width:100%;border:1px solid #e4d9ca;background:#fffdfa;border-radius:10px;min-height:46px;padding:10px 13px;font-size:14px;color:var(--ink)}.field input::placeholder{color:#b0a391}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{font-size:12px;color:#aa6166;margin-top:12px;min-height:1px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.quiz-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 5px;font-size:13px;color:#a18a72}.quiz-header>span{font-weight:800}.quiz-progress{display:flex;gap:7px;max-width:650px;margin:23px auto 37px}.quiz-progress>span{height:6px;border-radius:10px;background:#ece4d8;flex:1}.quiz-progress>.current{background:#d9b6a9}.quiz-progress>.done{background:#a8b58c}.question{max-width:760px;margin:auto;text-align:center}.question h1{font-size:33px;margin-bottom:10px}.question>.muted{font-size:13px}.question-picture{width:240px;height:240px;margin:22px auto 25px;border-radius:50%;background:var(--picture-bg);display:grid;place-items:center}.question-picture img{width:195px;height:205px}.answer-list{display:grid;grid-template-columns:1fr;gap:11px;max-width:550px;margin:0 auto}.answer-row{display:flex;align-items:center;background:#fffdf9;border:2px solid #eae0d3;border-radius:14px;padding-right:14px;gap:15px}.answer-button{display:flex;align-items:center;gap:18px;flex:1;font-size:23px;font-weight:800;text-align:left;background:transparent;min-height:76px;padding:13px 17px;opacity:1!important}.answer-button .icon{margin-left:auto;color:#7d9768}.answer-row:hover:has(.answer-button:not(:disabled)){border-color:#d1ae9e;background:#fbf1e8}.answer-letter{width:34px;height:34px;background:#f3ebdf;color:#b29b7c;border-radius:10px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.answer-row.correct{background:#edf2e4;border-color:#a9bc8e}.answer-row.incorrect{background:#f7e8e5;border-color:#dab0aa}.answer-row>.sound-btn{width:45px;height:45px}.answer-feedback{background:#f4e9de;border:1px solid #e7d6c4;border-radius:16px;margin:25px auto 0;max-width:650px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.answer-feedback.is-correct{background:#eef1e6;border-color:#dfe5d0}.answer-feedback>div{display:flex;gap:12px;align-items:center}.answer-feedback>div>.icon{color:#a4ac83}.answer-feedback strong{display:block;font-size:16px}.answer-feedback p>span{display:block;font-size:11px;color:#948772}.answer-feedback .btn{flex-shrink:0}.quiz-kind-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:28px 0;font-size:12px;color:#aa9b84}.quiz-kind-note .icon{width:17px;height:17px}.result-page{text-align:center;max-width:760px;margin:20px auto}.result-page>p:not(.eyebrow){color:#9b8873;font-size:13px;margin:13px 0}.celebration{position:relative;margin:0 auto 25px;width:115px;height:115px;display:grid;place-items:center;background:#e9eddc;border-radius:50%;color:#9ca67f}.celebration>.icon{width:65px;height:65px}.celebration>span{position:absolute;right:-24px;top:10px;color:#c0a26c;font-size:33px}.celebration>span:last-child{left:-20px;right:auto;top:80px;font-size:26px}.result-stats{display:flex;justify-content:center;margin:30px auto;background:#fffdf8;border:1px solid var(--line);border-radius:17px;padding:25px 5px}.result-stats .stat{text-align:left;flex:1}.result-stats .stat b{font-size:28px}.result-note{max-width:540px;margin:20px auto!important}.earned-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;border-radius:13px;background:#f8edcf;padding:12px 18px;color:#a28751}.result-words{border:1px solid var(--line);border-radius:17px;padding:10px 20px;background:#fffdf8;margin:25px auto;max-width:570px}.result-words>div{display:flex;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid #eee6d8;font-weight:800}.result-words>div:last-child{border:0}.result-words .icon{color:#98a07b;width:17px}.result-words small{margin-left:auto;font-size:10px;font-weight:500;color:#aa9b84}.result-words .sound-btn{width:33px;height:33px}.result-page>.actions{justify-content:center}.alphabet{display:grid;grid-template-columns:repeat(10,1fr);gap:11px}.alphabet>button{background:var(--letter-bg);border-radius:13px;padding:13px 10px;display:flex;align-items:baseline;justify-content:center;gap:5px;position:relative;min-height:85px}.alphabet strong{font-size:32px;font-weight:900}.alphabet>button>span{font-size:15px;opacity:.5}.alphabet .icon{width:10px;height:10px;position:absolute;bottom:7px;right:9px;opacity:.5}.alphabet>button:hover{filter:brightness(.97)}.tone-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.tone-grid>button{border:1px solid #eadfce;border-radius:14px;padding:15px 10px;background:#f7efe3;display:flex;flex-direction:column;align-items:center;gap:5px}.tone-grid b{font-size:30px}.tone-grid span{font-size:12px;color:#a9957b}.tone-grid .icon{width:15px;margin-top:8px;color:#b19a79}.sentence-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px}.sentence-card{padding:20px;background:#f7eee4;border:1px solid var(--line);border-radius:17px;display:flex;align-items:center;gap:15px}.sentence-card>img{width:96px;height:101px}.sentence-card p{font-size:19px;font-weight:800}.sentence-card>div>div{display:flex;align-items:center;gap:15px;margin-top:12px}.sentence-card .sound-btn{width:35px;height:35px}.sentence-card .text-button{font-size:10px}.custom-read form{display:flex;align-items:flex-end;gap:15px}.custom-read .field{flex:1;margin:0}.journey-banner{display:flex;gap:21px;align-items:center;padding:25px;background:#eaf0e2;border:1px solid #e1e6d5;border-radius:18px;color:#7f8b6f}.journey-banner .round-icon{background:#dce4cb}.journey-banner h3{font-size:18px;margin-bottom:6px}.journey-banner p{font-size:12px;color:#939e83}.roadmap{margin:35px auto;max-width:950px}.roadmap-step{display:flex;align-items:center;gap:25px;position:relative;padding:0 0 29px}.roadmap-step:before{content:'';position:absolute;height:100%;border-left:1px dashed #d8c8b4;left:29px;top:30px;z-index:-1}.roadmap-step:last-child:before{display:none}.step-number{width:60px;height:60px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:7px solid var(--bg);background:#ebddce;color:#aa8a69;font-size:18px;font-weight:800}.step-content{padding:25px 0;border-bottom:1px solid var(--line);flex:1}.step-content h2{font-size:24px;margin-bottom:12px}.step-content>p:not(.eyebrow){font-size:13px;color:#9b8a76;max-width:680px}.step-goal{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#8c9979;margin-top:12px}.step-goal .icon{width:14px;height:14px}.circle-button{width:45px;height:45px;border:1px solid #e2d6c3;background:#f7efe4;border-radius:50%;color:#a18d70;display:grid;place-items:center;flex-shrink:0}.circle-button:hover{background:#ecdfce}.learning-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.learning-calendar>div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#b4a997;font-size:9px}.learning-calendar b{width:35px;height:35px;display:grid;place-items:center;background:#f4eee5;border-radius:11px;font-size:12px;font-weight:600}.learning-calendar .learned b{background:#e3ebd6;color:#8d9f70}.learning-calendar .learned .icon{width:20px;height:20px}.learning-calendar .is-today b{outline:1px solid #c8b59e;outline-offset:3px}.mini-streak{font-size:11px;display:flex;align-items:center;gap:5px;color:#b09468}.mini-streak .icon{width:16px;height:16px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.badge>span{width:57px;height:57px;border-radius:50%;background:#eee9e0;color:#c4bdb1;display:grid;place-items:center;margin:12px auto}.badge>span .icon{width:26px;height:26px}.badge p{font-size:11px;line-height:1.5;color:#b9ae9c;font-weight:800}.badge small{font-size:8px;color:#beb4a5}.badge.earned>span{background:#f1e1b3;color:#b59a58;box-shadow:0 0 0 5px #faf1d9}.badge.earned p{color:#9e8769}.badge.earned small{color:#a28f70}.word-progress>div:not(.empty){display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.word-progress>div:last-child{border-bottom:0}.word-progress .word-image{width:55px;height:58px}.word-progress .word-title{font-size:17px;flex:1}.word-progress>div>span{font-size:10px;color:#ad9b82}.stage-dots{display:flex;gap:4px}.stage-dots i{width:9px;height:9px;border-radius:50%;background:#eee5d8}.stage-dots .filled{background:#a4b38c}.session-list>div,.ledger>div{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.session-list>div:last-child,.ledger>div:last-child{border:0}.session-list small,.ledger small{display:block;font-size:9px;color:#ad9d85}.session-list b{text-align:right;font-size:14px}.ledger>div>b{flex-shrink:0;color:#b57d77;font-size:12px}.ledger .positive{color:#8f9e78}.empty{text-align:center;padding:35px 15px;grid-column:1/-1;color:#b09a7d}.empty h3{margin:15px 0;font-size:20px}.empty p{font-size:13px;margin-bottom:20px}.empty>.icon{width:35px;height:35px}.gift-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f3e6d6;border:1px solid #e6d5c0;border-radius:20px;padding:25px 50px;margin-bottom:30px}.gift-banner h2{font-size:50px;color:#a2875b;margin:8px 0}.gift-banner h2 .icon{width:35px;height:35px}.gift-banner h2 span{font-size:22px;color:#b39c7d}.gift-banner p{font-size:12px;color:#a28c6e}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.reward-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:25px}.reward-art{height:140px;display:grid;place-items:center;background:#e8ecdd;border-radius:13px;color:#a1ab87;margin-bottom:23px}.reward-art .icon{width:70px;height:70px;stroke-width:1}.reward-card:nth-child(2) .reward-art{background:#f7eacf;color:#c0aa75}.reward-card:nth-child(3) .reward-art{background:#efE4eb;color:#ba9aaa}.reward-card h2{font-size:20px;margin-bottom:10px}.reward-card p{font-size:12px;color:#a49179;min-height:42px}.reward-card>div:last-of-type{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.reward-card>div>span{font-size:12px;font-weight:800;color:#b29a6c;white-space:nowrap}.reward-card>div>span .icon{width:16px;height:16px}.reward-card .btn{font-size:10px;padding:8px 12px;min-height:40px}.reward-card>small{display:block;font-size:9px;color:#b6a58d;margin-top:14px}.parent-gate{max-width:480px;margin:40px auto;text-align:center;padding:35px}.parent-gate>.round-icon{margin:0 auto 20px;width:60px;height:60px}.parent-gate h2{font-size:27px}.parent-gate>p{margin:15px 0 25px}.parent-gate form{text-align:left;max-width:320px;margin:auto}.parent-gate .btn{width:100%}.connection-badge{display:inline-block;background:#f4e8df;border-radius:8px;padding:7px 12px;color:#b58e76;font-size:11px;margin-bottom:17px}.connection-badge.connected{background:#e6eddc;color:#81946c}.setup-guide{background:#f7f0e5;padding:17px 18px;border-radius:10px;margin:15px 0 20px;color:#a18b70;font-size:12px}.setup-guide ol{padding-left:20px;margin-bottom:0}.setup-guide li{padding:4px 0}.setup-guide code{font-size:11px;color:#a37668;overflow-wrap:anywhere}.panel>.actions{margin-top:16px}.parent-balance{font-size:32px;font-weight:800;color:#b39c6c;margin:5px 0 17px}.parent-balance .icon{width:26px;height:26px}.pin-change{margin-top:27px;font-size:12px;color:#a49178}.pin-change>summary{cursor:pointer;padding:10px 0}.pin-change>form{margin-top:15px}.notice{padding:15px;border:1px solid #c58c7b;border-radius:10px;background:#f5e6d7;margin-bottom:20px;font-size:12px}dialog{border:1px solid #e5d8c6;border-radius:25px;padding:37px;background:#fffaf3;color:var(--ink);width:min(610px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 25px 100px #53403038;font-family:var(--font)}dialog::backdrop{background:#4c423d59;backdrop-filter:blur(5px)}.modal-close{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eee5d8;color:#a69276;position:absolute;right:16px;top:16px}.modal-close .icon{width:16px;height:16px}.flash-modal>.eyebrow{text-align:center;padding:0 20px;margin:8px 0 20px}.flash-picture{height:205px;width:235px;margin:auto;border-radius:100px 100px 25px 25px;display:grid;place-items:center}.flash-picture img{height:188px;width:180px}.flash-title{display:flex;gap:15px;align-items:center;justify-content:center;margin:18px 0 7px}.flash-title>button:first-child{background:none;font-size:34px;font-weight:900;letter-spacing:-1px}.sound-btn.large{width:49px;height:49px}.flash-tip{font-size:10px;color:#ac9a81;text-align:center}.meaning-box{padding:22px;background:#f1eddf;border:1px solid #e7e0d0;border-radius:15px;margin:23px 0 17px}.meaning-box h3{font-size:15px;margin-bottom:10px;color:#9b886a;display:flex;gap:7px;align-items:center}.meaning-box h3 .icon{width:17px;height:17px}.meaning-box p{font-size:16px;line-height:1.9;margin-bottom:15px}.source-label{font-size:9px;color:#ad9e86;display:block;margin-top:8px}.example-box{padding:0 4px}.example-box>span{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#b09a80}.example-box p{font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.example-box .sound-btn{width:36px;height:36px}.flash-controls{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.flash-controls>span{color:#b19d80;font-size:10px}.flash-controls .ghost .icon{transform:rotate(180deg)}.confirm-modal{padding:13px 0}.confirm-modal>.round-icon{margin-bottom:20px}.confirm-modal h2{font-size:25px;margin-bottom:16px;padding-right:20px}.confirm-modal>p{font-size:14px;color:#a38c71;margin-bottom:25px}.confirm-modal form{margin-top:20px}#toast{position:fixed;bottom:30px;left:calc(50% + 123px);transform:translate(-50%,20px);background:#5c5144;color:#fffaf2;box-shadow:0 7px 25px #51402e28;border-radius:13px;font-size:12px;padding:13px 20px;max-width:min(500px,calc(100vw - 30px));opacity:0;pointer-events:none;transition:.2s;z-index:40}#toast.show{opacity:1;transform:translate(-50%,0)}.audio-status{position:fixed;bottom:24px;right:24px;padding:10px 14px 10px 20px;background:#fffdf6;border:1px solid #e2d2bb;border-radius:30px;box-shadow:0 5px 30px #89745725;z-index:45;display:flex;align-items:center;gap:16px;color:#a18a69;font-size:12px}.audio-status[hidden]{display:none}.audio-status button{border-radius:20px;background:#f0e4d5;padding:6px 13px;font-size:10px;font-weight:800;color:#998365}.audio-status span:before{content:'';width:7px;height:7px;border-radius:50%;background:#b1ba93;display:inline-block;margin-right:9px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}@media(min-width:1600px){.hero-copy{padding:37px 0 35px 40px}.hero{min-height:330px}.hero-rabbit{width:190px;right:35px}.hero-book{width:150px;right:106px}.hero-art{width:43%}.hero h1{font-size:42px}.daily-card{padding-top:25px}.goal-ring{width:155px;height:155px}}@media(max-width:1250px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.workspace{margin-left:215px}main{padding:28px}.topbar{padding:0 28px}.top-date{display:none}.home-top{grid-template-columns:minmax(0,1fr) 195px;gap:16px}.hero-copy{padding-left:25px}.hero h1{font-size:30px}.hero-art{width:37%;opacity:.9}.hero-rabbit{width:135px;right:7px;bottom:62px}.hero-book{width:100px;right:47px;bottom:40px}.art-bubble{left:15px;top:30px}.bubble-b{left:63px;top:58px}.hero-actions>span{display:none}.stat{padding:0 15px;gap:9px}.stat-icon{width:35px;height:35px;border-radius:11px}.stat div>span{font-size:9px}.stat b{font-size:21px}.activity-card{padding:20px}.word-grid{grid-template-columns:repeat(3,1fr)}.alphabet{grid-template-columns:repeat(8,1fr)}#toast{left:calc(50% + 107px)}.badge-grid{grid-template-columns:repeat(2,1fr)}.badge>span{margin:7px auto}.hero-caption{right:22px}.reward-grid{gap:15px}.reward-card{padding:18px}.reward-card>div:last-of-type{flex-wrap:wrap}}
@media(max-width:1000px){.sidebar{width:190px;padding:24px 12px 14px}.brand{margin-left:5px;gap:8px;font-size:21px}.brand img{width:36px;height:36px}.nav-item{padding:12px 10px;gap:9px;font-size:11px}.profile{padding-left:5px;gap:8px}.profile strong{font-size:12px}.profile span{font-size:8px}.avatar{width:34px;height:34px}.workspace{margin-left:190px}.home-top{grid-template-columns:1fr}.hero{min-height:295px}.hero-copy{width:70%;padding:28px}.hero-art{width:36%}.hero h1{font-size:34px}.hero-rabbit{width:165px;right:20px;bottom:36px}.hero-book{width:120px;right:85px;bottom:28px}.daily-card{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:12px}.daily-card .section-small .icon{display:none}.daily-card .goal-ring{width:65px;height:65px;margin:0}.goal-ring b{font-size:20px}.goal-ring small{font-size:12px}.goal-ring span{font-size:8px}.daily-card>p{display:none}.daily-card .goal-bottom{border-top:0;padding:0;flex-wrap:wrap;max-width:110px}.daily-card .section-small{font-size:12px;max-width:110px}.stats-strip{grid-template-columns:1fr 1fr;row-gap:20px;padding:20px 0}.stat:nth-child(2){border:0}.stat{padding:0 20px}.activity-card h3{font-size:16px}.activity-card{padding:18px 15px}.activity-card p{font-size:10px}.activity-card .activity-tag{font-size:7px;letter-spacing:1px}.activity-bottom{font-size:9px}.section-heading h2{font-size:21px}.word-details{padding:12px 14px}.word-title{font-size:19px}.sound-btn{width:37px;height:37px}.compact .word-details{padding:12px}.compact .word-title{font-size:16px}.compact .word-picture{height:150px}.compact .word-image{height:135px;width:130px}.word-grid{gap:16px}.word-picture{height:175px}.word-image{height:155px;width:150px}.two-col{grid-template-columns:1fr}.panel{padding:24px}.badge-grid{grid-template-columns:repeat(4,1fr)}.two-col .panel{margin-bottom:0}.top-greeting{font-size:9px}.topbar{height:74px}.top-right{gap:12px}.top-greeting .icon{display:none}.welcome-line>span:last-child{display:none}.page-heading h1{font-size:30px}.page-heading{align-items:flex-start}.page-heading .btn{font-size:10px;padding:9px 12px;min-height:40px}.page-heading .muted{font-size:12px}.page-heading>.btn .icon{display:none}.alphabet{grid-template-columns:repeat(6,1fr)}.sentence-grid{grid-template-columns:1fr}.play-intro{padding:35px 6%;gap:8%}.play-intro h2{font-size:29px}.play-intro p{font-size:11px}.play-illustration>img{width:135px;height:142px}.illustrated-answer{font-size:18px}.play-intro .tiny-tag{font-size:7px}.gift-banner{padding:22px 30px}.reward-grid{grid-template-columns:1fr}.reward-card{display:grid;grid-template-columns:150px 1fr;column-gap:25px;align-items:center}.reward-card .reward-art{grid-column:1;grid-row:1/5;margin:0;height:150px}.reward-card h2{margin-top:10px}.reward-card p{min-height:0}.reward-card>div:last-of-type{margin-top:10px}.reward-card>small{margin:10px 0}.hero-actions>span{display:flex}#toast{left:calc(50% + 95px)}}
@media(max-width:760px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:0;background:#f8f3ea}.sidebar .brand,.profile,.nav-label,.sidebar-bottom{display:none}.sidebar>nav{display:flex;overflow:auto;padding:8px 15px;gap:5px;scrollbar-width:none}.nav-item{padding:10px 14px;flex-shrink:0;font-size:11px;min-height:41px;margin:0}.nav-item .icon{width:17px;height:17px}.nav-spark,.nav-count{display:none}.workspace{margin:0;display:contents}.topbar{position:relative;height:69px;padding:0 20px;background:var(--bg);grid-row:1}.mobile-brand{display:flex;gap:8px;align-items:center;font-size:17px;font-weight:900;letter-spacing:-.4px}.top-greeting{display:none}.topbar .coin-pill{padding:4px 9px;gap:5px}.coin-pill span{display:none}.top-right{gap:10px}.parent-top{width:32px;height:32px}#app{display:grid;grid-template-rows:auto auto 1fr}main{padding:25px 20px;width:100%;min-width:0}footer{padding:0 20px 25px;font-size:9px;grid-column:1}.home-top{gap:13px}.welcome-line{margin-bottom:16px}.welcome-line>span:first-child{font-size:8px;letter-spacing:1.2px}.hero{min-height:285px}.hero-copy{padding:24px;width:74%}.hero h1{font-size:29px;line-height:1.4;margin:17px 0 13px}.hero-copy>p{font-size:11px}.hero .tiny-tag{font-size:7px;letter-spacing:1px}.hero-art{width:35%}.hero-rabbit{width:137px;right:4px;bottom:50px}.hero-book{width:102px;right:49px;bottom:32px}.art-bubble{top:33px;left:0;font-size:19px;width:29px;height:34px}.bubble-b{left:41px;top:70px;font-size:18px;width:27px;height:30px}.s1{font-size:22px;right:18px;top:30px}.hero-caption{font-size:6px;right:19px}.little-flower{font-size:25px}.hero-actions{margin-top:22px}.hero-actions .btn{min-height:42px;font-size:11px;padding:10px 17px}.hero-actions>span{display:none}.daily-card{border-radius:16px;padding:11px 19px;min-height:85px}.daily-card .section-small{font-size:11px}.goal-bottom{font-size:9px}.stats-strip{margin:19px 0 27px;row-gap:18px;padding:18px 0}.stat{padding:0 19px;gap:11px}.stat-icon{width:36px;height:36px}.stat b{font-size:23px}.stat div>span{font-size:9px}.activities{gap:13px;grid-template-columns:1fr}.activity-card{padding:20px;min-height:120px;display:grid;grid-template-columns:53px 1fr 35px;column-gap:17px;align-items:center}.activity-icon{grid-column:1;grid-row:1/4;margin:0;width:52px;height:52px}.activity-tag{grid-column:2;font-size:8px!important}.activity-card h3{grid-column:2;font-size:19px;margin:4px 0 6px}.activity-card p{grid-column:2;font-size:11px;line-height:1.6}.activity-card p br{display:none}.activity-bottom{grid-column:3;grid-row:1/4;font-size:0;padding:0;border:0;margin:0;justify-content:center}.activity-bottom .icon{width:23px;height:23px}.home-word-grid{gap:10px}.compact .word-picture{height:125px}.compact .word-image{width:111px;height:118px}.compact .word-details{padding:10px 11px;flex-wrap:wrap;gap:8px}.compact .word-title{font-size:16px;white-space:nowrap}.compact .word-category{font-size:7px}.compact .sound-btn{width:32px;height:32px}.section-heading{gap:10px;margin:26px 0 16px}.section-heading h2{font-size:20px;max-width:260px}.section-heading>a{font-size:9px;gap:4px;flex-shrink:0}.section-heading .eyebrow{font-size:7px}.gentle-note{font-size:10px;padding:15px}.gentle-note>.icon{width:17px;height:17px}.page-heading{flex-direction:column;gap:18px;margin-bottom:24px}.page-heading h1{font-size:30px}.page-heading .muted{font-size:12px}.page-heading>.btn .icon{display:block}.page-heading>.btn{font-size:12px}.word-grid{grid-template-columns:repeat(2,1fr);gap:14px}.word-picture{height:185px}.word-image{width:162px;height:170px}.word-details{padding:13px}.word-title{font-size:20px}.word-category{font-size:8px}.filter-bar{gap:17px}.chips{gap:7px}.chip{font-size:11px;min-height:36px;padding:7px 13px}.search{width:100%;padding:8px 12px}.search input{width:100%;font-size:13px}.list-caption{font-size:9px}.list-caption>span:last-child{display:none}.two-col{gap:18px;margin-top:18px}.panel{padding:21px;margin-bottom:20px;border-radius:17px}.panel>h2{font-size:20px}.play-intro{grid-template-columns:1fr;padding:30px 25px;gap:35px;text-align:center}.play-illustration{width:210px;margin:auto;padding:15px 15px 18px}.play-illustration>img{height:150px;width:143px}.illustrated-answer{font-size:19px}.play-intro h2{font-size:32px}.play-intro .tiny-tag{font-size:8px}.play-intro .field{max-width:100%;text-align:left}.play-intro p{font-size:13px}.play-intro .small-note{font-size:10px!important}.quiz-header{font-size:11px;padding:0}.quiz-header>.text-button{font-size:10px}.quiz-header>.text-button .icon{width:14px;height:14px}.quiz-header>span{font-size:10px}.quiz-progress{margin:19px auto 28px}.question h1{font-size:28px}.question>.muted{font-size:11px}.question-picture{width:210px;height:210px;margin:20px auto}.question-picture img{width:180px;height:189px}.answer-button{font-size:24px;min-height:78px;padding:14px;gap:14px}.answer-row{gap:10px;padding-right:12px}.answer-row>.sound-btn{width:46px;height:46px}.answer-letter{width:30px;height:30px;font-size:12px}.answer-feedback{flex-direction:column;align-items:stretch;padding:19px;gap:17px}.answer-feedback>.btn{width:100%}.result-page{margin:10px auto}.result-page h1{font-size:28px}.result-stats{padding:20px 0;gap:0}.result-stats .stat{flex-direction:column;text-align:center;padding:0 12px;gap:12px}.result-stats .stat b{font-size:25px}.result-stats .stat div>span{font-size:9px}.result-page .actions{flex-direction:column}.result-page .actions .btn{width:100%}.result-words{padding:5px 15px}.result-words small{font-size:8px}.result-words>div{gap:8px;font-size:13px}.alphabet{grid-template-columns:repeat(5,1fr);gap:8px}.alphabet>button{min-height:75px;padding:10px 7px;gap:3px}.alphabet strong{font-size:28px}.alphabet span{font-size:12px}.tone-grid{grid-template-columns:repeat(3,1fr);gap:10px}.tone-grid b{font-size:30px}.tone-grid span{font-size:11px}.sentence-card{padding:16px;gap:12px}.sentence-card>img{width:80px;height:84px}.sentence-card p{font-size:17px}.sentence-card .text-button{font-size:9px;gap:4px}.sentence-card>div>div{gap:8px}.custom-read form{flex-direction:column;align-items:stretch}.custom-read .field{margin-bottom:5px}.journey-banner{padding:20px;gap:15px;align-items:flex-start}.journey-banner .round-icon{width:38px;height:38px;border-radius:10px}.journey-banner h3{font-size:16px}.journey-banner p{font-size:11px}.roadmap{margin:20px 0}.roadmap-step{gap:10px;padding-bottom:12px;align-items:flex-start}.step-number{width:44px;height:44px;border-width:5px;font-size:14px;margin-top:15px}.roadmap-step:before{left:21px}.step-content{padding:22px 0}.step-content h2{font-size:20px}.step-content>p:not(.eyebrow){font-size:12px}.step-content .eyebrow{font-size:8px;letter-spacing:1px}.step-goal{font-size:10px;align-items:flex-start}.roadmap-step .circle-button{width:33px;height:33px;margin-top:47px}.circle-button .icon{width:17px;height:17px}.learning-calendar{gap:14px 10px}.badge-grid{gap:8px}.badge>span{width:48px;height:48px;margin:9px auto}.badge p{font-size:10px}.badge small{font-size:7px}.word-progress>div:not(.empty){gap:10px}.word-progress .word-image{width:40px;height:42px}.word-progress .word-title{font-size:14px}.word-progress .sound-btn{width:32px;height:32px}.word-progress .sound-btn .icon{width:15px;height:15px}.word-progress>div>span{font-size:8px;max-width:65px}.stage-dots{gap:3px}.stage-dots i{width:6px;height:6px}.gift-banner{padding:22px;gap:12px}.gift-banner h2{font-size:39px}.gift-banner h2 span{font-size:17px}.gift-banner>img{width:100px;height:105px}.gift-banner p{font-size:10px}.reward-card{grid-template-columns:100px 1fr;gap:0 18px}.reward-card .reward-art{height:135px}.reward-art .icon{width:50px;height:50px}.reward-card h2{font-size:18px}.reward-card p{font-size:11px}.reward-card .btn{font-size:9px;min-height:35px}.parent-gate{padding:27px 22px;margin:20px auto}.parent-gate h2{font-size:24px}.parent-gate form{max-width:100%}.field{font-size:12px}.field input,.field select{font-size:14px}.parent-balance{font-size:28px}.panel>.actions .btn{font-size:10px;padding:10px 15px}.panel p{font-size:12px}.setup-guide{font-size:11px}.setup-guide code{font-size:10px}.parent-gate .small-note{font-size:10px!important}footer .icon{width:10px}dialog{padding:29px 23px;border-radius:20px;max-height:calc(100dvh - 24px)}.flash-title>button:first-child{font-size:31px}.flash-picture{height:177px;width:210px}.flash-picture img{width:164px;height:172px}.meaning-box{padding:18px}.meaning-box p{font-size:16px}.example-box p{font-size:16px}.flash-controls .btn{padding:9px 12px;font-size:10px}.flash-controls>span{font-size:8px}.confirm-modal h2{font-size:24px}.confirm-modal>p{font-size:13px}#toast{left:50%;bottom:20px;width:max-content}.audio-status{left:15px;right:15px;bottom:16px;font-size:11px;justify-content:space-between}.audio-status button{font-size:10px}.audio-status span:before{width:6px;height:6px}}
@media(max-width:390px){main{padding:20px 15px}.topbar{padding:0 15px}.hero-copy{padding:22px 20px}.hero h1{font-size:25px}.hero-rabbit{width:117px;right:0;bottom:53px}.hero-book{width:88px;right:38px;bottom:38px}.hero-copy>p{font-size:10px}.compact .word-title{font-size:14px}.compact .word-picture{height:110px}.compact .word-image{width:95px;height:100px}.section-heading h2{font-size:18px}.stat{padding:0 13px}.stat div>span{font-size:8px}.word-picture{height:160px}.word-image{width:144px;height:151px}.word-title{font-size:17px}.word-details{padding:11px}.word-details .sound-btn{width:34px;height:34px}.alphabet{grid-template-columns:repeat(4,1fr)}.gift-banner>img{width:80px}.reward-card{grid-template-columns:80px 1fr}.reward-card .reward-art{height:120px}.reward-card h2{font-size:16px}}
@media(max-width:760px){#app{grid-template-columns:minmax(0,1fr)}.sidebar,.topbar{min-width:0}.hero-art{top:auto;bottom:0;height:155px;width:40%}.hero-rabbit{width:120px;bottom:39px;right:-6px}.hero-book{width:90px;right:37px;bottom:21px}.hero-art .art-bubble{display:none}.hero-copy{width:100%;padding-bottom:28px}.hero-copy>p{max-width:240px}.hero-actions{position:relative;z-index:2}.hero-art .s1{top:1px;right:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.account-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fffaf4}.account-card{width:100%;max-width:480px}.account-card form{margin-top:24px}.account-card .btn{margin-top:12px}.account-logout{font-size:13px;padding:8px 12px}