@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap";:root{color:#24413d;font-synthesis:none;background:#eef8f5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#eef8f5;min-height:100%;margin:0}button{font:inherit}.page-shell{background:radial-gradient(circle at 8% 3%,#78d6c24d,#0000 30%),radial-gradient(circle at 93% 90%,#ffd17e45,#0000 31%),linear-gradient(135deg,#edf9f6,#f8fcf9 47%,#eef8f6);place-items:center;min-height:100dvh;padding:16px;display:grid}.app-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #539f8f2e;border-radius:24px;width:min(100%,780px);min-height:calc(100dvh - 32px);padding:18px;box-shadow:0 25px 70px #27685a29}.app-header{border-bottom:1px solid #4a91802b;grid-template-columns:42px 1fr 52px;align-items:center;gap:12px;padding:0 0 14px;display:grid}.back-button,.home-button{color:#246a5d;cursor:pointer;background:#f1fdf8f0;border:1px solid #489a8747;box-shadow:0 4px 12px #246a5d14}.back-button{border-radius:12px;width:42px;height:40px;font-size:1.14rem;font-weight:900}.home-button{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:52px;height:40px;display:flex}.home-button span{font-size:1.03rem;font-weight:900;line-height:1}.home-button small{letter-spacing:.52px;color:#34796e;font-size:.4rem;font-weight:900}.heading-block{min-width:0}.eyebrow{color:#438477;letter-spacing:1.18px;margin:0;font-size:.58rem;font-weight:900}.heading-block h1{color:#20413b;margin:3px 0 0;font-size:clamp(1rem,3vw,1.38rem);line-height:1.14}.heading-block>p:last-child{color:#66847d;margin:5px 0 0;font-size:.67rem;line-height:1.35}.cheer-message{animation:.35s ease-out cheerFade}@keyframes cheerFade{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}.home-panel,.lessons-panel,.learn-panel{padding-top:18px}.home-panel{gap:14px;display:grid}.intro-copy{background:radial-gradient(circle at 88% 11%,#ffce7761,#0000 30%),linear-gradient(135deg,#d7f9efe6,#f8fffbf0);border:1px solid #539f8f33;border-radius:18px;padding:23px 20px}.intro-label,.section-title span{color:#267e6e;letter-spacing:1.1px;font-size:.58rem;font-weight:900}.intro-copy h2{color:#234a43;margin:7px 0;font-size:1.25rem}.intro-copy p{color:#5f7e76;margin:0;font-size:.75rem;line-height:1.55}.collection-list{gap:11px;display:grid}.collection-card{color:#24413d;text-align:left;cursor:pointer;background:linear-gradient(135deg,#f9fffc,#eaf9f3);border:1px solid #599e8e33;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;min-height:78px;padding:14px 16px;transition:all .18s;display:flex}.collection-card:hover{border-color:#2c917d8f;transform:translateY(-1px)}.collection-card.is-disabled{cursor:not-allowed;opacity:.48;background:#f4f7f6}.collection-card-copy{gap:4px;display:grid}.collection-card-copy strong{font-size:.89rem}.collection-card-copy small{color:#6f8983;font-size:.62rem;line-height:1.4}.collection-card-action{color:#36a58e;font-size:1.18rem;font-weight:900}.section-title{justify-content:space-between;align-items:center;margin:0 2px 10px;display:flex}.section-title small{color:#78928c;font-size:.62rem}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lesson-card{color:#fff;cursor:pointer;text-align:left;background:#dff5ec;border:1px solid #5ba08f38;border-radius:11px;min-height:76px;padding:0;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 5px 13px #2c756317}.lesson-card:hover{border-color:#42a78f;transform:translateY(-1px)}.lesson-cover,.cover-fallback{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-fallback{color:#3f8374;letter-spacing:.7px;text-align:center;background:linear-gradient(135deg,#bfead9,#bde6f0);place-items:center;padding:12px;font-size:.57rem;font-weight:900;display:grid}.lesson-copy{background:linear-gradient(#0000 0%,#0c3e3314 62%,#082a22cc 100%);align-items:flex-end;padding:8px 9px;display:flex;position:absolute;inset:0}.lesson-copy span{color:#f1fff9;letter-spacing:.08px;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.62rem;font-weight:900;line-height:1.15;display:block;overflow:hidden}.lesson-copy em{color:#bcefe0;font-style:normal}.empty-note{color:#78928c;margin:18px 2px;font-size:.7rem}.stage-one-panel{gap:10px;display:grid}.stage-topline{color:#4b786d;justify-content:space-between;align-items:center;gap:10px;font-size:.58rem;font-weight:800;display:flex}.stage-topline span{color:#258270;letter-spacing:.9px;font-weight:900}.stage-topline small{text-align:right;font-size:.57rem}.word-image-wrap{background:radial-gradient(circle at 24% 19%,#ffd48770,#0000 30%),radial-gradient(circle at 83% 76%,#70d9c259,#0000 34%),linear-gradient(135deg,#ecfbf5,#f9fff9);border:1px solid #4e9f8d30;border-radius:17px;place-items:center;height:clamp(175px,30vh,235px);padding:10px;display:grid;position:relative;overflow:hidden}.word-asset-image{object-fit:contain;width:100%;height:100%;display:block}.image-fallback{text-align:center;color:#518177;background:#ffffff6b;place-content:center;gap:7px;width:100%;height:100%;display:grid}.image-fallback strong{font-size:.9rem}.image-fallback small{font-size:.65rem}.image-caption{color:#f2fffa;background:#256153bd;border-radius:99px;padding:5px 8px;font-size:.5rem;font-weight:800;position:absolute;bottom:9px;right:9px}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.vocab-item{color:#25423c;cursor:pointer;text-align:left;background:#fbfffd;border:1px solid #509b8a2e;border-radius:10px;grid-template-columns:1fr 28px;align-items:center;gap:3px;min-width:0;min-height:45px;padding:5px 4px 5px 8px;transition:all .14s;display:grid}.vocab-item:hover{background:#f2fff9;border-color:#339c878c}.vocab-item.is-active{background:linear-gradient(135deg,#e0faef,#f9fffb);border-color:#35a78d;box-shadow:0 4px 11px #339c8724}.vocab-item-text{gap:1px;min-width:0;display:grid}.vocab-item-text strong{color:#204f46;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.73rem,3.45vw,.98rem);font-weight:900;line-height:1.1;overflow:hidden}.vocab-item-text small{color:#66867e;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.48rem,2.15vw,.59rem);font-weight:700;line-height:1.14;overflow:hidden}.vocab-item-actions{justify-content:center;align-items:center;display:flex}.vocab-audio-button{color:#278770;cursor:pointer;background:#e9faf2;border:1px solid #34a38c38;border-radius:8px;width:25px;height:25px;padding:0;font-size:.68rem;line-height:1}.selected-word-note{color:#5f7e76;background:#4f9f8c14;border-radius:10px;gap:3px;padding:7px 10px;font-size:.6rem;line-height:1.35;display:grid}.selected-word-note b{color:#2b7f6f}.modal{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#163b327a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-box,.error-box{text-align:center;background:#fbfffd;border:1px solid #509d8c59;border-radius:17px;width:min(100%,350px);padding:22px;box-shadow:0 24px 70px #1e534638}.modal-box h2,.error-box h1{color:#287d6c;letter-spacing:.7px;margin:0;font-size:.87rem}.modal-box p,.error-box p{color:#608078;font-size:.74rem;line-height:1.55}.modal-box button,.error-box button{color:#163d35;cursor:pointer;background:linear-gradient(135deg,#5bc8ad,#a8df87);border:0;border-radius:10px;width:100%;min-height:40px;font-size:.7rem;font-weight:900}@media (width<=520px){.page-shell{padding:0}.app-card{border:0;border-radius:0;min-height:100dvh;padding:13px}.app-header{grid-template-columns:39px 1fr 49px;gap:9px}.back-button{width:39px;height:38px}.home-button{min-width:49px;height:38px}.heading-block h1{font-size:.97rem}.word-image-wrap{height:clamp(158px,27vh,205px)}.vocab-grid{gap:5px}.vocab-item{grid-template-columns:1fr 26px;min-height:42px;padding:4px 3px 4px 7px}.vocab-audio-button{width:23px;height:23px}.stage-topline{font-size:.54rem}.stage-topline small{font-size:.52rem}}@media (orientation:landscape) and (height<=560px){.page-shell{padding:5px}.app-card{min-height:calc(100dvh - 10px);padding:10px}.word-image-wrap{height:135px}.vocab-item{min-height:37px}.stage-one-panel{gap:6px}}.stage-main-layout{grid-template-columns:minmax(0,1.08fr) minmax(210px,.72fr);align-items:stretch;gap:10px;display:grid}.stage-main-layout .word-image-wrap{aspect-ratio:1;height:auto;min-height:0}.stage-control-panel{background:linear-gradient(145deg,#fbfffd,#ecfaf4);border:1px solid #509b8a38;border-radius:17px;grid-template-rows:auto auto auto 1fr auto;min-width:0;display:grid;overflow:hidden;box-shadow:0 7px 17px #2c756312}.lesson-summary{color:#2a7567;border-bottom:1px solid #509b8a2e;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;display:flex}.lesson-summary span{font-size:.72rem;font-weight:900}.lesson-summary small{color:#6a8d84;white-space:nowrap;font-size:.57rem}.stage-label{color:#2b8876;letter-spacing:1px;border-bottom:1px solid #509b8a2e;padding:7px 11px;font-size:.57rem;font-weight:900}.current-word-panel{border-bottom:1px solid #509b8a2e;align-content:center;gap:4px;min-height:116px;padding:13px 11px;display:grid}.current-word-panel strong{color:#1d5147;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.18rem,4vw,1.72rem);line-height:1.08;overflow:hidden}.current-word-panel span{color:#66857d;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.69rem,2.25vw,.82rem);font-weight:700;overflow:hidden}.detail-button{color:#257b6b;cursor:pointer;background:#f4fffa;border:1px solid #2e917c40;border-radius:9px;justify-self:start;margin-top:6px;padding:5px 9px;font-size:.58rem;font-weight:900}.quick-panel{align-content:start;gap:6px;min-height:0;padding:10px 11px;display:grid}.quick-panel p{color:#2b8876;letter-spacing:.92px;margin:0;font-size:.56rem;font-weight:900}.quick-panel>strong{color:#3a665d;font-size:.64rem}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.quick-actions button{color:#45766b;cursor:pointer;background:#fafffd;border:1px solid #30978233;border-radius:8px;min-height:29px;padding:4px 5px;font-size:.53rem;font-weight:900}.quick-actions button:last-child{grid-column:1/-1}.quick-actions button.is-selected{color:#206f5f;background:linear-gradient(135deg,#d8f7eb,#f6fff9);border-color:#39aa90;box-shadow:0 3px 8px #31a38b24}.custom-tip{color:#6f8c84;font-size:.52rem;line-height:1.32}.next-stage-button{color:#164237;cursor:pointer;background:linear-gradient(135deg,#65cbb1,#b2e58f);border:0;border-top:1px solid #509b8a38;min-height:42px;font-size:.67rem;font-weight:900}.next-stage-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.55}.vocab-grid{margin-top:1px}.vocab-item{grid-template-columns:1fr;min-height:48px;padding:6px 8px;position:relative}.vocab-item.is-practice-selected{background:linear-gradient(135deg,#e0faef,#f9fffb);border-color:#3ba98f}.vocab-grid.is-custom-mode .vocab-item{padding-right:28px}.practice-mark{color:#237e6b;background:#fff;border:1px solid #339c8759;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.61rem;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.vocab-item.is-practice-selected .practice-mark{color:#fff;background:#4db79d;border-color:#2e9b82}.word-detail-modal{text-align:left;width:min(100%,390px);position:relative}.modal-close{color:#287d6c;cursor:pointer;background:#e9f8f1;border:0;border-radius:50%;width:28px;height:28px;font-size:1.2rem;line-height:1;position:absolute;top:9px;right:10px}.detail-label{color:#398e7d;letter-spacing:1px;margin:0 0 5px;font-size:.55rem;font-weight:900}.word-detail-modal h2{color:#1e5046;margin:0;font-size:1.55rem;line-height:1.15}.word-detail-modal .detail-meaning{color:#66857d;margin:5px 0 13px;font-size:.83rem;font-weight:700}.detail-row{color:#56766e;border-top:1px solid #509b8a29;gap:3px;padding:9px 0;font-size:.69rem;line-height:1.42;display:grid}.detail-row b{color:#2a7c6c;text-transform:uppercase;letter-spacing:.55px;font-size:.58rem}.detail-audio-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.detail-audio-actions button{color:#277d6c;cursor:pointer;background:linear-gradient(135deg,#e6fbf2,#fbfffc);border:1px solid #30978238;border-radius:10px;min-height:37px;font-size:.67rem;font-weight:900}@media (width<=520px){.stage-main-layout{grid-template-columns:1fr;gap:8px}.stage-main-layout .word-image-wrap{max-height:255px}.stage-control-panel{grid-template-rows:auto auto auto auto auto}.current-word-panel{min-height:97px}.quick-panel{min-height:0}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions button:last-child{grid-column:auto}.quick-actions button{padding:3px;font-size:.49rem}.vocab-item{min-height:44px}.vocab-item-text strong{font-size:clamp(.78rem,3.7vw,1.04rem)}.vocab-item-text small{font-size:clamp(.49rem,2.3vw,.62rem)}}.learn-mode .learn-panel{gap:8px}@media (width<=520px){.app-card.learn-mode{min-height:100dvh;padding-bottom:8px}.learn-mode .app-header{padding-bottom:7px}.learn-mode .heading-block h1{font-size:.93rem;line-height:1.12}.learn-mode .eyebrow{font-size:.52rem}.learn-mode .cheer-message{margin-top:2px;font-size:.57rem;line-height:1.15}.stage-main-layout{grid-template-columns:minmax(0,1.05fr) minmax(132px,.95fr);align-items:stretch;gap:7px}.stage-main-layout .word-image-wrap{aspect-ratio:1;border-radius:12px;height:auto;min-height:0;max-height:none;padding:5px}.image-caption{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 10px);padding:3px 5px;font-size:.4rem;bottom:5px;right:5px;overflow:hidden}.stage-control-panel{border-radius:12px}.lesson-summary{min-height:29px;padding:5px 7px}.lesson-summary span{white-space:nowrap;text-overflow:ellipsis;font-size:.61rem;overflow:hidden}.lesson-summary small{font-size:.47rem}.stage-label{letter-spacing:.78px;padding:4px 7px;font-size:.48rem}.current-word-panel{gap:2px;min-height:0;padding:7px}.current-word-panel strong{font-size:clamp(1.02rem,5.6vw,1.35rem)}.current-word-panel span{font-size:clamp(.58rem,2.8vw,.72rem)}.detail-button{border-radius:7px;margin-top:3px;padding:3px 6px;font-size:.47rem}.quick-panel{gap:3px;padding:6px 7px}.quick-panel p{letter-spacing:.68px;font-size:.46rem}.quick-panel>strong{font-size:.52rem}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.quick-actions button,.quick-actions button:last-child{border-radius:6px;grid-column:auto;min-height:23px;padding:2px;font-size:.39rem;line-height:1.1}.custom-tip{font-size:.42rem}.next-stage-button{min-height:29px;font-size:.54rem}.vocab-grid{gap:3px;margin-top:0}.vocab-item{border-radius:7px;min-height:34px;padding:3px 5px}.vocab-item-text{gap:0}.vocab-item-text strong{font-size:clamp(.79rem,4.05vw,.97rem);line-height:1.04}.vocab-item-text small{font-size:clamp(.42rem,2.05vw,.52rem);line-height:1.08}.vocab-grid.is-custom-mode .vocab-item{padding-right:22px}.practice-mark{width:14px;height:14px;font-size:.5rem;top:4px;right:4px}}@media (width<=380px){.stage-main-layout{grid-template-columns:minmax(0,1fr) minmax(120px,.92fr)}.vocab-item{min-height:32px}.vocab-item-text strong{font-size:.77rem}}@media (height<=740px) and (width<=520px){.learn-mode .app-header{padding-bottom:5px}.learn-mode .cheer-message{display:none}.stage-main-layout .word-image-wrap{aspect-ratio:1.05}.vocab-item{min-height:31px}.vocab-item-text strong{font-size:.72rem}.vocab-item-text small{font-size:.4rem}.quick-panel{padding-top:4px;padding-bottom:4px}}@media (width<=520px){.stage-main-layout{grid-template-columns:minmax(118px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:8px}.stage-main-layout .word-image-wrap{aspect-ratio:1;border-radius:11px;align-self:start;padding:4px}.image-caption{display:none}.stage-control-panel{border-radius:11px;grid-template-rows:auto auto auto 1fr auto;min-height:0}.lesson-summary{min-height:28px;padding:5px 8px}.lesson-summary span{font-size:.66rem;font-weight:900}.lesson-summary small{font-size:.52rem}.stage-label{letter-spacing:.82px;padding:4px 8px;font-size:.5rem}.current-word-panel{gap:3px;padding:8px}.current-word-panel strong{font-size:clamp(1.22rem,6.6vw,1.55rem);line-height:1.04}.current-word-panel span{font-size:clamp(.7rem,3.25vw,.82rem);line-height:1.12}.detail-button{margin-top:4px;padding:4px 7px;font-size:.52rem}.quick-panel{gap:4px;padding:7px 8px}.quick-panel p{letter-spacing:.74px;font-size:.5rem}.quick-panel>strong{font-size:.57rem}.quick-actions{gap:4px}.quick-actions button,.quick-actions button:last-child{min-height:25px;padding:3px 2px;font-size:.43rem;line-height:1.12}.next-stage-button{min-height:31px;font-size:.58rem}.vocab-grid{gap:4px;margin-top:1px}.vocab-item{border-radius:8px;min-height:39px;padding:4px 6px}.vocab-item-text{gap:1px}.vocab-item-text strong{font-size:clamp(.92rem,4.55vw,1.1rem);line-height:1.02}.vocab-item-text small{font-size:clamp(.5rem,2.42vw,.62rem);line-height:1.08}.vocab-grid.is-custom-mode .vocab-item{padding-right:23px}}@media (height<=740px) and (width<=520px){.stage-main-layout{grid-template-columns:minmax(108px,.68fr) minmax(0,1.32fr)}.stage-main-layout .word-image-wrap{aspect-ratio:1}.vocab-item{min-height:37px}.vocab-item-text strong{font-size:clamp(.88rem,4.35vw,1.03rem)}.vocab-item-text small{font-size:clamp(.48rem,2.25vw,.58rem)}}.stage-one-vertical{grid-template-rows:auto auto minmax(0,1fr) auto;gap:7px;min-height:0;display:grid}.stage-one-vertical .stage-hero{aspect-ratio:16/9;border-radius:14px;height:auto;min-height:0;padding:5px}.stage-one-vertical .word-asset-image{object-fit:cover;border-radius:10px}.word-focus-strip{background:linear-gradient(135deg,#fafffd,#e8f9f1);border:1px solid #509b8a38;border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:8px 10px;display:grid}.word-focus-strip strong{color:#1d5147;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(1.12rem,4.2vw,1.55rem);line-height:1.05;overflow:hidden}.word-focus-strip span{color:#61817a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(.74rem,2.7vw,.88rem);font-weight:800;overflow:hidden}.word-focus-strip .detail-button{justify-self:end;margin:0}.stage-one-vertical .vocab-grid{grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0;margin:0;overflow:hidden}.stage-one-vertical .vocab-item{height:100%;min-height:0;padding:4px 7px}.quick-toolbar{background:linear-gradient(135deg,#fbfffd,#edf9f3);border:1px solid #509b8a33;border-radius:12px;gap:5px;padding:7px 8px 0;display:grid;overflow:hidden}.quick-toolbar-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.quick-toolbar-top>span{color:#39776a;white-space:nowrap;font-size:.58rem;font-weight:900}.quick-toolbar .quick-actions{gap:4px;display:flex}.quick-toolbar .quick-actions button{white-space:nowrap;min-height:26px;padding:3px 6px;font-size:.47rem}.quick-toolbar .next-stage-button{border-radius:0;min-height:31px;margin:0 -8px}@media (width<=520px){.learn-mode .app-header{padding-bottom:8px}.learn-mode .eyebrow{letter-spacing:.78px;font-size:.54rem}.learn-mode .heading-block h1{font-size:.92rem}.learn-mode .cheer-message{margin-top:3px;font-size:.57rem}.learn-mode .stage-one-vertical{gap:6px;height:calc(100dvh - 98px);padding-top:9px}.stage-one-vertical .stage-hero{border-radius:12px}.word-focus-strip{border-radius:10px;gap:6px;min-height:58px;padding:7px 8px}.word-focus-strip strong{font-size:clamp(1.04rem,5.4vw,1.32rem)}.word-focus-strip span{font-size:clamp(.64rem,3.1vw,.76rem)}.word-focus-strip .detail-button{border-radius:7px;padding:4px 6px;font-size:.5rem}.stage-one-vertical .vocab-grid{gap:4px}.stage-one-vertical .vocab-item{border-radius:8px;padding:4px 6px}.stage-one-vertical .vocab-item-text strong{font-size:clamp(.9rem,4.5vw,1.08rem);line-height:1.02}.stage-one-vertical .vocab-item-text small{font-size:clamp(.5rem,2.45vw,.62rem);line-height:1.05}.quick-toolbar{border-radius:10px;gap:4px;padding:6px 6px 0}.quick-toolbar-top>span{font-size:.52rem}.quick-toolbar .quick-actions{gap:3px}.quick-toolbar .quick-actions button{border-radius:6px;min-height:24px;padding:2px 4px;font-size:.41rem}.quick-toolbar .next-stage-button{min-height:29px;margin:0 -6px;font-size:.56rem}}@media (height<=720px) and (width<=520px){.learn-mode .stage-one-vertical{gap:4px;height:calc(100dvh - 91px);padding-top:6px}.learn-mode .cheer-message{display:none}.word-focus-strip{min-height:48px;padding:5px 7px}.stage-one-vertical .vocab-grid{gap:3px}.stage-one-vertical .vocab-item-text strong{font-size:.82rem}.stage-one-vertical .vocab-item-text small{font-size:.46rem}.quick-toolbar{padding-top:4px}}.word-focus-strip span{color:#527970;font-size:clamp(.84rem,3.15vw,1rem)}.word-detail-modal{max-height:min(78dvh,520px);padding:24px 20px 18px;overflow:auto}.word-detail-modal .modal-close{width:30px;height:30px;min-height:0;padding:0}.word-detail-modal .detail-audio-actions button{width:auto;min-height:38px}.stage-toolbar-buttons{grid-template-columns:1fr 1fr;gap:5px;margin:0 -8px;display:grid}.stage-toolbar-buttons .next-stage-button{margin:0}.start-quick-button{color:#207d69;cursor:pointer;background:linear-gradient(135deg,#dff7ec,#f7fff9);border:0;min-height:31px;font-size:.61rem;font-weight:900}.start-quick-button:disabled{opacity:.55;cursor:not-allowed}.is-quick-practice .stage-hero{opacity:.96}@keyframes quickWrong{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width<=520px){.word-focus-strip{gap:5px;min-height:46px;padding:5px 7px}.word-focus-strip strong{font-size:clamp(.96rem,4.8vw,1.16rem)}.word-focus-strip span{font-size:clamp(.73rem,3.35vw,.88rem)}.word-focus-strip .detail-button{padding:3px 6px;font-size:.48rem}.stage-toolbar-buttons{gap:4px;margin:0 -6px}.start-quick-button{min-height:29px;font-size:.54rem}.is-quick-practice .vocab-item-text strong{font-size:clamp(.72rem,3.65vw,.92rem)}}.word-focus-strip{min-height:42px;padding:4px 8px}.word-focus-strip strong{font-size:clamp(.94rem,3.45vw,1.22rem)}.word-focus-strip span{font-size:clamp(.78rem,2.85vw,.91rem)}.word-focus-strip .detail-button{padding:3px 7px;font-size:.5rem}.quick-toolbar-top>span{letter-spacing:.18px;font-size:.55rem}.quick-toggle,.quick-next-button{color:#267b69;cursor:pointer;background:#fafffd;border:1px solid #30978240;border-radius:7px;min-height:25px;padding:3px 8px;font-size:.48rem;font-weight:900}.quick-toggle.is-on{background:linear-gradient(135deg,#d8f7ea,#f6fff9);border-color:#38aa8f}.quick-toggle.is-off{color:#82968f;background:#f1f5f3;border-color:#cbd8d3}.quick-toolbar .quick-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.quick-toolbar .quick-actions button{min-height:25px;padding:3px 6px;font-size:.48rem}.quick-toolbar .quick-actions button:last-child{grid-column:auto}.quick-toolbar .stage-toolbar-buttons{margin:0 -7px}.quick-toolbar .next-stage-button,.quick-toolbar .start-quick-button{min-height:29px;font-size:.54rem}.is-quick-practice .word-focus-strip{background:linear-gradient(135deg,#f8fffc,#e5f8ef)}.is-quick-practice .stage-hero .word-asset-image{object-fit:cover}.is-quick-practice .vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=520px){.word-focus-strip{min-height:39px;padding:4px 7px}.word-focus-strip strong{font-size:clamp(.88rem,4.25vw,1.08rem)}.word-focus-strip span{font-size:clamp(.67rem,3.05vw,.78rem)}.word-focus-strip .detail-button{padding:3px 6px;font-size:.46rem}.quick-toolbar{border-radius:9px;padding:5px 6px 0}.quick-toolbar-top>span{font-size:.5rem}.quick-toggle,.quick-next-button{min-height:23px;padding:2px 7px;font-size:.43rem}.quick-toolbar .quick-actions{gap:3px}.quick-toolbar .quick-actions button{min-height:23px;padding:2px 4px;font-size:.43rem}.quick-toolbar .stage-toolbar-buttons{margin:0 -6px}.quick-toolbar .next-stage-button,.quick-toolbar .start-quick-button{min-height:27px;font-size:.5rem}}.quick-toolbar{gap:5px;padding:6px 7px 0}.quick-master-toggle{color:#247664;cursor:pointer;background:linear-gradient(135deg,#f6fffb,#e5f8ef);border:1px solid #30978247;border-radius:8px;width:100%;min-height:29px;font-size:.54rem;font-weight:900}.quick-master-toggle.is-off{color:#6d837c;background:#f4f7f6;border-color:#d4dfdb}.quick-control-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.quick-control-row button{color:#37776a;cursor:pointer;white-space:nowrap;background:#fbfffd;border:1px solid #3097823d;border-radius:7px;min-width:0;min-height:27px;padding:3px 4px;font-size:.48rem;font-weight:900}.quick-control-row button.is-selected{color:#1f735f;background:linear-gradient(135deg,#d8f7ea,#f6fff9);border-color:#37aa8d}.quick-control-row .start-quick-button.is-red{color:#fff;background:linear-gradient(135deg,#f36c6a,#e94652);border-color:#d76563;box-shadow:0 4px 10px #ce444e2e}.quick-control-row .start-quick-button.is-red:disabled{opacity:.5;box-shadow:none}.quick-control-row .next-stage-button{color:#164237;background:linear-gradient(135deg,#65cbb1,#a8df87);border:1px solid #3097823d;border-radius:7px;min-height:27px;margin:0}.quick-practice-status{justify-content:space-between;align-items:center;gap:8px;display:flex}.quick-practice-status>span{color:#39776a;font-size:.56rem;font-weight:900}.quick-practice-actions{grid-template-columns:1fr 1.35fr;gap:5px;margin:0 -7px;display:grid}.restart-quick-button,.stop-quick-button{color:#fff;cursor:pointer;border:0;min-height:30px;font-size:.55rem;font-weight:900}.restart-quick-button{background:#5da990}.stop-quick-button{background:linear-gradient(135deg,#f36c6a,#e94652)}.is-quick-practice .vocab-item-text{text-align:left;display:grid}.is-quick-practice .vocab-item-text strong{font-size:inherit}.is-quick-practice .vocab-item-text small{display:block}.vocab-item.is-quick-wrong{background:#fff0ee;border-color:#e95d59;animation:.28s quickWrong}.vocab-item.is-quick-correct{background:linear-gradient(135deg,#c9f5e2,#f7fff9);border-color:#2ca585;box-shadow:0 0 0 2px #2da58329}@media (width<=520px){.quick-master-toggle{min-height:27px;font-size:.48rem}.quick-control-row{gap:3px}.quick-control-row button,.quick-control-row .next-stage-button{min-height:25px;padding:2px 3px;font-size:.43rem}.quick-practice-actions{margin:0 -6px}.restart-quick-button,.stop-quick-button{min-height:28px;font-size:.5rem}}.quick-toolbar{padding:5px 6px}.quick-inline-row{grid-template-columns:minmax(104px,1.9fr) repeat(4,minmax(0,.78fr));align-items:stretch;gap:3px;display:grid}.quick-inline-row button{color:#37776a;white-space:nowrap;cursor:pointer;background:#fbfffd;border:1px solid #30978240;border-radius:7px;min-width:0;min-height:28px;padding:3px 4px;font-size:clamp(.38rem,2.1vw,.5rem);font-weight:900;line-height:1.05}.quick-inline-row .quick-master-toggle{width:auto}.quick-inline-row button:disabled{color:#a2b1ac;opacity:.72;cursor:not-allowed;background:#f2f5f4;border-color:#dce5e1}.quick-inline-row button.is-selected{color:#1f735f;background:linear-gradient(135deg,#d8f7ea,#f6fff9);border-color:#37aa8d}.quick-inline-row .start-quick-button.is-red{color:#fff;background:linear-gradient(135deg,#f36c6a,#e94652);border-color:#d76563;box-shadow:0 3px 8px #ce444e29}.quick-inline-row .next-stage-button{color:#164237;background:linear-gradient(135deg,#65cbb1,#a8df87);border-color:#3097823d}.vocab-grid.is-selection-mode .vocab-item{padding-right:23px}.vocab-grid.is-selection-mode .practice-mark{color:#fff;background:#fafffd;border:1px solid #79c8b6;border-radius:50%;place-items:center;width:14px;height:14px;font-size:.5rem;font-weight:900;display:grid;top:4px;right:4px}.vocab-grid.is-selection-mode .vocab-item.is-practice-selected .practice-mark{background:#2ca585;border-color:#2ca585}.is-quick-practice .vocab-item{text-align:left;justify-content:stretch}.is-quick-practice .vocab-item-text.quick-answer-text{align-items:center;width:100%;min-height:100%;display:flex}.is-quick-practice .vocab-item-text.quick-answer-text small{color:#285c51;font-size:inherit;font-weight:850;line-height:1.05;display:block}.is-quick-practice .word-focus-strip span{font-size:clamp(.68rem,3vw,.86rem)}@media (width<=520px){.quick-toolbar{border-radius:9px;padding:4px 5px}.quick-inline-row{grid-template-columns:minmax(112px,1.95fr) repeat(4,minmax(0,.76fr));gap:2px}.quick-inline-row button{border-radius:6px;min-height:26px;padding:2px;font-size:clamp(.34rem,1.95vw,.43rem)}.vocab-grid.is-selection-mode .practice-mark{width:13px;height:13px;font-size:.46rem;top:3px;right:3px}}.stage-one-vertical>.quick-toolbar{z-index:6;align-self:end;position:sticky;bottom:0;box-shadow:0 -5px 12px #e1f5edc2}.quick-inline-row{grid-template-columns:minmax(104px,1.68fr) minmax(0,.78fr) minmax(0,.82fr) minmax(0,.92fr) minmax(0,.84fr)}.quick-inline-row .start-quick-button,.quick-inline-row .next-stage-button{text-overflow:ellipsis;min-width:0;overflow:hidden}.stage-one-vertical.is-quick-practice .vocab-grid{grid-auto-rows:39px;align-content:start}.stage-one-vertical.is-quick-practice .vocab-item{height:39px;min-height:39px;padding:4px 6px}@media (width<=520px){.stage-one-vertical>.quick-toolbar{margin-bottom:0;bottom:0}.quick-inline-row{grid-template-columns:minmax(102px,1.63fr) minmax(0,.74fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.82fr);gap:2px}.quick-inline-row button{min-height:27px;padding:2px;font-size:clamp(.34rem,1.9vw,.42rem)}.stage-one-vertical.is-quick-practice .vocab-grid{grid-auto-rows:39px}.stage-one-vertical.is-quick-practice .vocab-item{height:39px;min-height:39px}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:clamp(.5rem,2.4vw,.6rem)!important}}@media (height<=720px) and (width<=520px){.stage-one-vertical.is-quick-practice .vocab-grid{grid-auto-rows:36px}.stage-one-vertical.is-quick-practice .vocab-item{height:36px;min-height:36px}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:.48rem!important}}.quick-toolbar{isolation:isolate;overflow:hidden}.quick-inline-row{align-items:stretch;grid-template-columns:minmax(108px,1.62fr) repeat(4,minmax(0,.84fr))!important;gap:3px!important;display:grid!important}.quick-inline-row>button{text-overflow:ellipsis;width:100%;overflow:hidden;min-width:0!important;margin:0!important}.quick-inline-row .start-quick-button,.quick-inline-row .next-stage-button{display:block;border-radius:7px!important;width:100%!important;min-width:0!important;margin:0!important}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-weight:850;line-height:1.05;font-size:clamp(.66rem,3.05vw,.78rem)!important}.quick-practice-inline-row{grid-template-columns:minmax(34px,.56fr) minmax(47px,.78fr) minmax(106px,1.74fr) minmax(58px,.92fr);align-items:stretch;gap:4px;display:grid}.quick-practice-inline-row>*{white-space:nowrap;border-radius:7px;min-width:0;min-height:29px;font-size:.52rem;font-weight:900;line-height:1}.quick-progress{color:#39776a;background:#f7fffb;border:1px solid #30978233;place-items:center;display:grid}.quick-play-button{color:#247a69;cursor:pointer;background:#f7fffb;border:1px solid #30978247}.quick-practice-inline-row .restart-quick-button,.quick-practice-inline-row .stop-quick-button{text-overflow:ellipsis;width:100%;min-height:29px;margin:0;padding:2px 4px;overflow:hidden}@media (width<=520px){.quick-inline-row{grid-template-columns:minmax(104px,1.58fr) repeat(4,minmax(0,.86fr))!important;gap:2px!important}.quick-inline-row>button{min-height:27px;padding:2px!important;font-size:clamp(.34rem,1.88vw,.43rem)!important}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:clamp(.62rem,3vw,.72rem)!important}.quick-practice-inline-row{grid-template-columns:minmax(32px,.54fr) minmax(45px,.76fr) minmax(101px,1.68fr) minmax(55px,.9fr);gap:3px}.quick-practice-inline-row>*{min-height:28px;font-size:clamp(.4rem,2.1vw,.5rem)}.quick-practice-inline-row .restart-quick-button,.quick-practice-inline-row .stop-quick-button{min-height:28px;padding:2px 3px;font-size:clamp(.4rem,2.1vw,.5rem)}}.word-asset-image,.word-image-wrap img{border-radius:14px}@media (width<=520px){.word-asset-image,.word-image-wrap img{border-radius:12px}}.stage-one-vertical:not(.is-quick-practice) .vocab-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:unset;align-content:stretch}.stage-one-vertical:not(.is-quick-practice) .vocab-item{height:100%;min-height:0}.stage-one-vertical .stage-hero{clip-path:inset(0 round 14px);border-radius:14px!important;overflow:hidden!important}.stage-one-vertical .stage-hero .word-asset-image{width:100%;height:100%;display:block;overflow:hidden;border-radius:10px!important}@media (width<=520px){.stage-one-vertical:not(.is-quick-practice) .vocab-grid{grid-template-rows:repeat(7,minmax(0,1fr))}.stage-one-vertical .stage-hero{clip-path:inset(0 round 12px);border-radius:12px!important}.stage-one-vertical .stage-hero .word-asset-image{border-radius:9px!important}}.stage-two-panel{align-items:center;min-height:calc(100dvh - 102px);padding:4px 0;display:grid}.stage-two-menu,.record-choice-panel{gap:10px;width:min(100%,440px);margin:auto;display:grid}.stage-two-heading{padding:6px 3px 8px}.stage-two-heading>span{color:#2a8876;letter-spacing:1.1px;font-size:.57rem;font-weight:900}.stage-two-heading h2{color:#214f45;margin:5px 0 3px;font-size:1.26rem}.stage-two-heading p{color:#6c8981;margin:0;font-size:.69rem;line-height:1.42}.stage-two-mode-card,.record-choice-card{color:#244c43;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fbfffd,#eaf9f3);border:1px solid #4097843d;border-radius:16px;gap:3px;width:100%;padding:15px 42px 15px 16px;transition:all .16s;display:grid;position:relative;box-shadow:0 7px 17px #2c756312}.stage-two-mode-card:hover,.record-choice-card:hover{border-color:#45a990;transform:translateY(-1px)}.stage-two-mode-card.image-mode{background:radial-gradient(circle at 87% 17%,#ffd58261,#0000 27%),linear-gradient(135deg,#fbfffd,#e5f8ef)}.stage-two-mode-card b{color:#2b8876;letter-spacing:.65px;font-size:.59rem}.stage-two-mode-card strong{font-size:1.03rem;line-height:1.1}.stage-two-mode-card small,.record-choice-card small{color:#6a8981;font-size:.62rem;line-height:1.37}.stage-two-mode-card i{color:#34a188;font-size:1.35rem;font-style:normal;font-weight:900;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.stage-two-back,.stage-two-restart{color:#2b7e6d;cursor:pointer;background:#f5fffa;border:1px solid #38937e38;border-radius:9px;font-size:.58rem;font-weight:900}.stage-two-back{justify-self:start;min-height:34px;padding:6px 10px}.stage-two-back.top-back{margin-bottom:3px}.record-choice-card{padding:15px 16px}.record-choice-card b{color:#20584c;font-size:.91rem}.record-choice-card.is-selected{background:linear-gradient(135deg,#dff9ee,#fafffc);border-color:#34a78d;box-shadow:0 6px 15px #2f9b8524}.record-choice-card.is-selected:after{content:"✓";color:#fff;background:#43aa91;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.stage-two-start{color:#173f36;cursor:pointer;background:linear-gradient(135deg,#58c5aa,#abe08b);border:0;border-radius:12px;min-height:42px;font-size:.71rem;font-weight:900}.stage-two-activity{gap:12px;width:min(100%,470px);margin:auto;display:grid}.stage-two-activity-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.stage-two-activity-top>span{color:#59837a;white-space:nowrap;font-size:.66rem;font-weight:900}.stage-two-restart{justify-self:end;min-height:34px;padding:6px 10px}.stage-two-prompt-card{text-align:center;background:radial-gradient(circle at 17% 15%,#ffd78757,#0000 28%),radial-gradient(circle at 88% 80%,#6fd8bf47,#0000 30%),linear-gradient(135deg,#edfdf6,#fafffc);border:1px solid #479a8838;border-radius:18px;place-items:center;min-height:180px;display:grid;overflow:hidden}.stage-two-prompt-card.visual-prompt{padding:8px}.stage-two-prompt-card.visual-prompt>img{object-fit:contain;border-radius:13px;width:100%;height:100%;min-height:164px;display:block}.stage-two-vi-fallback{background:#ffffff6b;border-radius:13px;align-content:center;justify-items:center;gap:9px;width:100%;min-height:164px;padding:18px;display:grid}.stage-two-vi-fallback small,.audio-prompt>span{color:#348975;letter-spacing:1px;font-size:.57rem;font-weight:900}.stage-two-vi-fallback strong{color:#214f45;font-size:clamp(1.38rem,7vw,2rem);line-height:1.16}.audio-prompt{align-content:center;gap:10px;padding:20px}.audio-prompt>strong{color:#244f46;font-size:1.15rem}.audio-prompt.is-correct{background:linear-gradient(135deg,#e0faef,#f9fffb);border-color:#48b190}.audio-prompt.is-wrong{background:linear-gradient(135deg,#fff2f0,#fffbf9);border-color:#d98b82}.stage-two-play{color:#287c6b;cursor:pointer;background:#f7fffb;border:1px solid #32927d42;border-radius:10px;min-width:104px;min-height:35px;padding:6px 12px;font-size:.63rem;font-weight:900}.stage-two-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.stage-two-answer{color:#355e55;cursor:pointer;background:#fbfffd;border:1px solid #40978438;border-radius:11px;min-height:56px;padding:6px;font-size:clamp(.69rem,3.15vw,.86rem);font-weight:850;line-height:1.18}.stage-two-answer.is-correct{color:#1d725f;background:#dff9ed;border-color:#36a787}.stage-two-answer.is-wrong{color:#a45048;background:#fff0ee;border-color:#d98980}.stage-two-speaking-actions{justify-items:center;gap:8px;padding:5px 0;display:grid}.stage-two-speaking-actions p{color:#638179;margin:0;font-size:.67rem}.record-main-button,.record-again-button,.stage-two-next{cursor:pointer;border-radius:11px;min-height:39px;padding:7px 14px;font-size:.67rem;font-weight:900}.record-main-button{color:#173e35;background:linear-gradient(135deg,#51c2a6,#a9df87);border:0;min-width:150px}.record-main-button.is-recording{color:#651f1a;background:linear-gradient(135deg,#ed7770,#f5b18c)}.record-again-button{color:#277a69;background:#f8fffb;border:1px solid #3097823d}.stage-two-speaking-actions audio{width:min(100%,250px);height:34px}.stage-two-next{color:#fff;background:#2e8d78;border:0;min-width:152px}.stage-two-next:disabled{opacity:.55;cursor:not-allowed}@media (width<=520px){.stage-two-panel{min-height:calc(100dvh - 90px);padding:2px 0}.stage-two-menu,.record-choice-panel{gap:8px}.stage-two-mode-card{border-radius:14px;padding:13px 39px 13px 14px}.stage-two-mode-card strong{font-size:.94rem}.stage-two-mode-card small,.record-choice-card small{font-size:.57rem}.stage-two-prompt-card{border-radius:15px;min-height:166px}.stage-two-prompt-card.visual-prompt>img,.stage-two-vi-fallback{border-radius:11px;min-height:150px}.stage-two-answer-grid{gap:5px}.stage-two-answer{border-radius:9px;min-height:49px;font-size:clamp(.67rem,3.35vw,.79rem)}.stage-two-activity{gap:9px}.stage-two-activity-top{gap:5px}.stage-two-back,.stage-two-restart{min-height:31px;padding:5px 8px;font-size:.53rem}.stage-two-prompt-card.audio-prompt{padding:16px}.audio-prompt>strong{font-size:1rem}}.stage-two-select-panel{gap:10px;width:min(100%,470px);margin:auto;display:grid}.stage-two-select-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stage-two-select-all{color:#267e6c;cursor:pointer;background:#e9faf2;border:1px solid #38937e3d;border-radius:9px;min-height:34px;padding:6px 10px;font-size:.58rem;font-weight:900}.stage-two-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.stage-two-word{color:#25423c;cursor:pointer;text-align:left;background:#fbfffd;border:1px solid #509b8a2e;border-radius:10px;align-content:center;gap:2px;min-width:0;min-height:48px;padding:6px 22px 6px 7px;display:grid;position:relative}.stage-two-word strong,.stage-two-word small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-two-word strong{color:#204f46;font-size:clamp(.73rem,3.45vw,.98rem);line-height:1.1}.stage-two-word small{color:#66867e;font-size:clamp(.48rem,2.15vw,.59rem);font-weight:700;line-height:1.14}.stage-two-word i{color:#fff;background:#43aa91;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.55rem;font-style:normal;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.stage-two-word.is-selected{background:linear-gradient(135deg,#dff9ee,#fafffc);border-color:#38a98f;box-shadow:0 4px 10px #2f9b8521}.stage-two-start:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.52}@media (width<=520px){.stage-two-select-panel{gap:8px}.stage-two-word-grid{gap:4px}.stage-two-word{border-radius:8px;min-height:40px;padding:4px 18px 4px 6px}.stage-two-word strong{font-size:clamp(.7rem,3.7vw,.91rem)}.stage-two-word small{font-size:clamp(.43rem,2.2vw,.55rem)}.stage-two-word i{width:13px;height:13px;font-size:.46rem;top:4px;right:4px}.stage-two-select-all{min-height:31px;padding:5px 8px;font-size:.52rem}}.stage-two-finish{color:#173e35;cursor:pointer;background:linear-gradient(135deg,#53c2a6,#afe28d);border:0;border-radius:11px;min-height:39px;padding:7px 14px;font-size:.67rem;font-weight:900}.stage-two-result{text-align:center;background:radial-gradient(circle at 87% 12%,#ffd48366,#0000 27%),linear-gradient(135deg,#fbfffd,#e8f8f1);border:1px solid #4197843d;border-radius:19px;justify-items:center;gap:10px;width:min(100%,400px);margin:auto;padding:24px 20px;display:grid;box-shadow:0 12px 28px #2c75631a}.stage-two-result>span{color:#2c8a77;letter-spacing:1px;font-size:.57rem;font-weight:900}.stage-two-result h2{color:#20594d;margin:0;font-size:2rem;line-height:1}.stage-two-result>p{color:#66857d;margin:0;font-size:.7rem;font-weight:800}.stage-two-history{color:#52776e;text-align:left;background:#ffffffa8;border-radius:12px;gap:5px;width:100%;padding:11px 12px;font-size:.67rem;display:grid}.stage-two-history b{color:#2d806f;letter-spacing:.5px;font-size:.6rem}.stage-two-result-actions{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.stage-two-result-actions .stage-two-restart{width:100%;min-height:39px}.stage-two-result-actions .stage-two-finish{width:100%;font-size:.62rem}@media (width<=520px){.stage-two-result{border-radius:16px;padding:20px 16px}.stage-two-result h2{font-size:1.8rem}.stage-two-result-actions .stage-two-finish{font-size:.57rem}}.stage-two-history .stage-two-fastest{color:#247d6b;border-top:1px solid #509b8a29;margin-top:3px;padding-top:7px;font-size:.64rem;font-weight:900;display:block}.dnt-pronunciation-inline{background:#1f483e0e;border:1px solid #509b8a2e;border-radius:12px;gap:7px;margin:12px 0 2px;padding:11px;display:grid}.dnt-pronunciation-inline .detail-label{margin:0}.dnt-pronunciation-content{background:#ffffff8c;border-radius:10px;align-content:center;place-items:center;gap:9px;min-height:132px;padding:10px;display:grid}.dnt-pronunciation-content img{object-fit:contain;border-radius:9px;max-width:100%;max-height:min(34dvh,220px);display:block}.dnt-pronunciation-kr{color:#267b6a;letter-spacing:.04em;margin:0;font-size:1rem;font-weight:900}.dnt-pronunciation-missing{color:#6f8c84;text-align:center;font-size:.67rem;font-weight:800}.dnt-pronunciation-content:not(.is-empty):has(img) .dnt-pronunciation-missing{display:none}@media (width<=520px){.dnt-pronunciation-inline{margin-top:9px;padding:9px}.dnt-pronunciation-content{min-height:112px;padding:8px}.dnt-pronunciation-content img{max-height:min(31dvh,185px)}}.detail-button.has-pronunciation{color:#ad5e21;background:linear-gradient(135deg,#fff4dc,#fffaf0);border-color:#cb7e3d6b;box-shadow:0 3px 8px #be6f261f}.detail-button.has-pronunciation:after{content:" ●";color:#d47a2f;font-size:.62em}.dnt-real-pronunciation-row{border-top-color:#c67c3938;margin-top:10px}.dnt-real-pronunciation-row b{color:#ad5e21}.dnt-real-pronunciation-row span{color:#8d4a1b;letter-spacing:.03em;font-size:.88rem;font-weight:900}.home-dashboard{background:radial-gradient(circle at 12% 5%,#78d6c23d,#0000 29%),radial-gradient(circle at 92% 87%,#ffd17e38,#0000 31%),linear-gradient(145deg,#eefaf6 0%,#f9fdfb 48%,#edf8f4 100%);min-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.dashboard-home-panel{flex-direction:column;width:min(100%,520px);min-height:100%;margin:0 auto;padding:18px 18px 20px;display:flex}.dashboard-topbar{border-bottom:1px solid #4a91802b;justify-content:space-between;align-items:center;min-height:28px;padding-bottom:14px;display:flex}.dashboard-brand{color:#2a7f70;letter-spacing:1.45px;font-size:.83rem;font-weight:900}.dashboard-topbar>span{color:#4c7e74;font-size:.58rem;font-weight:800}.dashboard-crumbs{justify-content:center;gap:12px;padding-top:15px;display:flex}.dashboard-crumbs button{color:#4c8176;cursor:pointer;background:0 0;border:0;padding:0;font-size:.59rem;font-weight:800}.dashboard-crumbs button:hover{color:#276}.dashboard-title-block{text-align:center;padding:clamp(66px,13vh,118px) 0 30px}.dashboard-title-block>span{color:#388574;letter-spacing:1.15px;font-size:.58rem;font-weight:900;display:block}.dashboard-title-block h1{color:#21493f;letter-spacing:-.075em;margin:13px 0 0;font-size:clamp(2.55rem,11vw,4.15rem);font-weight:900;line-height:.89}.dashboard-collection-list{gap:11px;display:grid}.dashboard-collection-card{color:#24413d;cursor:pointer;text-align:left;background:radial-gradient(circle at 95% 5%,#ffd58229,#0000 30%),linear-gradient(135deg,#f9fffcfa,#e6f7eff2);border:1px solid #599e8e40;border-radius:17px;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:89px;padding:12px 15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 10px 24px #28705f17}.dashboard-collection-card:hover{border-color:#2c917d99;transform:translateY(-2px);box-shadow:0 14px 30px #28705f26}.dashboard-collection-card.is-disabled{cursor:not-allowed;opacity:.56;background:linear-gradient(135deg,#f6f9f7,#edf3f0)}.dashboard-collection-icon{color:#3b9882;background:#ffffff7a;border:1px solid #3a897742;border-radius:14px;place-items:center;width:50px;height:50px;font-size:1.38rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff8c}.dashboard-collection-copy{gap:4px;min-width:0;display:grid}.dashboard-collection-copy strong{color:#24483f;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:900;overflow:hidden}.dashboard-collection-copy small{color:#69857f;text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;font-weight:650;line-height:1.34;overflow:hidden}.dashboard-collection-action{color:#31927b;text-align:right;font-size:1.15rem;font-weight:900}.dashboard-footer{color:#6e8d85;text-align:center;margin:auto 0 2px;padding-top:28px;font-size:.55rem;font-weight:700}@media (width<=520px){.home-dashboard{border:0;border-radius:0;min-height:100dvh}.dashboard-home-panel{padding:16px 8px 22px}.dashboard-topbar{padding-left:0;padding-right:0}.dashboard-title-block{padding-top:clamp(60px,12vh,92px);padding-bottom:30px}.dashboard-collection-card{border-radius:17px;min-height:89px}}.dashboard-aggregate-card{color:#24413d;cursor:pointer;text-align:left;background:linear-gradient(135deg,#e3f9f0ed,#f8fffcf5);border:1px dashed #368f7c7a;border-radius:17px;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:78px;margin-top:13px;padding:12px 15px;display:grid;box-shadow:0 8px 21px #28705f12}.dashboard-aggregate-card:hover{border-style:solid;border-color:#2c917db3}.dashboard-aggregate-icon{color:#2d9e84;font-size:1.58rem}.aggregate-setup-panel,.aggregate-practice-panel{gap:12px;max-width:610px;margin:0 auto;display:grid}.aggregate-intro{text-align:center;padding:8px 4px 0}.aggregate-intro h2{color:#24483f;margin:0;font-size:1.08rem}.aggregate-select-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:0 3px;display:grid}.aggregate-select-toolbar strong{color:#3a665d;font-size:.64rem}.aggregate-select-toolbar>span{color:#5b8278;white-space:nowrap;text-align:center;font-size:.6rem;font-weight:800}.aggregate-select-toolbar button{color:#27816e;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:.62rem;font-weight:900}.aggregate-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.aggregate-topic-card{color:#31574e;cursor:pointer;text-align:left;background:#fbfffd;border:1px solid #4c948333;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-width:0;min-height:38px;padding:7px 8px;display:grid}.aggregate-topic-card.is-selected{background:linear-gradient(135deg,#def8eb,#f9fffb);border-color:#43a88f}.aggregate-check{color:#fff;border:1px solid #4199855e;border-radius:5px;place-items:center;width:16px;height:16px;font-size:.59rem;font-weight:900;display:grid}.aggregate-topic-card.is-selected .aggregate-check{background:#48ad92;border-color:#48ad92}.aggregate-topic-card strong{color:#284d44;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:800;line-height:1.2;overflow:hidden}.aggregate-start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#54b99f,#8bd1a2);border:0;border-radius:14px;min-height:49px;font-size:.77rem;font-weight:900;box-shadow:0 10px 22px #30947c33}.aggregate-start-button:disabled{cursor:not-allowed;opacity:.48}.aggregate-practice-panel{padding-top:clamp(36px,11vh,78px)}.aggregate-practice-meta{color:#66857d;justify-content:space-between;font-size:.64rem;font-weight:800;display:flex}.aggregate-practice-meta strong{color:#277c69}.aggregate-prompt-card{text-align:center;background:radial-gradient(circle at 88% 8%,#7ed3b83d,#0000 32%),linear-gradient(145deg,#f8fffb,#e8f8f1);border:1px solid #4b97843d;border-radius:23px;place-content:center;gap:13px;min-height:245px;padding:25px;display:grid;box-shadow:0 16px 34px #2a705e17}.aggregate-prompt-card>span{color:#45917e;letter-spacing:1.2px;font-size:.61rem;font-weight:900}.aggregate-prompt-card>strong{color:#305b50;font-size:clamp(1.65rem,8vw,2.45rem);line-height:1.05}.aggregate-practice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.aggregate-practice-actions button{color:#337564;cursor:pointer;background:#fafffc;border:1px solid #3e93803d;border-radius:10px;min-height:39px;padding:5px;font-size:.61rem;font-weight:900}.aggregate-practice-actions button:first-child{background:#dff7eb}.aggregate-practice-actions button:disabled{cursor:default;opacity:.45}@media (width<=520px){.aggregate-setup-panel{gap:10px}.aggregate-topic-list{gap:6px}.aggregate-topic-card{min-height:36px;padding:6px 7px}.aggregate-practice-panel{padding-top:32px}.aggregate-prompt-card{min-height:230px}}.lessons-panel:has(.thuongdung-aggregate-entry){flex-direction:column;min-height:calc(100dvh - 116px);display:flex}.thuongdung-aggregate-entry{z-index:2;color:#254f45;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ebfbf4fa,#fafffcfa);border:1px solid #36917d4d;border-radius:11px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:6px 10px;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 18px #eff8f5f5,0 5px 12px #2c756314}.thuongdung-aggregate-entry:hover{border-color:#2c917db8}.thuongdung-aggregate-entry-icon{color:#2d9e84;background:#ffffffb8;border:1px solid #30917c42;border-radius:8px;place-items:center;width:26px;height:26px;font-size:.94rem;font-weight:900;display:grid}.thuongdung-aggregate-entry-copy{min-width:0}.thuongdung-aggregate-entry-copy strong{color:#285347;font-size:.7rem}.thuongdung-aggregate-entry-action{color:#2a917a;font-size:.88rem;font-weight:900}@media (width<=520px){.lessons-panel:has(.thuongdung-aggregate-entry){min-height:calc(100dvh - 102px)}.thuongdung-aggregate-entry{bottom:6px}}.lesson-copy{background:linear-gradient(#0000 0%,#fff0 55%,#fff3 68%,#fffffff0 100%);padding:8px 9px 2px}.lesson-copy span{color:#17251f;text-shadow:none}.lesson-copy em{color:#355248}.lesson-copy{background:linear-gradient(#0000 0%,#fff0 46%,#ffffff57 62%,#ffffffe0 82%,#fff 100%);padding:8px 9px 1px}.aggregate-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.aggregate-mode-picker button{color:#31574e;cursor:pointer;text-align:left;background:#fbfffd;border:1px solid #4c94833d;border-radius:13px;align-content:center;gap:5px;min-width:0;min-height:71px;padding:10px 11px;display:grid}.aggregate-mode-picker button.is-selected{background:linear-gradient(135deg,#def8eb,#f8fffb);border-color:#3ca78d;box-shadow:0 5px 12px #31977f1f}.aggregate-mode-picker strong{color:#245246;font-size:.7rem;font-weight:900;line-height:1.18}.aggregate-mode-picker small{color:#66867e;font-size:.54rem;font-weight:700;line-height:1.28}.aggregate-practice-meta{align-items:center}.aggregate-practice-meta strong{font-size:.6rem}.aggregate-practice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.aggregate-practice-actions .aggregate-forgot-button{color:#9a582d;background:#fffaf3;border-color:#ca7d5452}.aggregate-practice-actions .aggregate-forgot-button.is-marked{color:#8a421d;background:#fce7d8;border-color:#b9653e80}.aggregate-practice-actions .aggregate-restart-button{grid-column:1/-1}.aggregate-forgotten-list{background:linear-gradient(145deg,#fffdf8,#fff7ec);border:1px solid #c8875a42;border-radius:13px;gap:6px;padding:10px;display:grid}.aggregate-forgotten-list>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;padding:1px 2px 4px;display:flex}.aggregate-forgotten-list>div:first-child strong{color:#85502e;font-size:.67rem;font-weight:900}.aggregate-forgotten-list>div:first-child small{color:#9a765c;text-align:right;font-size:.52rem;font-weight:700}.aggregate-forgotten-item{background:#ffffffc2;border:1px solid #be855a2e;border-radius:9px;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:6px;min-height:34px;padding:5px 5px 5px 7px;display:grid}.aggregate-forgotten-item>span{color:#b37448;font-size:.57rem;font-weight:900}.aggregate-forgotten-item>strong,.aggregate-forgotten-item>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.aggregate-forgotten-item>strong{color:#4a4139;font-size:.65rem;font-weight:900}.aggregate-forgotten-item>small{color:#7e6c60;font-size:.57rem;font-weight:700}.aggregate-forgotten-item button{color:#a35a2c;cursor:pointer;background:#fff9f4;border:1px solid #b7714840;border-radius:7px;width:23px;height:23px;padding:0;font-size:.98rem;line-height:1}@media (width<=520px){.aggregate-mode-picker{gap:6px}.aggregate-mode-picker button{min-height:66px;padding:9px}.aggregate-mode-picker strong{font-size:.64rem}.aggregate-mode-picker small{font-size:.5rem}.aggregate-forgotten-item{grid-template-columns:18px minmax(0,1fr) minmax(0,.9fr) 23px;gap:4px}}.lesson-copy{justify-content:flex-start;align-items:flex-end;display:flex}.lesson-copy h2,.lesson-copy small{display:none}.lesson-copy span{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.62rem;font-weight:900;line-height:1.15;display:block;overflow:hidden}.lesson-copy em{font-style:normal;font-weight:800}.dashboard-collection-copy{gap:0}.dashboard-collection-action{color:#6b837c;text-align:right;min-width:34px;font-size:.58rem;font-weight:900}.dashboard-collection-card:not(.is-disabled) .dashboard-collection-action{color:#36a58e;min-width:22px;font-size:1.18rem}.dashboard-collection-copy{align-items:center;gap:7px;display:flex}.dashboard-collection-copy strong{flex:0 auto}.dashboard-collection-lock{color:#6b837c;background:#ffffff85;border:1px solid #607a723d;border-radius:7px;flex:none;padding:3px 6px;font-size:.52rem;font-style:normal;font-weight:900;line-height:1}.dashboard-collection-card.is-disabled{grid-template-columns:52px minmax(0,1fr)}.landscape-aggregate-entry{display:none}@media (orientation:landscape) and (height<=560px) and (width<=960px){html,body,#root{min-height:100dvh}.page-shell{min-height:100dvh;padding:0;display:block}.app-card{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:7px 10px}.app-header{grid-template-columns:34px minmax(0,1fr) auto 46px;gap:6px;min-height:35px;padding:0 0 5px}.back-button{border-radius:9px;width:34px;height:32px;font-size:.95rem}.heading-block .eyebrow,.heading-block .cheer-message{display:none}.heading-block h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;line-height:1.1;overflow:hidden}.home-button{border-radius:9px;flex-direction:row;grid-column:-1;gap:3px;min-width:46px;height:32px}.home-button span{display:none}.home-button small{letter-spacing:.32px;font-size:.42rem}.landscape-aggregate-entry{color:#277d6c;cursor:pointer;white-space:nowrap;background:#eaf9f2;border:1px solid #489a8747;border-radius:8px;min-height:30px;padding:4px 8px;font-size:.49rem;font-weight:900;display:block}.lessons-panel{padding-top:7px;min-height:0!important}.lessons-panel .section-title{display:none}.lesson-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.lesson-card{border-radius:10px;min-height:76px}.thuongdung-aggregate-entry{display:none}.app-card.learn-mode{padding-bottom:7px}.learn-mode .learn-panel{padding-top:6px}.learn-mode .stage-one-vertical{grid-template:"hero focus""hero vocab"minmax(0,1fr)"hero quick"/clamp(286px,43vw,356px) minmax(0,1fr);align-items:stretch;gap:5px 8px;height:calc(100dvh - 48px);padding:0;display:grid}.stage-one-vertical .stage-hero{aspect-ratio:16/9;border-radius:12px;grid-area:hero;align-self:start;width:100%;height:auto;min-height:0;padding:5px}.stage-one-vertical .word-asset-image{border-radius:8px}.word-focus-strip{border-radius:9px;grid-area:focus;gap:6px;min-height:39px;padding:4px 7px}.word-focus-strip strong{font-size:clamp(.78rem,2.25vw,.98rem)}.word-focus-strip span{font-size:clamp(.55rem,1.55vw,.67rem)}.word-focus-strip .detail-button{border-radius:6px;padding:3px 6px;font-size:.45rem}.stage-one-vertical .vocab-grid{grid-area:vocab;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:3px;min-height:0;overflow:hidden}.stage-one-vertical .vocab-item{border-radius:7px;height:100%;min-height:0;padding:2px 5px}.stage-one-vertical .vocab-item-text{gap:0}.stage-one-vertical .vocab-item-text strong{font-size:clamp(.62rem,1.7vw,.79rem);line-height:1.04}.stage-one-vertical .vocab-item-text small{font-size:clamp(.4rem,1.15vw,.5rem);line-height:1.04}.vocab-grid.is-selection-mode .practice-mark{width:13px;height:13px;font-size:.46rem;top:3px;right:3px}.stage-one-vertical>.quick-toolbar{border-radius:8px;grid-area:quick;min-height:33px;padding:3px 4px}.quick-inline-row{grid-template-columns:minmax(110px,1.6fr) repeat(4,minmax(0,.8fr))!important;gap:2px!important}.quick-inline-row>button{min-height:26px;border-radius:6px!important;padding:2px 3px!important;font-size:clamp(.36rem,1.05vw,.45rem)!important}.quick-practice-inline-row{grid-template-columns:minmax(33px,.55fr) minmax(45px,.72fr) minmax(100px,1.68fr) minmax(52px,.88fr);gap:3px}.quick-practice-inline-row>*,.quick-practice-inline-row .restart-quick-button,.quick-practice-inline-row .stop-quick-button{min-height:27px;font-size:.45rem}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:clamp(.51rem,1.45vw,.64rem)!important}.stage-two-panel{min-height:calc(100dvh - 48px)}}@media (width>=680px){.home-dashboard{width:min(100%,860px)}.dashboard-home-panel{width:min(100%,780px);padding-left:22px;padding-right:22px}.dashboard-title-block{padding-top:clamp(38px,8vh,78px);padding-bottom:24px}.dashboard-collection-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dashboard-collection-card{grid-template-columns:50px minmax(0,1fr) 20px;align-content:center;min-height:118px}.dashboard-collection-card.is-disabled{grid-template-columns:50px minmax(0,1fr)}}.home-button{min-width:58px;padding:0 6px}.home-button small{max-width:84px;line-height:1.05}@media (orientation:landscape) and (height<=560px) and (width<=960px){.home-dashboard{min-height:100dvh}.dashboard-home-panel{width:100%;min-height:100dvh;padding:8px 10px 9px}.dashboard-topbar{min-height:24px;padding-bottom:6px}.dashboard-crumbs{justify-content:flex-start;gap:10px;padding-top:6px}.dashboard-title-block{padding:8px 0}.dashboard-title-block h1{letter-spacing:-.055em;margin-top:5px;font-size:clamp(1.35rem,5.4vw,2.15rem);line-height:.9}.dashboard-collection-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-collection-card{border-radius:13px;grid-template-columns:40px minmax(0,1fr) 16px;gap:8px;min-height:78px;padding:8px 10px}.dashboard-collection-card.is-disabled{grid-template-columns:40px minmax(0,1fr)}.dashboard-collection-icon{border-radius:11px;width:38px;height:38px;font-size:1.06rem}.dashboard-collection-copy strong{font-size:.78rem}.dashboard-collection-lock{font-size:.62rem}.dashboard-footer{display:none}.app-header{grid-template-columns:34px minmax(0,1fr) auto minmax(78px,auto)}.home-button{min-width:78px;height:32px;padding:0 7px}.home-button small{white-space:normal;max-width:86px;font-size:.4rem;line-height:1.04}.landscape-aggregate-entry{min-height:30px;padding:4px 9px;font-size:.48rem}.learn-mode .stage-one-vertical{grid-template:"hero vocab""focus vocab""quick quick"minmax(0,1fr)/clamp(340px,49vw,430px) minmax(0,1fr);gap:5px 8px;height:calc(100dvh - 46px)}.stage-one-vertical .stage-hero{aspect-ratio:16/9;border-radius:12px;grid-area:hero;width:100%;padding:5px}.stage-one-vertical .word-focus-strip{grid-area:focus;align-self:stretch;min-height:47px}.stage-one-vertical .vocab-grid{grid-area:vocab;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;overflow:hidden}.stage-one-vertical>.quick-toolbar{grid-area:quick;align-self:end}.stage-two-panel{align-items:stretch;min-height:calc(100dvh - 46px);padding:5px 0 0}.stage-two-menu{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;width:100%;max-width:none}.stage-two-menu .stage-two-heading{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px;padding:0 2px;display:flex}.stage-two-menu .stage-two-heading h2{margin:0;font-size:.88rem}.stage-two-menu .stage-two-heading p{display:none}.stage-two-mode-card{border-radius:12px;min-height:86px;padding:10px 28px 10px 10px}.stage-two-mode-card b{font-size:.5rem}.stage-two-mode-card strong{font-size:.82rem}.stage-two-mode-card small{font-size:.5rem;line-height:1.22}.stage-two-mode-card i{font-size:1rem;right:10px}.stage-two-menu>.stage-two-back{grid-column:1/-1;justify-self:start;min-height:29px}.stage-two-select-panel{gap:5px;width:100%;max-width:none;height:100%}.stage-two-select-top{min-height:30px}.stage-two-select-panel .stage-two-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0;display:grid}.stage-two-select-panel .stage-two-heading h2{margin:0;font-size:.78rem}.stage-two-select-panel .stage-two-heading p{display:none}.stage-two-word-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.stage-two-word{border-radius:7px;min-height:42px;padding:4px 16px 4px 5px}.stage-two-word strong{font-size:clamp(.52rem,1.25vw,.66rem)}.stage-two-word small{font-size:clamp(.36rem,.95vw,.45rem)}.stage-two-start{border-radius:9px;min-height:31px;font-size:.55rem}.stage-two-activity{grid-template:"top top""prompt answers"minmax(0,1fr)"actions actions"/clamp(340px,49vw,430px) minmax(0,1fr);align-items:stretch;gap:6px 8px;width:100%;max-width:none;height:100%}.stage-two-activity-top{grid-area:top}.stage-two-prompt-card{aspect-ratio:16/9;border-radius:13px;grid-area:prompt;min-height:0;padding:6px}.stage-two-prompt-card.visual-prompt>img,.stage-two-vi-fallback{border-radius:9px;height:100%;min-height:0}.stage-two-prompt-card.audio-prompt{align-content:center;gap:8px}.stage-two-answer-grid{grid-area:answers;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:5px;min-height:0}.stage-two-answer{border-radius:8px;min-height:0;padding:5px;font-size:clamp(.55rem,1.35vw,.7rem)}.stage-two-speaking-actions{grid-area:actions;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:8px;padding:0}.stage-two-speaking-actions p{font-size:.55rem}.stage-two-next,.stage-two-finish{min-height:31px;padding:5px 12px;font-size:.55rem}.stage-two-result{gap:7px;width:min(100%,520px);padding:16px}}@media (width>=961px){.page-shell{padding:28px}.app-card{border-radius:28px;width:min(100%,1180px);min-height:min(900px,100dvh - 56px);padding:24px 26px}.app-card.home-dashboard{width:min(100%,1060px);padding:0}.dashboard-home-panel{width:min(100%,920px);min-height:min(780px,100dvh - 56px);padding:24px 30px 28px}.dashboard-topbar{min-height:34px;padding-bottom:16px}.dashboard-crumbs{justify-content:flex-start;padding-top:16px}.dashboard-title-block{padding:clamp(54px,9vh,84px) 0 32px}.dashboard-title-block h1{font-size:clamp(3.65rem,6.8vw,5.45rem)}.dashboard-collection-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-collection-card,.dashboard-collection-card.is-disabled{border-radius:20px;grid-template-columns:62px minmax(0,1fr) 24px;gap:15px;min-height:138px;padding:18px 19px}.dashboard-collection-card.is-disabled{grid-template-columns:62px minmax(0,1fr)}.dashboard-collection-icon{border-radius:17px;width:60px;height:60px;font-size:1.62rem}.dashboard-collection-copy{gap:6px}.dashboard-collection-copy strong{font-size:1.12rem}.dashboard-collection-lock{font-size:.72rem}.dashboard-footer{padding-top:34px}.app-header{grid-template-columns:44px minmax(0,1fr) auto auto;gap:14px;padding-bottom:18px}.back-button{width:44px;height:42px}.heading-block h1{font-size:1.42rem}.heading-block>p:last-child{font-size:.72rem}.landscape-aggregate-entry{min-height:38px;padding:7px 13px;font-size:.61rem}.home-button{flex-direction:row;gap:6px;min-width:110px;height:42px;padding:0 11px}.home-button small{letter-spacing:.38px;max-width:none;font-size:.55rem}.lessons-panel{padding-top:22px}.section-title{margin-bottom:14px}.section-title span,.section-title small{font-size:.67rem}.lesson-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.lesson-card{border-radius:15px;min-height:130px}.lesson-copy{padding:11px}.lesson-copy span{font-size:.72rem}.lessons-panel:has(.thuongdung-aggregate-entry){min-height:calc(100dvh - 132px)}.thuongdung-aggregate-entry{align-self:flex-end;max-width:310px;margin-top:18px}.learn-panel{padding-top:18px}.learn-mode .stage-one-vertical{grid-template:"hero focus""hero vocab"minmax(0,1fr)"hero quick"/minmax(430px,1.05fr) minmax(500px,1.18fr);align-items:stretch;gap:11px 16px;height:min(720px,100dvh - 142px)}.stage-one-vertical .stage-hero{aspect-ratio:16/9;border-radius:18px;grid-area:hero;align-self:start;width:100%;padding:8px}.stage-one-vertical .word-asset-image{object-fit:cover;border-radius:12px}.word-focus-strip{border-radius:14px;grid-area:focus;min-height:76px;padding:11px 14px}.word-focus-strip strong{font-size:clamp(1.34rem,2.15vw,1.74rem)}.word-focus-strip span{font-size:clamp(.82rem,1.22vw,.96rem)}.word-focus-strip .detail-button{padding:6px 10px;font-size:.6rem}.stage-one-vertical .vocab-grid{grid-area:vocab;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0;overflow:hidden}.stage-one-vertical .vocab-item{border-radius:10px;min-height:0;padding:5px 7px}.stage-one-vertical>.quick-toolbar{border-radius:12px;grid-area:quick;min-height:66px;padding:8px 9px 0}.quick-toolbar-top>span{font-size:.63rem}.quick-toolbar .quick-actions button{min-height:30px;font-size:.52rem}.stage-two-panel{min-height:min(720px,100dvh - 142px);padding-top:12px}.stage-two-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,920px);max-width:none}.stage-two-menu .stage-two-heading,.stage-two-menu>.stage-two-back{grid-column:1/-1}.stage-two-menu .stage-two-heading{padding:2px 4px 8px}.stage-two-menu .stage-two-heading h2{font-size:1.35rem}.stage-two-mode-card{border-radius:18px;min-height:166px;padding:20px 42px 20px 20px}.stage-two-mode-card strong{font-size:1.1rem}.stage-two-mode-card small{font-size:.68rem}.stage-two-select-panel{grid-template-rows:auto auto minmax(0,1fr) auto;gap:11px;width:min(100%,980px);max-width:none;height:min(720px,100dvh - 142px);display:grid}.stage-two-select-top{min-height:39px}.stage-two-select-panel .stage-two-heading{padding:2px 0}.stage-two-select-panel .stage-two-heading h2{font-size:1.18rem}.stage-two-word-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;min-height:0}.stage-two-word{border-radius:10px;min-height:0;padding:7px 20px 7px 8px}.stage-two-word strong{font-size:clamp(.66rem,1.1vw,.82rem)}.stage-two-word small{font-size:clamp(.46rem,.76vw,.56rem)}.stage-two-start{min-height:43px;font-size:.69rem}.stage-two-activity{grid-template:"top top""prompt answers"minmax(0,1fr)"actions actions"/minmax(420px,1.02fr) minmax(390px,.98fr);align-items:stretch;gap:12px 16px;width:min(100%,980px);max-width:none;height:min(720px,100dvh - 142px)}.stage-two-activity-top{grid-area:top}.stage-two-prompt-card{aspect-ratio:16/9;border-radius:18px;grid-area:prompt;min-height:0;padding:9px}.stage-two-prompt-card.visual-prompt>img,.stage-two-vi-fallback{border-radius:12px;height:100%;min-height:0}.stage-two-answer-grid{grid-area:answers;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:9px;min-height:0}.stage-two-answer{border-radius:12px;min-height:0;font-size:clamp(.73rem,1.12vw,.92rem)}.stage-two-speaking-actions{grid-area:actions;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:14px;padding:0}.stage-two-speaking-actions p{font-size:.7rem}.stage-two-next,.stage-two-finish{min-height:42px;padding:8px 16px;font-size:.68rem}.aggregate-setup-panel,.aggregate-practice-panel{max-width:800px}.aggregate-topic-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.aggregate-topic-card{min-height:44px;padding:8px 10px}.aggregate-topic-card strong{font-size:.72rem}.aggregate-prompt-card{min-height:310px}.lessons-panel:has(.thuongdung-aggregate-entry){height:calc(100dvh - 150px);min-height:calc(100dvh - 150px)}.thuongdung-aggregate-entry{align-self:flex-end;width:min(100%,310px);margin-top:auto;margin-bottom:0;position:sticky;bottom:0}.stage-one-vertical .vocab-item{padding:6px 9px}.stage-one-vertical .vocab-item-text strong{font-size:clamp(.9rem,1.32vw,1.08rem);line-height:1.1}.stage-one-vertical .vocab-item-text small{font-size:clamp(.6rem,.92vw,.72rem);line-height:1.12}.stage-one-vertical>.quick-toolbar{place-self:end center;width:min(100%,500px);padding:9px 10px 0}.quick-inline-row{justify-content:center;width:100%}.quick-inline-row>button{min-height:34px;font-size:.61rem!important}.stage-two-select-panel{grid-template-rows:auto auto minmax(0,1fr) auto}.stage-two-word-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:unset;align-content:stretch;gap:6px}.stage-two-word{border-radius:10px;height:auto;min-height:0;padding:6px 9px}.stage-two-word strong{font-size:clamp(.9rem,1.32vw,1.08rem);line-height:1.1}.stage-two-word small{font-size:clamp(.6rem,.92vw,.72rem);line-height:1.12}.stage-two-word i{top:5px;right:5px}}@media (width>=680px) and (width<=960px){.lessons-panel:has(.thuongdung-aggregate-entry){height:calc(100dvh - 132px);min-height:calc(100dvh - 132px)}.thuongdung-aggregate-entry{margin-top:auto;margin-bottom:0}.stage-one-vertical .vocab-item-text strong,.stage-two-word strong{font-size:.82rem}.stage-one-vertical .vocab-item-text small,.stage-two-word small{font-size:.56rem}.stage-one-vertical>.quick-toolbar{justify-self:center;width:min(100%,460px)}.stage-two-word-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=961px){.stage-one-vertical>.quick-toolbar{place-self:end center;width:min(100%,540px);min-height:66px;padding:8px}.stage-one-vertical>.quick-toolbar .quick-inline-row{justify-content:stretch;align-items:stretch;width:100%;grid-template-columns:minmax(150px,1.8fr) repeat(4,minmax(72px,1fr))!important;gap:5px!important;display:grid!important}.stage-one-vertical>.quick-toolbar .quick-inline-row>button{text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;min-height:38px;display:flex;overflow:hidden;margin:0!important;padding:5px 7px!important;font-size:.63rem!important}.stage-one-vertical.is-quick-practice .vocab-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:unset;align-content:stretch;gap:6px}.stage-one-vertical.is-quick-practice .vocab-item{border-radius:10px;height:auto;min-height:0;padding:6px 9px}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text{align-content:center;min-height:100%;display:grid}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{line-height:1.12;font-size:clamp(.6rem,.92vw,.72rem)!important}.stage-two-word-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:unset;gap:6px}.stage-two-word{border-radius:10px;height:auto;min-height:0;padding:6px 9px}.stage-two-word strong{font-size:clamp(.9rem,1.32vw,1.08rem);line-height:1.1}.stage-two-word small{font-size:clamp(.6rem,.92vw,.72rem);line-height:1.12}}@media (width>=680px) and (width<=960px){.stage-one-vertical>.quick-toolbar{width:min(100%,500px);padding:7px}.stage-one-vertical>.quick-toolbar .quick-inline-row{grid-template-columns:minmax(136px,1.8fr) repeat(4,minmax(62px,1fr))!important;gap:4px!important}.stage-one-vertical>.quick-toolbar .quick-inline-row>button{justify-content:center;align-items:center;min-height:35px;display:flex;padding:4px 5px!important;font-size:.57rem!important}.stage-one-vertical.is-quick-practice .vocab-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-rows:unset}.stage-one-vertical.is-quick-practice .vocab-item{height:auto;min-height:0;padding:5px 7px}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:.56rem!important}}@media (width>=961px){.stage-two-panel{align-items:start;min-height:min(720px,100dvh - 142px)}.stage-two-activity{grid-template:"top top""prompt answers"minmax(0,1fr)"actions actions"/minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:13px 16px;min-height:0;margin:0 auto;width:min(100%,980px)!important;max-width:none!important;height:min(720px,100dvh - 142px)!important;display:grid!important}.stage-two-activity-top{min-height:42px;grid-area:top!important}.stage-two-prompt-card{aspect-ratio:auto;border-radius:18px;width:100%;min-width:0;height:100%;padding:12px;grid-area:prompt!important;min-height:0!important}.stage-two-prompt-card.visual-prompt{aspect-ratio:16/9;align-self:start}.stage-two-prompt-card.visual-prompt>img,.stage-two-prompt-card .stage-two-vi-fallback{width:100%;height:100%;min-height:0!important}.stage-two-activity.krChoose .stage-two-answer-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:10px;min-width:0;height:100%;min-height:0;grid-area:answers!important;display:grid!important}.stage-two-activity.krChoose .stage-two-answer{border-radius:13px;min-height:0;padding:10px 12px;font-size:clamp(.92rem,1.25vw,1.1rem);line-height:1.18}.stage-two-activity.imageSpeak,.stage-two-activity.viSpeak{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top""prompt actions"}.stage-two-activity.imageSpeak .stage-two-speaking-actions,.stage-two-activity.viSpeak .stage-two-speaking-actions{background:#f8fffbb8;border:1px solid #479a882e;border-radius:18px;align-content:center;justify-items:center;gap:14px;min-width:0;height:100%;min-height:0;padding:22px;display:grid;grid-area:actions!important}.stage-two-speaking-actions p{text-align:center;font-size:.82rem}.stage-two-speaking-actions .record-main-button,.stage-two-speaking-actions .record-again-button,.stage-two-speaking-actions .stage-two-next,.stage-two-speaking-actions .stage-two-finish{min-width:190px;min-height:48px;padding:9px 16px;font-size:.78rem}.stage-two-speaking-actions audio{width:min(100%,310px);height:38px}.stage-two-activity .audio-prompt>span,.stage-two-vi-fallback small{font-size:.7rem}.stage-two-activity .audio-prompt>strong{font-size:clamp(1.3rem,2vw,1.7rem)}.stage-two-activity .stage-two-vi-fallback strong{font-size:clamp(1.7rem,2.8vw,2.35rem)}.stage-two-activity .stage-two-play{min-width:136px;min-height:42px;font-size:.75rem}.stage-two-select-panel{grid-template-rows:auto auto minmax(0,1fr) auto;gap:11px;min-height:0;width:min(100%,980px)!important;max-width:none!important;height:min(720px,100dvh - 142px)!important;display:grid!important}.stage-two-select-panel .stage-two-heading h2{font-size:1.3rem}.stage-two-select-panel .stage-two-heading p{font-size:.74rem}.stage-two-select-top{min-height:42px}.stage-two-select-all,.stage-two-select-panel .stage-two-back{min-height:38px;font-size:.65rem}.stage-two-word-grid{align-content:stretch;width:100%;min-width:0;min-height:0;grid-template-rows:repeat(7,minmax(0,1fr))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:unset!important;gap:6px!important;display:grid!important}.stage-two-word{border-radius:10px!important;height:auto!important;min-height:0!important;padding:6px 9px!important}.stage-two-word strong{line-height:1.1;font-size:clamp(.9rem,1.32vw,1.08rem)!important}.stage-two-word small{line-height:1.12;font-size:clamp(.6rem,.92vw,.72rem)!important}.stage-two-start{min-height:46px;font-size:.74rem}}@media (width>=680px) and (width<=960px){.stage-two-activity{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:10px 12px}.stage-two-activity.krChoose .stage-two-answer{font-size:.82rem}.stage-two-activity.imageSpeak .stage-two-speaking-actions,.stage-two-activity.viSpeak .stage-two-speaking-actions{padding:16px}.stage-two-word strong{font-size:.82rem!important}.stage-two-word small{font-size:.56rem!important}}@media (width>=961px){.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-weight:850;line-height:1.1;font-size:clamp(.9rem,1.32vw,1.08rem)!important}}@media (width>=680px) and (width<=960px){.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-weight:850;line-height:1.1;font-size:.82rem!important}}@media (orientation:landscape) and (height<=560px) and (width<=960px){:is(.app-card:has(.aggregate-setup-panel),.app-card:has(.aggregate-practice-panel)){grid-template-rows:38px minmax(0,1fr);gap:0;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}:is(.app-card:has(.aggregate-setup-panel) .app-header,.app-card:has(.aggregate-practice-panel) .app-header){min-height:0;margin:0}:is(.app-card:has(.aggregate-setup-panel) .heading-block h1,.app-card:has(.aggregate-practice-panel) .heading-block h1){font-size:.76rem}.aggregate-setup-panel{grid-template:"modes toolbar"50px"topics topics"minmax(0,1fr)"start start"36px/minmax(230px,.94fr) minmax(0,1.06fr);gap:6px 10px;width:min(100%,900px);max-width:none;height:100%;min-height:0;margin:0 auto;padding:1px 0 0;display:grid;overflow:hidden}.aggregate-intro{display:none}.aggregate-mode-picker{grid-area:modes;gap:6px;min-height:0}.aggregate-mode-picker button{text-align:center;border-radius:10px;min-height:50px;padding:6px 9px}.aggregate-mode-picker strong{font-size:clamp(.58rem,1.45vw,.7rem);line-height:1.08}.aggregate-mode-picker small{display:none}.aggregate-select-toolbar{background:#f9fffcb8;border:1px solid #4c948329;border-radius:10px;grid-area:toolbar;align-items:center;gap:5px;min-height:50px;padding:0 2px}.aggregate-select-toolbar strong{font-size:clamp(.54rem,1.25vw,.62rem)}.aggregate-select-toolbar>span{font-size:clamp(.5rem,1.16vw,.58rem)}.aggregate-select-toolbar button{font-size:clamp(.52rem,1.22vw,.61rem)}.aggregate-topic-list{grid-area:topics;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;min-height:0;overflow:hidden}.aggregate-topic-card{border-radius:8px;grid-template-columns:14px minmax(0,1fr);gap:4px;height:100%;min-height:0;padding:3px 5px}.aggregate-check{border-radius:4px;width:13px;height:13px;font-size:.48rem}.aggregate-topic-card strong{font-size:clamp(.51rem,1.18vw,.62rem);line-height:1.08}.aggregate-start-button{border-radius:10px;grid-area:start;min-height:36px;font-size:clamp(.59rem,1.35vw,.7rem);box-shadow:0 5px 12px #30947c29}.aggregate-practice-panel{grid-template-rows:21px minmax(0,1fr) auto auto;gap:6px;width:min(100%,760px);max-width:none;height:100%;min-height:0;margin:0 auto;padding:1px 0 0;display:grid;overflow:hidden}.aggregate-practice-meta{padding:0 2px;font-size:.56rem}.aggregate-practice-meta strong{font-size:.56rem}.aggregate-prompt-card{border-radius:15px;gap:7px;height:100%;min-height:0;padding:12px}.aggregate-prompt-card>span{letter-spacing:.9px;font-size:.53rem}.aggregate-prompt-card>strong{font-size:clamp(1.1rem,3.6vw,1.62rem)}.aggregate-practice-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.aggregate-practice-actions button,.aggregate-practice-actions .aggregate-restart-button{border-radius:8px;grid-column:auto;min-height:32px;padding:4px;font-size:clamp(.5rem,1.14vw,.59rem)}.aggregate-forgotten-list{border-radius:9px;gap:3px;max-height:64px;padding:5px 7px;overflow-y:auto}.aggregate-forgotten-list>div:first-child{padding-bottom:2px}.aggregate-forgotten-list>div:first-child strong{font-size:.55rem}.aggregate-forgotten-list>div:first-child small{font-size:.46rem}.aggregate-forgotten-item{min-height:19px}.aggregate-forgotten-item>span{font-size:.48rem}.aggregate-forgotten-item>strong{font-size:.55rem}.aggregate-forgotten-item>small{font-size:.49rem}.aggregate-forgotten-item button{width:19px;height:19px;font-size:.72rem}}@media (orientation:landscape) and (height<=560px) and (width>=720px) and (width<=960px){.aggregate-topic-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (orientation:landscape) and (height<=560px) and (width<=960px){.aggregate-topic-list{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:unset}.aggregate-practice-panel{grid-template:"meta meta meta"21px"prompt actions forgotten"minmax(0,1fr)/minmax(0,1.22fr) minmax(128px,.68fr) minmax(156px,.92fr);align-items:stretch;gap:6px 8px;width:min(100%,920px)}.aggregate-practice-meta{grid-area:meta;justify-content:space-between;align-items:center;display:flex}.aggregate-prompt-card{grid-area:prompt;height:100%;min-height:0;padding:12px 14px}.aggregate-practice-actions{grid-area:actions;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr;align-content:stretch;gap:7px;height:100%;min-height:0;display:grid}.aggregate-practice-actions button,.aggregate-practice-actions .aggregate-restart-button{grid-column:auto;height:100%;min-height:0;padding:7px 6px;font-size:clamp(.57rem,1.34vw,.7rem);line-height:1.14}.aggregate-forgotten-list{flex-direction:column;grid-area:forgotten;gap:4px;height:100%;min-height:0;max-height:none;padding:7px 8px;display:flex;overflow:hidden auto}.aggregate-forgotten-list>div:first-child{flex-direction:column;flex:none;gap:1px;display:flex}.aggregate-forgotten-list>div:first-child strong{font-size:clamp(.56rem,1.24vw,.66rem)}.aggregate-forgotten-list>div:first-child small{text-align:left;font-size:clamp(.49rem,1.06vw,.56rem)}.aggregate-forgotten-empty{color:#9a765c;text-align:center;margin:auto 0;font-size:clamp(.52rem,1.12vw,.6rem);font-weight:750;line-height:1.35}.aggregate-forgotten-item{flex:none;grid-template-columns:19px minmax(0,1fr) minmax(0,1fr) 20px;gap:4px;min-height:23px}.aggregate-forgotten-item>span{font-size:.52rem}.aggregate-forgotten-item>strong{font-size:clamp(.54rem,1.16vw,.62rem)}.aggregate-forgotten-item>small{font-size:clamp(.5rem,1.08vw,.58rem)}.stage-one-vertical.is-quick-practice .vocab-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:unset;align-content:stretch;gap:3px}.stage-one-vertical.is-quick-practice .vocab-item{border-radius:7px;height:100%;min-height:0;padding:2px 5px}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text{align-content:center;min-height:100%;display:grid}.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-weight:800;line-height:1.04;font-size:clamp(.62rem,1.7vw,.79rem)!important}}@media (orientation:landscape) and (height<=560px) and (width>=680px) and (width<=960px){.stage-one-vertical.is-quick-practice .vocab-item-text.quick-answer-text small{font-size:.82rem!important}}@media (orientation:landscape) and (height<=560px) and (width<=960px){.stage-two-select-panel{min-height:0;grid-template-rows:30px auto minmax(0,1fr) 34px!important;gap:5px!important;width:min(100%,760px)!important;height:calc(100dvh - 44px)!important}.stage-two-select-top{min-height:30px}.stage-two-select-panel .stage-two-heading{padding:0 2px 2px}.stage-two-select-panel .stage-two-heading>span{font-size:.59rem}.stage-two-select-panel .stage-two-heading h2{margin:2px 0;font-size:1.04rem}.stage-two-select-panel .stage-two-heading p{display:none}.stage-two-select-panel .stage-two-back,.stage-two-select-all{min-height:28px;padding:4px 8px;font-size:.57rem}.stage-two-word-grid{grid-template-rows:repeat(7,minmax(0,1fr))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:unset!important;gap:4px!important}.stage-two-word{border-radius:8px!important;height:100%!important;min-height:0!important;padding:3px 19px 3px 7px!important}.stage-two-word strong{font-weight:900;line-height:1.04;font-size:clamp(.88rem,2.15vw,1.08rem)!important}.stage-two-word small{font-weight:750;line-height:1.05;font-size:clamp(.61rem,1.42vw,.72rem)!important}.stage-two-word i{width:14px;height:14px;font-size:.48rem;top:4px;right:5px}.stage-two-start{min-height:34px;font-size:.63rem}.stage-two-activity.imageSpeak,.stage-two-activity.viSpeak{justify-items:center;grid-template:"top"29px"prompt"minmax(0,1fr)"actions"/minmax(0,1fr)!important;gap:7px!important;width:min(100%,620px)!important;height:calc(100dvh - 44px)!important;min-height:0!important;margin:0 auto!important;display:grid!important}.stage-two-activity.imageSpeak .stage-two-activity-top,.stage-two-activity.viSpeak .stage-two-activity-top{width:100%;min-height:29px;grid-area:top!important}.stage-two-activity.imageSpeak .stage-two-prompt-card,.stage-two-activity.viSpeak .stage-two-prompt-card{align-self:stretch;padding:8px 12px;aspect-ratio:auto!important;grid-area:prompt!important;width:min(100%,470px)!important;height:100%!important;min-height:0!important}.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt{align-self:center;max-height:100%;aspect-ratio:16/9!important;height:auto!important}.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt>img,.stage-two-activity.imageSpeak .stage-two-prompt-card .stage-two-vi-fallback{min-height:0!important}.stage-two-activity.viSpeak .stage-two-prompt-card.audio-prompt{align-content:center;justify-items:center;gap:9px}.stage-two-activity.viSpeak .audio-prompt>strong{font-size:1.15rem}.stage-two-activity.imageSpeak .stage-two-speaking-actions,.stage-two-activity.viSpeak .stage-two-speaking-actions{justify-content:center;align-items:center;gap:8px;width:100%;background:0 0!important;border:0!important;grid-area:actions!important;height:auto!important;min-height:36px!important;padding:0!important;display:flex!important}.stage-two-activity.imageSpeak .stage-two-speaking-actions p,.stage-two-activity.viSpeak .stage-two-speaking-actions p{display:none}.stage-two-activity.imageSpeak .stage-two-speaking-actions .stage-two-next,.stage-two-activity.viSpeak .stage-two-speaking-actions .stage-two-next,.stage-two-activity.imageSpeak .stage-two-speaking-actions .stage-two-finish,.stage-two-activity.viSpeak .stage-two-speaking-actions .stage-two-finish{min-width:158px;min-height:36px;padding:6px 16px;font-size:.67rem}.stage-two-word-grid{grid-template-rows:repeat(3,minmax(0,1fr))!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:unset!important}.stage-two-panel{height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.stage-two-select-panel{box-sizing:border-box;grid-template-rows:30px 34px minmax(0,1fr) 34px!important;width:min(100%,760px)!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;overflow:hidden!important}.stage-two-select-panel .stage-two-heading{align-content:center;min-height:0;display:grid;overflow:hidden}.stage-two-word-grid{min-height:0!important;overflow:hidden!important}.stage-two-activity.imageSpeak,.stage-two-activity.viSpeak{box-sizing:border-box;grid-template-rows:29px minmax(0,1fr) 36px!important;width:min(100%,620px)!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;overflow:hidden!important}.stage-two-activity.imageSpeak .stage-two-prompt-card,.stage-two-activity.viSpeak .stage-two-prompt-card{box-sizing:border-box;overflow:hidden;min-height:0!important;max-height:100%!important}.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt{aspect-ratio:16/9!important;place-self:center!important;width:auto!important;max-width:100%!important;height:min(230px,100dvh - 132px)!important;max-height:100%!important;padding:4px!important}.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt>img,.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt>.stage-two-vi-fallback{aspect-ratio:16/9;width:100%!important;height:100%!important;min-height:0!important}.stage-two-activity.imageSpeak .stage-two-prompt-card.visual-prompt>img{object-fit:contain}.stage-two-activity.viSpeak .stage-two-prompt-card.audio-prompt{place-self:center!important;width:min(100%,470px)!important;height:min(190px,100dvh - 168px)!important}.stage-two-activity.krChoose{box-sizing:border-box;align-items:stretch;grid-template:"top top"29px"prompt answers"minmax(0,1fr)/minmax(180px,.82fr) minmax(0,1.18fr)!important;gap:8px 10px!important;width:min(100%,760px)!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;display:grid!important;overflow:hidden!important}.stage-two-activity.krChoose .stage-two-activity-top{width:100%;min-height:29px;grid-area:top!important}.stage-two-activity.krChoose .stage-two-prompt-card.audio-prompt{border-radius:14px;align-content:center;justify-items:center;gap:10px;min-width:0;overflow:hidden;grid-area:prompt!important;width:100%!important;height:100%!important;min-height:0!important;padding:14px 12px!important}.stage-two-activity.krChoose .audio-prompt>span{text-align:center;font-size:.62rem!important}.stage-two-activity.krChoose .audio-prompt>strong{text-align:center;max-width:100%;line-height:1.18;font-size:clamp(.95rem,2.25vw,1.18rem)!important}.stage-two-activity.krChoose .stage-two-play{min-width:124px;min-height:44px;padding:8px 15px;font-size:.76rem}.stage-two-activity.krChoose .stage-two-answer-grid{align-content:stretch;width:100%;min-width:0;height:100%;min-height:0;grid-area:answers!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;display:grid!important}.stage-two-activity.krChoose .stage-two-answer{overflow-wrap:anywhere;border-radius:11px;min-width:0;height:100%;font-weight:900;line-height:1.14;min-height:0!important;padding:7px 10px!important;font-size:clamp(.92rem,2.3vw,1.12rem)!important}}@media (width<=520px) and (orientation:portrait){.home-button-return-label{text-align:center;gap:0;line-height:1.02;display:grid}.home-button-return-label span{white-space:nowrap;display:block}}@media (orientation:landscape) and (height<=560px) and (width<=960px){.home-button-return-label{white-space:nowrap;display:block}.home-button-return-label span{display:inline}.home-button-return-label span+span:before{content:" "}}@media (width<=520px) and (orientation:portrait){.home-button small.home-button-return-label{letter-spacing:.52px;font-size:.4rem;line-height:1.05}.home-button small.home-button-return-label span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}}.common-pronunciation-popup .common-pronunciation-content{justify-items:center;gap:12px;display:grid}.common-pronunciation-popup .common-pronunciation-kr{margin:0}.common-pronunciation-popup .common-pronunciation-image-scroll{background:0 0;border:0;width:100%;padding:0 2px 2px;overflow:auto hidden}.common-pronunciation-popup .common-pronunciation-image-track{justify-content:center;align-items:center;width:max-content;min-width:100%;display:flex}.common-pronunciation-popup .common-pronunciation-image-scroll img{object-fit:unset;background:0 0;border-radius:8px;flex:none;width:auto;max-width:none;height:36px;max-height:none;display:block}.common-pronunciation-popup .common-pronunciation-image-scroll.is-empty{display:none}@media (width<=520px){.common-pronunciation-popup .common-pronunciation-image-scroll img{height:34px}}.dashboard-topbar.dashboard-topbar-profile{min-height:48px;padding-bottom:14px}.dashboard-return-button{color:#2a7f70;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-width:0;padding:0;font-size:.62rem;font-weight:900}.dashboard-return-button:hover{color:#1c6658}.dashboard-student-meta{color:#4c7e74;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;font-size:.54rem;font-weight:800;display:flex}.dashboard-student-meta span+span:before{content:"·";color:#91afa7;margin-right:5px}.dashboard-student-meta .dashboard-student-name{text-overflow:ellipsis;color:#2c6f63;font-weight:900;overflow:hidden}@media (width<=520px){.dashboard-topbar.dashboard-topbar-profile{min-height:44px;padding-bottom:12px}.dashboard-return-button{font-size:.56rem}.dashboard-student-meta{gap:3px;max-width:54%;font-size:.47rem}.dashboard-student-meta span+span:before{margin-right:3px}}.topic-pages-panel{grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 118px);min-height:calc(100dvh - 118px);padding-top:14px;display:grid;overflow:hidden}.topic-pages-title{margin-bottom:9px}.topic-pages-scroller{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden auto}.topic-pages-scroller::-webkit-scrollbar{display:none}.topic-page{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:minmax(0,1fr) 46px;gap:11px;min-height:100%;padding:1px 0 4px;display:grid;position:relative}.topic-page-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;min-height:0;display:grid}.topic-page-card{border-radius:11px;grid-column:span 3;height:auto;min-height:0}.topic-page-card:nth-child(-n+3){grid-column:span 2}.topic-page-card .lesson-copy{padding:6px 7px 2px}.topic-page-card .lesson-copy span{font-size:.56rem}.topic-page-card>b{display:none}.topic-page-aggregate-entry{align-self:stretch;min-height:46px;margin:0;position:static;bottom:auto;box-shadow:0 5px 12px #2c756314}.topic-page-counter{color:#4c776c94;pointer-events:none;font-size:.5rem;font-weight:800;position:absolute;bottom:54px;right:3px}.app-card:has(.topic-pages-panel){min-height:100dvh}.app-card:has(.topic-pages-panel) .app-header{z-index:3;position:relative}@media (orientation:landscape),(width>=720px){.topic-pages-panel{height:calc(100dvh - 91px);min-height:calc(100dvh - 91px);padding-top:8px}.topic-pages-title{margin-bottom:6px}.topic-pages-scroller{scroll-snap-type:x mandatory;touch-action:pan-x;flex-direction:row;overflow:auto hidden}.topic-page{flex:0 0 100%;grid-template-rows:minmax(0,1fr) 40px;gap:7px;min-width:100%;padding:0}.topic-page-grid{gap:7px}.topic-page-card{border-radius:10px}.topic-page-card .lesson-copy{padding:5px 6px 2px}.topic-page-card .lesson-copy span{font-size:.52rem}.topic-page-aggregate-entry{border-radius:10px;min-height:40px;padding:5px 9px}.topic-page-counter{bottom:46px}}@media (width>=960px){.topic-pages-panel{max-width:900px;height:calc(100dvh - 126px);min-height:calc(100dvh - 126px);margin:0 auto}.topic-page{grid-template-rows:minmax(0,1fr) 46px;gap:12px}.topic-page-grid{gap:11px}.topic-page-card{border-radius:14px}.topic-page-card .lesson-copy{padding:8px 10px 3px}.topic-page-card .lesson-copy span{font-size:.67rem}.topic-page-aggregate-entry{justify-self:center;width:min(100%,340px);max-width:340px;min-height:46px}.topic-page-counter{font-size:.56rem;bottom:57px}}.topic-page-card:first-child,.topic-page-card:nth-child(2),.topic-page-card:nth-child(3){grid-column:span 2}.topic-page-card:nth-child(4){grid-column:span 4}.topic-page-card:nth-child(5),.topic-page-card:nth-child(6){grid-column:span 2}.topic-page-card:nth-child(7){grid-column:span 4}.topic-page-card:nth-child(8),.topic-page-card:nth-child(9){grid-column:span 3}@media (orientation:landscape),(width>=720px){.topic-page-card:first-child,.topic-page-card:nth-child(2),.topic-page-card:nth-child(3){grid-column:span 2}.topic-page-card:nth-child(4){grid-column:span 4}.topic-page-card:nth-child(5),.topic-page-card:nth-child(6){grid-column:span 2}.topic-page-card:nth-child(7){grid-column:span 4}.topic-page-card:nth-child(8),.topic-page-card:nth-child(9){grid-column:span 3}}.topic-page-grid{grid-template-columns:repeat(100,minmax(0,1fr));gap:7px 0}.topic-page-card{margin-inline:0}.topic-page-card:first-child{grid-area:1/1/auto/span 32}.topic-page-card:nth-child(2){grid-area:1/35/auto/span 32}.topic-page-card:nth-child(3){grid-area:1/69/auto/span 32}.topic-page-card:nth-child(8){grid-area:4/1/auto/span 49}.topic-page-card:nth-child(9){grid-area:4/52/auto/span 49}@media (orientation:landscape),(width>=720px){.topic-page-grid{gap:7px 0}}.topic-page-card:nth-child(6){grid-area:3/1/auto/span 36}.topic-page-card:nth-child(7){grid-area:3/39/auto/span 62}.topic-page-card:nth-child(4){grid-area:2/1/auto/span 59}.topic-page-card:nth-child(5){grid-area:2/62/auto/span 39}.topic-page-card,.topic-page-aggregate-entry{border-width:2px}@media (width<=900px) and (orientation:landscape){.topic-page-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.topic-page-card{border-radius:9px;min-height:0}.topic-page-aggregate-entry{border-radius:9px;min-height:36px}.topic-page-counter{bottom:42px}.topic-pages-panel{height:calc(100dvh - 86px);min-height:calc(100dvh - 86px)}.topic-pages-scroller{height:100%}.topic-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,9fr) minmax(56px,1fr);align-items:stretch;gap:8px;min-width:100%;height:100%;min-height:100%;padding:0}.topic-page-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;height:100%;min-height:0}.topic-page-card,.topic-page-card:first-child,.topic-page-card:nth-child(2),.topic-page-card:nth-child(3),.topic-page-card:nth-child(4),.topic-page-card:nth-child(5),.topic-page-card:nth-child(6),.topic-page-card:nth-child(7),.topic-page-card:nth-child(8),.topic-page-card:nth-child(9){grid-area:auto;margin-inline:0}.topic-page-card{border-radius:9px;height:100%;min-height:0}.topic-page-card .lesson-copy{padding:4px 5px 2px}.topic-page-card .lesson-copy span{font-size:.49rem;line-height:1.1}.topic-page-aggregate-entry{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:8px 4px;display:flex}.topic-page-aggregate-entry .thuongdung-aggregate-entry-copy{text-align:center;justify-content:center;align-items:center;min-width:0;display:flex}.topic-page-aggregate-entry .thuongdung-aggregate-entry-copy strong{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;font-size:.56rem;line-height:1.2}.topic-page-counter{bottom:4px;right:3px}.app-card:has(.topic-pages-panel){grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.topic-pages-panel{height:100%;min-height:0;padding-top:0;overflow:hidden}.topic-pages-scroller,.topic-page{height:100%;min-height:0}.topic-page{align-self:stretch}.topic-page-grid,.topic-page-aggregate-entry{align-self:stretch;height:100%;min-height:0}.topic-page{grid-template-columns:minmax(0,1fr) 40px;gap:6px}.topic-page-aggregate-entry{border-radius:9px;gap:4px;padding:6px 2px}.topic-page-aggregate-entry .thuongdung-aggregate-entry-icon,.topic-page-aggregate-entry .thuongdung-aggregate-entry-action{font-size:.72rem}.topic-page-aggregate-entry .thuongdung-aggregate-entry-copy strong{font-size:.5rem;line-height:1.12}.home-button{border-radius:8px;gap:0;width:34px;min-width:34px;height:28px;padding:1px 2px}.home-button span{font-size:.62rem;line-height:.78}.home-button small{letter-spacing:.18px;max-width:26px;font-size:.28rem;line-height:.96}.app-header{grid-template-columns:34px minmax(0,1fr) minmax(58px,auto);gap:6px}.home-button{border-radius:10px;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:1px;width:58px;min-width:58px;height:34px;padding:2px 4px}.home-button span{display:none}.home-button small{letter-spacing:.18px;text-align:center;white-space:normal;max-width:48px;font-size:.31rem;line-height:1.02;overflow:visible}.home-button-return-label{text-align:center;white-space:normal;gap:0;line-height:1.02;display:grid}.home-button-return-label span{white-space:nowrap;display:block}.home-button small.home-button-return-label{letter-spacing:.18px;font-size:.31rem;line-height:1.02}.home-button small.home-button-return-label span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.home-button small,.home-button small.home-button-return-label{font-size:.51rem;line-height:1.02}}@media (width<=700px) and (orientation:portrait){.topic-page-counter{display:none}}@media (width<=900px) and (orientation:landscape){.topic-pages-panel .topic-pages-title{align-items:center;min-height:18px;margin:0 1px 4px;display:flex}.topic-pages-panel .topic-pages-title span{display:none}.topic-pages-panel .topic-pages-title small{color:#78928c;margin-left:auto;font-size:.52rem;font-weight:800;line-height:1}}.topic-page-card .lesson-cover{object-fit:contain;object-position:center}.topic-page-card,.topic-page-card .lesson-card,.topic-page-card .lesson-cover{background:#fff}.topic-page-card .lesson-copy{background:0 0}.stage-one-vertical .word-asset-image.is-lesson-fallback-image,.stage-two-prompt-card.visual-prompt>img.is-lesson-fallback-image{aspect-ratio:1;object-fit:cover;object-position:center;background:#fff;place-self:center;width:auto;max-width:100%;height:100%}.stage-two-prompt-card.visual-prompt>img.is-lesson-fallback-image{min-height:0}:is(.stage-one-vertical .word-image-wrap:has(.is-lesson-fallback-image),.stage-two-prompt-card.visual-prompt:has(.is-lesson-fallback-image)){background:#fff}.stage-one-vertical .stage-hero .word-asset-image.is-lesson-fallback-image{aspect-ratio:1;object-fit:cover;object-position:center;min-width:0;min-height:0;width:100%!important;height:100%!important;transition:none!important;animation:none!important}.stage-two-prompt-card.visual-prompt>img.is-lesson-fallback-image{object-fit:cover;object-position:center;min-width:0;min-height:0;width:100%!important;height:100%!important;transition:none!important;animation:none!important}.stage-one-vertical .stage-hero.word-image-wrap:has(.is-lesson-shared-image){background:#fff}.stage-two-prompt-card.visual-prompt:has(.is-lesson-shared-image){background:#fff}.stage-one-vertical .stage-hero .word-asset-image.is-lesson-shared-image,.stage-two-prompt-card.visual-prompt>img.is-lesson-shared-image{aspect-ratio:1;object-fit:contain;object-position:center;background:#fff;place-self:center;min-width:0;max-width:100%;min-height:0;display:block;width:auto!important;height:100%!important;transition:none!important;animation:none!important}.stage-two-prompt-card.visual-prompt>img.is-lesson-shared-image{min-height:0}.stage-two-prompt-card.visual-prompt:has(.stage-two-vi-caption){flex-direction:column;justify-content:center;gap:9px;display:flex}.stage-two-prompt-card.visual-prompt:has(.stage-two-vi-caption)>img{flex:auto;width:100%;height:auto;min-height:0;max-height:168px}.stage-two-vi-caption{background:#ffffffe0;border-radius:11px;justify-items:center;gap:4px;width:100%;padding:8px 10px 10px;display:grid}.stage-two-vi-caption small{color:#348975;letter-spacing:1px;font-size:.57rem;font-weight:900}.stage-two-vi-caption strong{color:#214f45;font-size:clamp(1rem,5vw,1.38rem);line-height:1.18}@media (width<=700px){.app-card{padding-top:calc(13px + env(safe-area-inset-top));padding-left:calc(13px + env(safe-area-inset-left));padding-right:calc(13px + env(safe-area-inset-right))}}