[hidden]{display:none!important}
@font-face{font-family:Nunito;src:url('/assets/nunito-sans.woff') format('woff');font-weight:200 1000;font-display:swap}
:root{font-family:Nunito,system-ui,sans-serif;color:#383458;font-synthesis:none;--purple:#8d65dd;--line:#e6dff4;--muted:#8a829f;--header:64px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 90%,#defaf0,transparent 55%),radial-gradient(ellipse at 100% 15%,#ffe6f2,transparent 45%),linear-gradient(140deg,#eaf8ff,#f4efff 60%,#effcff)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f6af43;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}button .icon{pointer-events:none}.icon{width:20px;height:20px;vertical-align:middle;flex:none}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sky i{position:absolute;font-style:normal;font-size:35px;animation:float 6s ease-in-out infinite;color:#cdb0ef}.sky i:first-child{top:40%;left:1%}.sky i:nth-child(2){right:2%;top:70%;color:#f8b7d4}.sky i:nth-child(3){left:46%;top:7%;font-size:22px;color:#fac66a}.sky>span{position:absolute;border:3px solid #fff8;border-radius:50%;width:140px;height:140px;right:-50px;top:25%}.sky>span:last-child{left:-50px;bottom:7%;top:auto}
.site-header{height:var(--header);flex:none;background:#ffffffde;border-bottom:1px solid white}.header-inner{max-width:1550px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px}.brand{display:flex;align-items:center;gap:6px;flex:none}.brand-owl{width:47px;height:47px}.brand-word{font-size:25px;letter-spacing:-1px;font-weight:1000;color:#8560d8;line-height:1}.brand-word>span{color:#27b89e}.brand-word small{display:block;font-size:7px;letter-spacing:3.4px;font-weight:900;color:#a297bb;margin-top:5px}.site-header nav{display:flex;gap:9px}.nav-button{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:12px;font-size:12px;font-weight:800;color:#8c80a4}.nav-button.active{background:#efe5ff;color:#8b5cce;box-shadow:0 3px 0 #e0d2f3}.nav-button .icon{width:17px;height:17px}.header-tools{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line);background:#fff;border-radius:11px;color:#9776bc}.icon-button:hover{background:#f2eafd}
.page-shell{flex:1;min-height:0;width:100%;max-width:1550px;margin:auto;padding:12px 28px 17px;display:flex;flex-direction:column;gap:12px}.hero{height:89px;flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 5px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;font-weight:900;color:#a387be;margin-bottom:6px}.eyebrow i{width:6px;height:6px;background:#ffbd5e;border-radius:50%;box-shadow:0 0 0 3px #fff4d4}.hero h1{font-size:32px;line-height:1.15;letter-spacing:-1px;font-weight:1000}.hero em{font-style:normal;color:#9261d9}.hero h1>span{font-size:24px;color:#f4bc53;display:inline-block;margin-left:10px;animation:twinkle 4s infinite}.hero p{font-size:11px;color:#8e84a2;margin-top:7px}.hero-badges{display:flex;gap:7px;margin-left:auto}.hero-badges span{padding:7px 10px;border:1px solid #fff;background:#ffffffa0;border-radius:20px;font-size:9px;font-weight:850;color:#9483af}.hero-owl{width:96px;height:96px;flex:none;animation:float 5s ease-in-out infinite}.card{background:#fff;border:2px solid white;border-radius:23px;box-shadow:0 5px 0 #d5c5e93b,0 12px 26px #7f70a00b}.dashboard{display:grid;grid-template-columns:210px minmax(0,1fr) 235px;gap:17px;flex:1;min-height:0}.journey{display:flex;flex-direction:column;min-height:0;padding:17px 14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.panel-heading h2{font-size:13px;font-weight:950;color:#8974aa}.panel-heading>span,.panel-heading>b{font-size:9px;background:#f1e8ff;border-radius:8px;padding:4px 6px;color:#aa88ce}.journey-summary{display:flex;justify-content:space-between;font-size:9px;color:#a093b2;margin-top:15px}.journey-summary b{color:#d4aa45}.journey-track{height:5px;background:#f0e8fa;border-radius:10px;margin:8px 0 16px;overflow:hidden}.journey-track i{height:100%;width:0;display:block;background:linear-gradient(90deg,#a682e6,#edafd7);transition:width .4s}#chapters{display:grid;gap:14px}.chapter-card{border:1px solid #ede7f6;border-radius:15px;padding:9px 8px;background:#fdfbff}.chapter-card.current{background:#f0e7ff;border-color:#d4bdf4;box-shadow:0 3px 0 #dfcef3}.chapter-open{display:flex;gap:9px;align-items:center;width:100%;text-align:left;padding:0}.chapter-thumb{width:46px;height:46px;border-radius:11px;object-fit:cover;flex:none}.chapter-info{min-width:0}.chapter-info small{display:block;font-size:6px;letter-spacing:1px;font-weight:900;color:#ac99c2;margin-bottom:2px}.chapter-info strong{font-size:10px;font-weight:950;display:block}.chapter-info span{font-size:8px;color:#a995b8}.chapter-levels{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.chapter-levels button{height:24px;flex:1;border:1px solid #e1d5f0;background:white;border-radius:7px;font-size:9px;color:#ad96c3;font-weight:900}.chapter-levels .done{background:#fff2cf;border-color:#f4df9a;color:#bf973b}.chapter-levels .current{background:#a67cdd;border-color:#a67cdd;color:white}.review-link{display:flex;align-items:center;gap:7px;text-align:left;background:linear-gradient(130deg,#fff0e3,#fde7f1);border:1px solid #f5dacb;padding:10px 8px;border-radius:13px;margin-top:15px}.review-link>span:first-child{font-size:23px}.review-link div{flex:1}.review-link strong{font-size:10px;color:#b77e81;display:block}.review-link small{font-size:8px;line-height:1.5;color:#bb9b9a;display:block}.review-link>.icon{width:13px}.journey-note{margin-top:auto;padding-top:14px;text-align:center;color:#b6a5b9;font-size:9px;line-height:1.6}.journey-note>span{font-size:29px}
.play-column{min-height:0;min-width:0;display:flex;flex-direction:column;gap:8px}.mobile-journey{display:none}.quiz-card{flex:1;min-height:0;min-width:0;display:grid;grid-template-rows:41px 48px 33px minmax(0,1fr) 34px 42px 13px;gap:10px;padding:17px 20px;position:relative}.quiz-card:before{content:'';position:absolute;height:4px;left:20px;right:20px;top:-2px;background:linear-gradient(90deg,#7ddbcf 0 25%,#b793ed 25% 50%,#fba6c3 50% 75%,#ffd576 75%);border-radius:20px}.quiz-heading{display:flex;align-items:center;gap:10px}.chapter-symbol{height:40px;width:40px;display:grid;place-items:center;font-size:27px;border-radius:12px;background:#e6f9e8}.quiz-heading small{font-size:7px;letter-spacing:1px;font-weight:900;color:#a992bc;display:block;margin-bottom:2px}.quiz-heading h2{font-size:20px;font-weight:1000;letter-spacing:-.6px}.help-button{margin-left:auto;height:25px;width:25px;border:1px solid #dfd2ef;border-radius:50%;color:#ac8bc6;font-size:12px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat{display:flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid;border-radius:12px}.stat>div{display:flex;flex-direction:column}.stat small{font-size:8px;font-weight:850;line-height:1.1;opacity:.8;white-space:nowrap}.stat strong{font-size:22px;line-height:1.05;font-weight:1000;font-variant-numeric:tabular-nums}.stat .icon{width:21px;height:21px}.score-stat{color:#ae8c2a;background:#fff6dc;border-color:#fae8ae}.time-stat{color:#398bad;background:#e6f6ff;border-color:#c8eaf9}.combo-stat{color:#ba5487;background:#ffebf3;border-color:#ffd4e6}.time-stat.urgent{background:#ffe5df;color:#d16b5c;animation:pulse 1s infinite}.level-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:center}.level-step{display:flex;align-items:center;gap:5px;padding:5px 4px;justify-content:center;border-radius:8px;font-size:8px;color:#ac9eba;white-space:nowrap;background:#faf7fe}.level-step b{display:grid;place-items:center;height:17px;width:17px;border-radius:6px;background:#eee6f7;font-size:8px}.level-step.current{color:#9562cf;background:#f0e6ff;font-weight:900}.level-step.current b{background:#a07adc;color:white}.level-step.done{color:#70a184;background:#ecf9f0}.level-step.done b{background:#d4eddf}
.question-workspace{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:15px}.comic-frame{position:relative;border-radius:16px;background:#eaf7f2;overflow:hidden;min-height:0;display:flex;flex-direction:column;border:2px solid #e0efe5;box-shadow:0 4px 0 #dfebdf}.comic-frame>img{width:100%;height:100%;min-height:0;flex:1;object-fit:cover;object-position:50% 50%;display:block}.comic-frame figcaption{flex:none;text-align:center;padding:8px 5px;background:#f6fff9;font-size:9px;color:#73a185;font-weight:850;line-height:1.2}.scene-label{position:absolute;top:10px;left:10px;border:1px solid white;border-radius:7px;padding:4px 7px;background:#ffffffdf;font-size:7px;letter-spacing:1px;color:#5d947e;font-weight:950}.picture-spark{position:absolute;pointer-events:none;font-size:33px;color:white;text-shadow:0 1px #cfae77;animation:twinkle 4s infinite}.p1{right:10px;top:17%}.p2{left:15px;bottom:15%;font-size:20px;animation-delay:-1s}.ready-bubble{position:absolute;bottom:42px;left:10px;right:10px;background:#ffffffed;border:1px solid white;border-radius:12px;padding:9px 5px;font-size:10px;font-weight:900;text-align:center;color:#81669d;box-shadow:0 4px 15px #687b5e25;animation:float 4s ease-in-out infinite}.ready-bubble[hidden]{display:none}.ready-bubble span{font-size:18px;margin-right:3px}.answer-panel{display:flex;flex-direction:column;min-width:0;min-height:0;gap:11px}.question-intro{flex:none}.question-tag{display:block;color:#ae95c7;font-size:7px;font-weight:950;letter-spacing:1px;margin:1px 0 5px}.question-intro h3{font-size:19px;line-height:1.3;font-weight:950;letter-spacing:-.35px}.question-intro p{font-size:10px;color:#a395b2;line-height:1.4;margin-top:6px}.question-intro p:empty{display:none}.options{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:9px;min-height:0;flex:1}.option{--bg:#eee7ff;--stroke:#d9c9f7;--fg:#7952b6;position:relative;display:flex;align-items:center;border:2px solid var(--stroke);border-radius:12px;box-shadow:0 4px 0 var(--stroke);background:var(--bg);min-height:0;min-width:0;overflow:hidden}.option:nth-child(2){--bg:#e5f5ff;--stroke:#bfe4f8;--fg:#3884a7}.option:nth-child(3){--bg:#ffeaf1;--stroke:#f5cee0;--fg:#b95780}.option:nth-child(4){--bg:#e9f9e9;--stroke:#c7e9c1;--fg:#58924a}.option button.answer-choice{width:100%;height:100%;min-height:0;display:flex;align-items:center;gap:9px;text-align:left;padding:10px;color:var(--fg);font-size:18px;font-weight:950}.choice-letter{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #fff8;background:#fff7;border-radius:8px;font-size:10px}.choice-label{flex:1;line-height:1.25;overflow-wrap:anywhere}.option:hover:not(.locked){transform:translateY(-2px)}.option:has(.answer-choice:disabled){opacity:.75}.option.correct,.option.hinted{--bg:#e2f9eb;--stroke:#83d6ac;--fg:#39966b;box-shadow:0 4px 0 #8bcfaa}.option.wrong{--bg:#ffe5e9;--stroke:#f0a5b5;--fg:#c86880;animation:shake .3s}.option.hinted{animation:hintGlow .8s infinite alternate}.choice-mark{width:17px;height:17px;flex:none}.listen-option .answer-choice{font-size:15px;padding-right:0}.option-listen{display:grid;place-items:center;flex:none;width:39px;height:39px;margin-right:8px;background:#fff9;border-radius:11px;color:var(--fg)}.option-listen.reading{animation:pulse .7s infinite;background:white}.options.sentence-options .answer-choice{font-size:12px;font-weight:850;padding:7px 9px;gap:7px}.options.sentence-options .choice-letter{height:22px;width:22px;font-size:9px}.answer-note{font-size:8px;color:#ac9db7;text-align:center;line-height:1.4;flex:none}.answer-note:empty{display:none}.audio-caption{display:flex;align-items:center;gap:7px;border:1px solid #e5d7f7;border-radius:9px;background:#f7f2ff;color:#a08aba;font-size:9px;padding:4px 8px;min-height:0}.audio-caption>.icon{height:14px;width:14px}.audio-caption>span{flex:1;line-height:1.25}.waves{display:flex;align-items:center;gap:2px;height:17px;color:#c5a6e8}.waves b{display:block;width:2px;height:6px;background:currentColor;border-radius:5px}.waves b:nth-child(2){height:12px}.waves b:nth-child(3){height:17px}.speaking .waves b{animation:wave .4s infinite alternate}.game-actions{display:flex;gap:8px;align-items:stretch;min-width:0}.primary-button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #9b72d4;background:linear-gradient(120deg,#ae83e9,#8b67dc);box-shadow:0 4px 0 #805bbf;border-radius:12px;padding:8px 12px;color:white;font-size:12px;font-weight:950;min-width:0;min-height:36px}.primary-button:hover{filter:brightness(1.04)}.primary-button>.icon{height:17px;width:17px}.primary-button.hint-action{background:#fff1ce;border-color:#f0d899;box-shadow:0 4px 0 #e9cd88;color:#b58d31}.pronounce-button{display:flex;gap:6px;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #dfd1f3;background:#f7f1ff;border-radius:11px;box-shadow:0 3px 0 #e5d9f3;font-size:10px;color:#9974c2;font-weight:900}.pronounce-button .icon{width:16px;height:16px}.game-actions>.icon-button{height:auto;width:35px;background:#f5effc;box-shadow:0 3px 0 #e6dcf1}.advance-status{font-size:8px;text-align:center;color:#a496b2;line-height:1.3;white-space:nowrap}.under-game{display:flex;justify-content:space-between;font-size:8px;color:#a296b4;padding:0 4px;flex:none;height:12px}.feedback{flex:1;min-height:0;border:1px solid #ccebdc;background:#f0fcf5;border-radius:13px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:8px;color:#54896c}.feedback[hidden]{display:none}.feedback.incorrect{background:#fff5ed;border-color:#f5d9c4;color:#a77d58}.feedback-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:950}.feedback-title>.icon{width:19px;height:19px}.feedback-answer{font-size:23px;font-weight:1000;line-height:1.1;color:#675088}.feedback-answer>small{font-size:10px;display:block;font-weight:700;margin-top:4px;color:#a18aaf}.feedback p{font-size:11px;line-height:1.5;font-weight:700}.feedback .example-button{align-self:start;font-size:10px;font-weight:900;color:#9e75bc;padding:5px 8px;border:1px solid #dfd0ee;border-radius:8px;background:#fff9;display:flex;align-items:center;gap:5px}.feedback .example-button>.icon{width:13px;height:13px}.feedback-tools{display:flex;align-items:center;justify-content:space-between;gap:5px}.hold-button{font-size:9px;text-decoration:underline;color:#9b85ac}.reward-tag{font-size:10px;color:#c69c35;font-weight:950}.answer-panel.answered .question-intro h3{font-size:15px}.answer-panel.answered .question-intro p{display:none}
.helper-column{display:flex;flex-direction:column;gap:15px;min-height:0}.buddy-card{padding:17px 14px;text-align:center;background:linear-gradient(145deg,#f0e3ff,#ffeafa);display:flex;align-items:center;flex-direction:column;flex:1;min-height:0}.buddy-card .eyebrow{font-size:7px;justify-content:center}.buddy-owl{width:160px;max-height:180px;flex:1;min-height:65px;padding:0;display:flex;align-items:center;justify-content:center}.owl-svg{height:100%;width:100%;overflow:visible;display:block}.buddy-card h2{font-size:16px;color:#966ab6;font-weight:1000;margin-top:6px}.buddy-card>p{font-size:11px;color:#a18cae;line-height:1.65;margin-top:8px;max-width:190px}.buddy-tag{font-size:9px;font-weight:850;padding:10px 8px;border-radius:12px;background:#ffffff88;border:1px solid white;color:#c39a65;margin-top:12px;width:100%}.hint-card{padding:16px 14px;flex:none}.hint-card .panel-heading h2{font-size:12px;color:#b29a59}.hint-card .panel-heading h2>.icon{width:17px;height:17px;margin-right:3px}.hint-card .panel-heading>b{background:#fff2ce;color:#c5a050}.hint-dots{display:flex;gap:5px;margin:12px 0}.hint-dots span{flex:1;min-width:0;height:5px;border-radius:6px;background:#ede5f5}.hint-dots span.active{background:#f0c866}.hint-card>strong{font-size:11px;font-weight:900;display:block;color:#9a82b1}.hint-card>p{font-size:11px;line-height:1.6;color:#a195ad;min-height:56px;margin-top:7px}.hint-tools{display:flex;gap:7px;margin-top:10px}.hint-next{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #f1ddac;background:#fff5dc;box-shadow:0 3px 0 #efdbab;color:#b99a52;font-size:10px;font-weight:950;flex:1;border-radius:10px;padding:7px}.hint-next .icon{width:14px;height:14px}.hint-card>small{display:block;text-align:center;margin-top:10px;font-size:7px;color:#c1b2c9}.owl-eyes{transform-origin:120px 125px;animation:blink 6s infinite}.owl-wing-right{transform-origin:185px 130px;animation:wing 5s ease-in-out infinite}.owl-beak{transform-origin:120px 148px}.speaking .owl-beak{animation:talk .3s infinite alternate}.owl-happy .buddy-owl{animation:bounce .5s 3}.owl-thinking .buddy-owl{animation:think .4s 2}.speaking .buddy-owl{filter:drop-shadow(0 4px 7px #b491d24d)}
dialog{padding:0;border:2px solid white;border-radius:23px;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 20px 80px #5c417c55;background:#fefcff;color:var(--ink,#383458)}dialog::backdrop{background:#44345966;backdrop-filter:blur(5px)}.modal-inner{padding:23px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.modal-heading h2{font-size:22px;font-weight:1000;letter-spacing:-.4px}.modal-heading .icon-button{height:29px;width:29px}.modal-description{color:#a292b0;font-size:12px;line-height:1.65;margin-bottom:14px}.modal-buttons{display:flex;gap:9px;margin-top:18px}.secondary-button{padding:9px 14px;border:1px solid #dfd0ef;border-radius:11px;background:#f3ebfc;color:#a083bd;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.secondary-button>.icon{height:15px;width:15px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eee6f6;padding:13px 0}.settings-row strong{font-size:13px;display:block}.settings-row small{font-size:10px;color:#a28eaf;display:block;margin-top:4px}.switch{appearance:none;width:39px;height:23px;border-radius:30px;background:#e3d9ed;flex:none;position:relative;cursor:pointer;transition:background .2s}.switch:before{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 4px #83719440;transition:transform .2s}.switch:checked{background:#b08ae3}.switch:checked:before{transform:translateX(16px)}.setting-note{font-size:9px;color:#ad9aba;line-height:1.6;margin-top:14px}.hint-modal .hint-title{font-size:17px;color:#a88847}.hint-modal .hint-copy{font-size:14px;line-height:1.65;color:#8e7a9e;margin:14px 0}.hint-level-labels{display:flex;gap:5px;justify-content:space-between}.hint-level-labels span{flex:1;font-size:8px;text-align:center;background:#f3edf9;color:#b29ac7;padding:7px 3px;border-radius:8px}.hint-level-labels span.active{background:#fff0c6;color:#b19648}.hint-modal .hint-dots{margin:10px 0 15px}.pronunciation-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.pronunciation-head img{height:82px;width:110px;object-fit:cover;border-radius:14px}.pronunciation-head h3{font-size:28px;font-weight:1000;color:#9368d1}.pronunciation-head p{font-size:13px;color:#9a85b0;margin-top:3px}.pronunciation-head small{font-size:11px;color:#ad9cb8}.sound-buttons{display:flex;gap:7px;margin-bottom:14px}.sound-buttons button{flex:1;font-size:11px;min-height:37px}.syllables{display:flex;gap:5px;align-items:center;margin:10px 0}.syllables span{background:#efe5fc;color:#a485c3;padding:6px 12px;border-radius:9px;font-size:16px}.syllables span:first-child{background:#ae85e3;color:white;font-weight:1000}.syllables small{margin-left:7px;font-size:10px;color:#ae99ba}.articulation{font-size:11px;color:#947ea4;line-height:1.55;padding-left:18px;margin:8px 0}.articulation li+li{margin-top:5px}.memory-box{border:1px solid #f1dfa8;border-radius:12px;background:#fff8e5;padding:10px 12px;margin-top:13px}.memory-box strong{font-size:12px;color:#ba9947}.memory-box p{font-size:11px;line-height:1.5;color:#ac9467;margin-top:4px}.memory-box small{font-size:9px;line-height:1.45;display:block;margin-top:6px;color:#b8a58e}.notebook-example{margin-top:12px;border-radius:10px;padding:9px 11px;background:#f0f8f3;font-size:11px;color:#759785;line-height:1.5}.notebook-example small{display:block;color:#a6b4a9}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.pager span{font-size:10px;color:#a593b3}.pager button{font-size:10px;padding:6px 10px;min-height:31px}.source-link{display:block;text-align:center;font-size:8px;margin-top:10px;color:#af9abd;text-decoration:underline}.help-list{padding-left:20px;font-size:13px;color:#9c89ac;line-height:1.65;margin:0}.help-list li+li{margin-top:9px}.result-owl{width:115px;height:115px;margin:auto}.result-title{text-align:center;font-size:27px;color:#9263c5;font-weight:1000}.result-stars{font-size:30px;color:#f2c85c;text-align:center;letter-spacing:5px;margin:7px 0}.result-subtitle{text-align:center;font-size:12px;color:#a492b0;line-height:1.6}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.result-stats div{background:#f2eafa;border-radius:12px;padding:12px;text-align:center}.result-stats strong{font-size:22px;color:#9b79c0;display:block;font-weight:950}.result-stats small{font-size:9px;color:#af9bbc}.journey-modal #modal-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.journey-modal .chapter-open{flex-direction:column;text-align:center}.journey-modal .chapter-thumb{width:100%;height:100px}.journey-modal .chapter-info strong{font-size:11px}.journey-modal .chapter-info small{font-size:7px}.journey-modal .chapter-levels button{height:27px}.journey-modal .chapter-card{padding:10px 8px}.journey-modal .chapter-info span{display:block}.result-inner .modal-buttons{flex-wrap:wrap}.result-inner .modal-buttons .primary-button{flex-basis:100%}.result-inner .modal-buttons .secondary-button{flex:1}.review-empty{text-align:center;font-size:12px;color:#a690b6;padding:15px 0}.review-empty>span{font-size:45px;display:block;margin-bottom:9px}
#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:min(90vw,450px);background:#6e5689ee;color:white;padding:11px 17px;border:1px solid #ffffff60;border-radius:13px;box-shadow:0 5px 20px #68567430;font-size:12px;z-index:50;text-align:center;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}#confetti i{position:absolute;top:-10px;height:10px;width:6px;border-radius:2px;animation:confetti 2s linear forwards}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.85) rotate(-10deg)}50%{opacity:1;transform:scale(1.12) rotate(10deg)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes wing{0%,45%,70%,100%{transform:rotate(0)}53%,63%{transform:rotate(-16deg)}58%,68%{transform:rotate(8deg)}}@keyframes talk{from{transform:scaleY(1)}to{transform:scaleY(1.7)}}@keyframes wave{from{transform:scaleY(.5)}to{transform:scaleY(1.1)}}@keyframes pulse{50%{filter:brightness(.92)}}@keyframes hintGlow{to{box-shadow:0 0 0 4px #d1f1d9,0 4px 0 #83d6ac}}@keyframes bounce{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes think{50%{transform:rotate(-7deg)}}@keyframes shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@keyframes confetti{to{transform:translateY(105vh) rotate(720deg);opacity:0}}
@media(min-width:1500px){.dashboard{grid-template-columns:225px minmax(0,1fr) 250px;gap:22px}.quiz-card{padding:20px 24px}.question-intro h3{font-size:22px}.option button.answer-choice{font-size:22px}.options.sentence-options .answer-choice{font-size:15px}.feedback p{font-size:13px}.feedback-answer{font-size:28px}}
@media(max-width:1180px){.header-inner{padding:0 20px}.page-shell{padding:10px 20px 14px}.dashboard{grid-template-columns:185px minmax(0,1fr);gap:15px}.helper-column{display:none}.hero h1{font-size:30px}.hero-badges{display:none}.hero-owl{width:88px}.question-workspace{grid-template-columns:1.15fr 1fr}.question-intro h3{font-size:21px}.feedback p{font-size:13px}}
@media(max-height:800px) and (min-width:701px){:root{--header:56px}.hero{height:65px}.hero h1{font-size:27px}.hero p{font-size:10px;margin-top:4px}.hero-owl{height:73px;width:73px}.hero .eyebrow{font-size:7px;margin-bottom:4px}.quiz-card{grid-template-rows:35px 42px 29px minmax(0,1fr) 31px 36px 10px;gap:7px;padding:13px 17px}.quiz-heading h2{font-size:18px}.chapter-symbol{width:35px;height:35px;font-size:24px}.stat strong{font-size:20px}.stat small{font-size:7px}.level-step{font-size:7px}.question-intro h3{font-size:17px}.option button.answer-choice{font-size:16px;padding:7px 9px}.options.sentence-options .answer-choice{font-size:11px}.choice-letter{height:22px;width:22px}.option-listen{height:32px;width:32px;margin-right:6px}.answer-panel{gap:9px}.options{gap:8px}.answer-note{font-size:7px}.feedback{padding:10px;gap:7px}.feedback p{font-size:10px;line-height:1.5}.feedback-answer{font-size:21px}.feedback-title{font-size:12px}.feedback .example-button{font-size:9px}.answer-panel.answered .question-intro h3{font-size:13px}.journey{padding:13px 12px}.journey-summary{margin-top:11px}.journey-track{margin-bottom:12px}#chapters{gap:10px}.chapter-thumb{height:39px;width:39px}.chapter-levels{margin-top:7px}.chapter-levels button{height:22px}.journey-note{display:none}.review-link{margin-top:auto}.helper-column{gap:12px}.buddy-card{padding:13px 12px}.buddy-owl{max-height:140px;width:130px}.buddy-card h2{font-size:14px}.buddy-card>p{font-size:10px;line-height:1.5}.buddy-tag{margin-top:9px;padding:8px 5px;font-size:8px}.hint-card{padding:13px 12px}.hint-card>p{min-height:45px;font-size:10px;line-height:1.5}.hint-tools{margin-top:8px}.hint-dots{margin:10px 0}.hint-card>small{font-size:6px}.question-workspace{gap:12px}.comic-frame figcaption{font-size:8px;padding:7px 4px}.advance-status{font-size:7px}.under-game{font-size:7px}}
@media(max-width:700px){:root{--header:53px}.header-inner{padding:0 12px;gap:8px}.brand-owl{width:39px;height:39px}.brand-word{font-size:21px}.brand-word small{font-size:6px;letter-spacing:2.8px;margin-top:4px}.site-header nav{margin-left:auto;gap:5px}.nav-button{padding:6px;width:28px;height:31px;justify-content:center}.nav-button span:not([data-icon]){display:none}.nav-button.active,.game-one{display:none}.nav-button .icon{width:17px;height:17px}.header-tools{gap:5px}.header-tools .icon-button{width:30px;height:30px;border-radius:9px}.header-tools .icon-button>.icon{height:17px;width:17px}.page-shell{padding:7px 12px 11px;gap:8px}.hero{height:61px;padding:0 2px;gap:0}.hero .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:4px}.hero h1{font-size:23px;letter-spacing:-.8px}.hero h1>span{font-size:16px;margin-left:5px}.hero p{font-size:8px;margin-top:5px;max-width:265px}.hero-owl{position:absolute;width:61px;height:61px;right:-3px;top:5px;opacity:.95}.hero>div:first-child{z-index:1}.hero h1{max-width:290px}.hero em{display:block}.hero h1>span{position:absolute;top:24px;left:247px}.hero .eyebrow{display:none}.hero p{display:none}.dashboard{display:flex;min-height:0}.journey{display:none}.play-column{width:100%;gap:7px}.mobile-journey{display:flex;align-items:center;gap:7px;height:28px;flex:none;width:100%;padding:4px 9px;border:1px solid #decef5;border-radius:9px;background:#f0e6ff;color:#a183bf;font-size:9px;font-weight:850}.mobile-journey .icon{height:13px;width:13px}.mobile-journey strong{margin-left:auto;font-size:9px;color:#c09c49}.quiz-card{border-radius:20px;padding:12px;gap:8px;grid-template-rows:34px 40px 28px minmax(0,1fr) 31px 38px 10px}.quiz-heading{gap:8px}.chapter-symbol{width:34px;height:34px;font-size:22px;border-radius:10px}.quiz-heading h2{font-size:17px}.quiz-heading small{font-size:6px;letter-spacing:.8px}.stats{gap:6px}.stat{padding:5px 7px;gap:5px;border-radius:10px}.stat small{font-size:6px}.stat strong{font-size:18px}.stat .icon{width:17px;height:17px}.level-steps{gap:4px}.level-step{font-size:6px;padding:4px 2px;gap:3px;border-radius:6px}.level-step b{height:15px;width:15px;font-size:7px;border-radius:5px}.question-workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(90px,1.25fr) minmax(135px,1fr);gap:10px}.comic-frame{border-radius:12px;box-shadow:0 3px 0 #dfebdf}.comic-frame>img{object-fit:cover;object-position:50% 56%}.comic-frame figcaption{display:none}.scene-label{font-size:6px;top:7px;left:7px;padding:3px 5px}.ready-bubble{bottom:8px;left:8px;right:8px;padding:6px 4px;font-size:9px;border-radius:9px}.ready-bubble span{font-size:15px}.answer-panel{gap:8px}.question-tag{display:none}.question-intro h3{font-size:15px;line-height:1.3;letter-spacing:-.25px}.question-intro p{font-size:8px;margin-top:3px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.option{border-radius:9px;box-shadow:0 3px 0 var(--stroke)}.option button.answer-choice{font-size:16px;padding:7px 8px;gap:7px}.choice-letter{height:22px;width:22px;font-size:9px;border-radius:6px}.options.sentence-options .answer-choice{font-size:10px;padding:5px 7px;gap:5px;line-height:1.3}.options.sentence-options .choice-letter{height:17px;width:17px;font-size:7px}.listen-option .answer-choice{font-size:12px;padding:5px 7px;gap:5px}.option-listen{width:29px;height:29px;border-radius:8px;margin-right:5px}.option-listen>.icon{width:16px;height:16px}.answer-note{display:none}.audio-caption{font-size:8px;gap:6px;padding:4px 7px;border-radius:9px}.audio-caption>.icon{height:13px;width:13px}.waves{height:14px}.waves b:nth-child(3){height:14px}.primary-button{font-size:11px;border-radius:10px;padding:7px 8px;min-height:32px}.game-actions{gap:6px}.pronounce-button{font-size:9px;padding:5px 7px;gap:4px;border-radius:9px}.pronounce-button .icon{height:14px;width:14px}.game-actions>.icon-button{width:31px;border-radius:9px}.game-actions>.icon-button>.icon{height:15px;width:15px}.advance-status{font-size:7px}.under-game{display:none}.feedback{padding:9px 11px;gap:5px;border-radius:10px}.feedback-title{font-size:11px}.feedback-answer{font-size:18px}.feedback-answer>small{font-size:9px;display:inline;margin-left:5px}.feedback p{font-size:10px;line-height:1.4}.feedback .example-button{font-size:8px;padding:3px 6px}.feedback-tools{min-height:22px}.hold-button{font-size:8px}.answer-panel.answered .question-intro{display:none}.quiz-card.is-feedback .question-workspace{grid-template-rows:minmax(80px,1fr) minmax(165px,1fr)}.modal-inner{padding:18px}.modal-heading{margin-bottom:12px}.modal-heading h2{font-size:20px}.modal-description{font-size:11px}.pronunciation-head img{width:90px;height:69px}.pronunciation-head h3{font-size:25px}.pronunciation-head p{font-size:12px}.articulation{font-size:10px}.memory-box p{font-size:10px}.memory-box small{font-size:9px}.sound-buttons{gap:6px}.sound-buttons button{font-size:10px;padding:7px;min-height:34px}.modal-buttons{margin-top:14px;gap:7px}.source-link{font-size:7px}.help-list{font-size:12px}.journey-modal #modal-chapters{grid-template-columns:1fr;gap:10px}.journey-modal .chapter-open{flex-direction:row;text-align:left}.journey-modal .chapter-thumb{width:57px;height:49px}.journey-modal .chapter-levels{margin-top:8px}.journey-modal .chapter-card{padding:9px 10px}.journey-modal .chapter-levels button{height:26px}}
@media(max-width:700px) and (max-height:740px){.hero{display:none}.page-shell{gap:6px;padding:6px 10px 9px}.mobile-journey{height:25px;font-size:8px}.play-column{gap:6px}.quiz-card{padding:10px 11px;gap:6px;grid-template-rows:31px 35px 23px minmax(0,1fr) 28px 34px 9px}.quiz-heading h2{font-size:16px}.chapter-symbol{height:30px;width:30px;font-size:20px}.stat strong{font-size:17px}.stat small{font-size:6px}.level-step{font-size:5px;gap:3px}.level-step b{height:14px;width:14px;font-size:7px}.question-workspace{grid-template-rows:minmax(70px,1fr) minmax(138px,1fr);gap:8px}.question-intro h3{font-size:14px}.answer-panel{gap:7px}.option button.answer-choice{font-size:14px}.options.sentence-options .answer-choice{font-size:9px}.choice-letter{height:20px;width:20px}.audio-caption{font-size:7px}.advance-status{font-size:6px}.quiz-card.is-feedback .question-workspace{grid-template-rows:minmax(65px,.9fr) minmax(165px,1.2fr)}.modal-heading{margin-bottom:10px}.modal-heading h2{font-size:18px}.pronunciation-head{margin-bottom:10px}.pronunciation-head img{height:57px;width:78px}.pronunciation-head h3{font-size:23px}.sound-buttons{margin-bottom:10px}.syllables{margin:8px 0}.syllables span{font-size:14px;padding:4px 9px}.memory-box{padding:8px 10px;margin-top:9px}.memory-box p{font-size:9px}.memory-box small{font-size:8px}.notebook-example{margin-top:8px;font-size:10px}.articulation li+li{margin-top:3px}.pager{margin-top:10px}.source-link{margin-top:8px}.result-owl{height:85px;width:85px}.result-title{font-size:24px}.result-stars{font-size:27px;margin:4px 0}.result-subtitle{font-size:11px}.result-stats{margin:11px 0}.result-stats div{padding:9px}.settings-row{padding:11px 0}.help-list{font-size:11px}.help-list li+li{margin-top:8px}}
@media(max-width:700px) and (max-height:610px){:root{--header:46px}.brand-owl{height:34px;width:34px}.brand-word{font-size:19px}.brand-word small{font-size:5px}.mobile-journey{display:none}.quiz-card{grid-template-rows:29px 33px 22px minmax(0,1fr) 27px 33px 8px;gap:5px;padding:9px 10px}.question-workspace{grid-template-rows:minmax(65px,.8fr) minmax(135px,1fr);gap:7px}.quiz-heading h2{font-size:15px}.chapter-symbol{height:28px;width:28px}.question-intro h3{font-size:13px}.question-intro p{font-size:7px}.option button.answer-choice{font-size:13px;padding:6px;gap:5px}.options.sentence-options .answer-choice{font-size:8px}.options.sentence-options .choice-letter{width:15px;height:15px;font-size:6px}.option-listen{height:25px;width:25px}.listen-option .answer-choice{font-size:11px}.primary-button{font-size:10px;min-height:30px}.pronounce-button{font-size:8px}.audio-caption{font-size:7px}.advance-status{font-size:6px}.feedback{padding:8px;gap:4px}.feedback p{font-size:9px}.feedback-answer{font-size:17px}.quiz-card.is-feedback .question-workspace{grid-template-rows:minmax(60px,.7fr) minmax(158px,1fr)}.modal-inner{padding:14px}.modal-heading{margin-bottom:9px}.modal-description{font-size:10px;margin-bottom:10px}.pronunciation-head{gap:10px;margin-bottom:8px}.pronunciation-head img{height:50px;width:69px}.pronunciation-head h3{font-size:21px}.pronunciation-head p{font-size:10px}.pronunciation-head small{font-size:9px}.sound-buttons button{font-size:9px;min-height:30px;padding:6px}.articulation{font-size:9px;line-height:1.45}.syllables small{font-size:8px}.memory-box{padding:7px 9px}.memory-box strong{font-size:10px}.memory-box p{font-size:9px}.memory-box small{font-size:8px}.notebook-example{font-size:9px;padding:7px 9px}.pager button{min-height:28px;padding:4px 9px;font-size:9px}.modal-buttons{margin-top:10px}.setting-note{font-size:8px}.hint-modal .hint-copy{font-size:12px}.hint-level-labels span{font-size:7px}.help-list{font-size:10px}.result-stats small{font-size:8px}.result-title{font-size:21px}.result-owl{height:70px;width:70px}}
@media(max-height:500px) and (min-width:601px){:root{--header:43px}.header-inner{padding:0 15px}.brand-owl{height:34px;width:34px}.brand-word{font-size:20px}.brand-word small{font-size:5px}.header-tools .icon-button{height:29px;width:29px}.site-header nav .nav-button{padding:6px 10px;font-size:10px}.hero,.journey,.helper-column,.mobile-journey,.under-game{display:none}.page-shell{padding:6px 13px 9px;gap:0}.dashboard{display:flex}.play-column{width:100%;max-width:1100px;margin:0 auto}.quiz-card{padding:8px 12px;grid-template-columns:155px minmax(0,1fr);grid-template-rows:29px minmax(0,1fr) 30px 29px;gap:7px 14px;border-radius:17px}.quiz-heading{grid-column:1;grid-row:1;gap:0}.chapter-symbol,.help-button{display:none}.quiz-heading h2{font-size:14px}.quiz-heading small{font-size:5px}.stats{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:6px}.stat{padding:7px 9px;flex:1;max-height:47px}.stat>div{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;width:100%}.stat strong{font-size:19px}.stat small{font-size:7px}.level-steps{grid-column:2;grid-row:1}.level-step{font-size:7px;gap:4px}.question-workspace{grid-column:2;grid-row:2/4;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr;gap:12px}.question-intro h3{font-size:14px}.question-tag{font-size:6px;margin-bottom:3px}.question-intro p{font-size:8px;margin-top:3px}.answer-panel{gap:7px}.options{gap:7px}.option button.answer-choice{font-size:14px;padding:5px 7px;gap:6px}.choice-letter{height:20px;width:20px;font-size:8px}.option-listen{height:26px;width:26px}.options.sentence-options .answer-choice{font-size:10px;padding:4px 6px;gap:5px}.options.sentence-options .choice-letter{height:18px;width:18px;font-size:7px}.answer-note{display:none}.comic-frame figcaption{font-size:7px;padding:5px}.comic-frame{border-radius:11px}.comic-frame>img{object-fit:cover}.scene-label{top:7px;left:7px;font-size:6px}.ready-bubble{font-size:8px;bottom:29px;padding:6px}.ready-bubble span{font-size:13px}.audio-caption{grid-column:2;grid-row:4;font-size:8px}.game-actions{grid-column:1;grid-row:3/5;display:flex;flex-wrap:wrap;gap:5px}.game-actions .primary-button{flex-basis:100%;min-height:26px;height:26px;font-size:9px;padding:5px;border-radius:8px;box-shadow:0 2px 0 #805bbf}.game-actions .primary-button .icon{width:12px;height:12px}.pronounce-button{flex:1;height:27px;font-size:8px;border-radius:8px;padding:4px}.game-actions>.icon-button{height:27px;width:29px;border-radius:8px}.advance-status{display:none}.feedback{padding:8px;gap:5px}.feedback-title{font-size:10px}.feedback-answer{font-size:18px}.feedback-answer>small{font-size:8px}.feedback p{font-size:9px;line-height:1.4}.feedback .example-button{font-size:8px;padding:3px 5px}.hold-button{font-size:8px}.answer-panel.answered .question-intro{display:none}dialog{width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 16px)}.modal-inner{padding:14px 18px}.modal-heading{margin-bottom:9px}.modal-heading h2{font-size:18px}.modal-description{font-size:10px;margin-bottom:9px}.modal-buttons{margin-top:12px}.modal-buttons .primary-button,.secondary-button{font-size:10px;min-height:29px;padding:6px 10px}.pronunciation-layout{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.pronunciation-head{grid-column:1;grid-row:1;margin-bottom:8px}.pronunciation-head img{height:57px;width:78px}.pronunciation-head h3{font-size:23px}.pronunciation-head p{font-size:11px}.pronunciation-head small{font-size:9px}.sound-buttons{grid-column:1;grid-row:2;margin-bottom:5px}.sound-buttons button{font-size:9px;min-height:29px;padding:5px}.phonetic-steps{grid-column:1;grid-row:3/5}.syllables{margin:6px 0}.syllables span{font-size:13px;padding:4px 9px}.syllables small{font-size:8px}.articulation{font-size:9px;line-height:1.5;margin:4px 0}.articulation li+li{margin-top:3px}.memory-box{grid-column:2;grid-row:1/3;margin-top:0;padding:9px 11px}.memory-box p{font-size:10px;line-height:1.5}.memory-box small{font-size:8px;line-height:1.4}.notebook-example{grid-column:2;grid-row:3/5;font-size:10px;margin-top:8px;align-self:start}.pager{margin-top:9px}.pager button{min-height:26px;padding:4px 9px;font-size:9px}.source-link{margin-top:6px;font-size:7px}.settings-row{padding:7px 0}.settings-row strong{font-size:11px}.settings-row small{font-size:9px;margin-top:2px}.setting-note{font-size:8px;margin-top:9px}.help-list{font-size:11px;line-height:1.5}.help-list li+li{margin-top:7px}.hint-modal .hint-copy{font-size:12px;margin:10px 0;min-height:35px}.result-owl{width:85px;height:85px}.result-inner{display:grid;grid-template-columns:110px 1fr;gap:0 15px;align-items:center}.result-inner .modal-heading{grid-column:1/-1}.result-owl{grid-column:1;grid-row:2/5}.result-title{grid-column:2;grid-row:2;text-align:left;font-size:22px}.result-stars{grid-column:2;grid-row:3;text-align:left;font-size:24px;margin:3px 0}.result-subtitle{grid-column:2;grid-row:4;text-align:left;font-size:10px}.result-stats{grid-column:1/-1;margin:10px 0 0}.result-stats div{padding:7px}.result-stats strong{font-size:20px}.result-inner .modal-buttons{grid-column:1/-1;flex-wrap:nowrap;margin-top:10px}.result-inner .modal-buttons .primary-button{flex-basis:auto}.journey-modal .chapter-thumb{height:65px}.journey-modal .chapter-info strong{font-size:10px}.journey-modal .chapter-levels button{height:23px}.journey-modal .chapter-levels{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#confetti{display:none}}