.placement-page{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 8% 8%,rgba(255,214,90,.3),transparent 24%),radial-gradient(circle at 94% 18%,rgba(255,142,201,.24),transparent 25%),radial-gradient(circle at 22% 88%,rgba(99,221,180,.22),transparent 28%),linear-gradient(145deg,#eefaff,#faf4ff 48%,#fff9e9);padding:clamp(16px,2.5vw,30px)}.placement-page>*:not(.placement-ambient){position:relative;z-index:1}.placement-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.placement-ambient i{position:absolute;display:block;width:78px;height:78px;border:3px solid rgba(255,255,255,.7);border-radius:28% 72% 60% 40%;background:linear-gradient(135deg,#2394ff33,#8d68ff1f);filter:blur(.2px);animation:placement-drift 8s ease-in-out infinite alternate}.placement-ambient i:nth-child(1){top:4%;left:3%;transform:rotate(18deg)}.placement-ambient i:nth-child(2){top:34%;right:2%;width:46px;height:46px;background:#ffd65a3d;animation-delay:-2s}.placement-ambient i:nth-child(3){bottom:8%;left:6%;width:58px;height:58px;background:#63ddb433;animation-delay:-4s}.placement-ambient i:nth-child(4){top:58%;left:42%;width:32px;height:32px;background:#ff7d6e2e;animation-delay:-1s}.placement-ambient i:nth-child(5){bottom:4%;right:24%;width:92px;height:92px;background:#ff8ec921;animation-delay:-6s}.placement-page .placement-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:190px;padding:clamp(20px,3vw,34px);border:4px solid rgba(255,255,255,.82);border-radius:26px;background-image:radial-gradient(circle at 82% 18%,rgba(255,255,255,.42) 0 7%,transparent 7.5%),radial-gradient(circle at 72% 72%,rgba(255,214,90,.42) 0 12%,transparent 12.5%),linear-gradient(120deg,#6f56e8,#2394ff 48%,#41d7aa);box-shadow:0 16px #5148aa24,0 30px 55px #3a55ae3d}.placement-page .placement-hero:after{bottom:-58px;height:112px;opacity:.75;animation:placement-ribbon 8s linear infinite}.placement-hero h1{max-width:760px;font-size:clamp(2rem,4.2vw,4.2rem);line-height:.98;text-wrap:balance;text-shadow:0 4px 18px rgba(41,52,135,.26)}.placement-hero p:not(.eyebrow){margin:10px 0 0;color:#fffffff0;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:750}.placement-hero .eyebrow{color:#fff7c4;letter-spacing:.12em}.placement-hero>button{align-self:start;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.placement-hero>button:hover{background:#ffffff4d;transform:translateY(-2px)}.placement-hero-orbit{position:relative;display:grid;place-items:center;width:clamp(104px,12vw,150px);aspect-ratio:1;border:4px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff,#dff7ff 42%,#ffe7f5);box-shadow:0 14px #29348724,0 22px 34px #29348738;animation:placement-float 3.8s ease-in-out infinite}.placement-hero-orbit:before,.placement-hero-orbit:after{content:"";position:absolute;border-radius:50%;background:#ffd65a;box-shadow:0 0 0 5px #ffffff61}.placement-hero-orbit:before{width:17px;height:17px;top:5%;right:1%}.placement-hero-orbit:after{width:11px;height:11px;bottom:12%;left:-2%;background:#ff8ec9}.placement-hero-orbit b{font-size:clamp(3.2rem,7vw,5.4rem);line-height:1;filter:drop-shadow(0 8px 7px rgba(54,66,138,.16))}.placement-hero-orbit span{position:absolute;top:-12px;left:-18px;padding:7px 10px;border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#ff7d6e,#ff8ec9);color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.06em;transform:rotate(-9deg)}.placement-progress-card{grid-column:1 / -1;display:grid;gap:14px;padding:18px 20px 16px;border:3px solid rgba(255,255,255,.9);border-radius:24px;background:#ffffffd1;box-shadow:0 12px #4758aa14,0 22px 40px #3755a024;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.placement-progress-heading,.placement-progress-heading>div{display:flex;align-items:center;gap:10px}.placement-progress-heading{justify-content:space-between}.placement-progress-heading strong{color:#172033;font-size:1rem}.placement-progress-heading small{color:#5f6d7a;font-weight:850}.placement-quest-badge,.placement-progress-percent{border-radius:999px;font-weight:950}.placement-quest-badge{padding:7px 11px;background:linear-gradient(135deg,#fff0b8,#ffe5f5);color:#7a4d31;font-size:.78rem}.placement-progress-percent{min-width:58px;padding:8px 10px;background:linear-gradient(135deg,#6f56e8,#2394ff);color:#fff;text-align:center;box-shadow:0 6px #474a9a21}.placement-progress-track{overflow:hidden;height:14px;border:3px solid #fff;border-radius:999px;background:#29395c1a;box-shadow:inset 0 2px 5px #17203314}.placement-progress-track i{position:relative;display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#2394ff,#63ddb4,#ffd65a,#ff8ec9);transition:width .52s cubic-bezier(.2,.8,.2,1)}.placement-progress-track i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 48%,transparent 72%);animation:placement-shine 2.4s linear infinite}.placement-phase-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.placement-phase-list li{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border:2px solid transparent;border-radius:14px;background:#1720330b;color:#697587;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.placement-phase-list li>span{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf1f6;font-size:.95rem}.placement-phase-list small{overflow:hidden;font-size:.7rem;font-weight:900;line-height:1.05;text-overflow:ellipsis}.placement-phase-list li.is-current{border-color:#2394ff42;background:#fff;color:#172033;box-shadow:0 7px 16px #36509121;transform:translateY(-3px)}.placement-phase-list li.is-current>span{animation:placement-bob 1.7s ease-in-out infinite}.placement-phase-list li.is-done{background:#63ddb426;color:#246e59}.placement-phase-list li.mint>span{background:#d9fbef}.placement-phase-list li.blue>span{background:#dff3ff}.placement-phase-list li.sun>span{background:#fff1b8}.placement-phase-list li.coral>span{background:#ffe1dc}.placement-phase-list li.violet>span{background:#ebe5ff}.placement-phase-list li.berry>span{background:#ffe3f3}.placement-task-stage{min-width:0;animation:placement-card-in .46s cubic-bezier(.16,.84,.3,1) both}.placement-page .task-card{min-height:540px;border:4px solid rgba(255,255,255,.94);border-radius:26px;background:radial-gradient(circle at 92% 7%,rgba(255,214,90,.26),transparent 19%),radial-gradient(circle at 5% 94%,rgba(99,221,180,.2),transparent 22%),linear-gradient(160deg,#fffffffa,#f0f9fff0 55%,#fff6fceb);box-shadow:0 14px #3c569f1a,0 28px 48px #3650912e}.placement-page .task-card:before{top:14px;right:14px;bottom:14px;left:14px;border:2px dashed rgba(111,86,232,.22);border-radius:18px}.placement-page .task-card h2{color:#172033;text-wrap:balance}.placement-page .choice-card,.placement-page .listening-choice-option,.placement-page .picture-choice-card,.placement-page .arcade-choice{border:3px solid #fff;border-radius:20px;background:linear-gradient(145deg,#fff,#edf8ff);box-shadow:0 8px #3d579a17,0 14px 24px #3650911c;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.placement-page .choice-card:nth-child(4n+2),.placement-page .listening-choice-option:nth-child(4n+2),.placement-page .picture-choice-card:nth-child(4n+2){background:linear-gradient(145deg,#fff,#fff7d8)}.placement-page .choice-card:nth-child(4n+3),.placement-page .listening-choice-option:nth-child(4n+3),.placement-page .picture-choice-card:nth-child(4n+3){background:linear-gradient(145deg,#fff,#e8fff6)}.placement-page .choice-card:nth-child(4n),.placement-page .listening-choice-option:nth-child(4n),.placement-page .picture-choice-card:nth-child(4n){background:linear-gradient(145deg,#fff,#fff0f8)}.placement-page .choice-card:hover,.placement-page .listening-choice-option:hover,.placement-page .picture-choice-card:hover,.placement-page .arcade-choice:hover{border-color:#2394ff6b;box-shadow:0 11px #3d579a1a,0 18px 30px #36509126;transform:translateY(-4px) rotate(-.3deg)}.placement-page .placement-side-panel{overflow:hidden;border:4px solid rgba(255,255,255,.92);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(255,142,201,.24),transparent 34%),linear-gradient(160deg,#fffffff5,#eef8fff0);box-shadow:0 12px #4858a117,0 24px 42px #36509129}.placement-side-panel>strong{color:#5d47c8;font-size:1.45rem}.placement-side-panel .feedback-bubble{border:2px solid rgba(35,148,255,.14);border-radius:18px;background:#ffffffc2}.placement-calm-note{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;border:2px solid rgba(255,214,90,.42);border-radius:17px;background:linear-gradient(135deg,#fff9da,#fff2fa)}.placement-calm-note>span{font-size:1.4rem;animation:placement-bob 2.2s ease-in-out infinite}.placement-calm-note p{margin:0;font-size:.86rem}@keyframes placement-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes placement-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes placement-drift{0%{translate:0 0;rotate:0deg}to{translate:14px -18px;rotate:22deg}}@keyframes placement-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}@keyframes placement-shine{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes placement-ribbon{0%{background-position-x:0}to{background-position-x:240px}}@media(max-width:980px){.placement-page.lesson-layout{grid-template-columns:minmax(0,1fr)}.placement-page .placement-side-panel{position:static;grid-column:1}.placement-phase-list{overflow-x:auto;grid-template-columns:repeat(6,minmax(118px,1fr));padding:3px 2px 8px}}@media(max-width:700px){.placement-page{padding:12px;border-radius:20px}.placement-page .placement-hero{grid-template-columns:1fr auto;min-height:180px;padding:18px;border-radius:21px}.placement-hero>button{grid-column:1 / -1;justify-self:start}.placement-hero h1{font-size:clamp(1.8rem,8vw,2.65rem)}.placement-hero-orbit{width:82px}.placement-hero-orbit span{display:none}.placement-progress-heading>div{align-items:flex-start;flex-direction:column;gap:5px}.placement-progress-card{padding:15px;border-radius:20px}.placement-phase-list{grid-template-columns:repeat(6,76px)}.placement-phase-list li{justify-content:center;padding:7px}.placement-phase-list li small{display:none}.placement-page .task-card{min-height:500px;padding:18px;border-radius:21px}}@media(prefers-reduced-motion:reduce){.placement-ambient i,.placement-hero:after,.placement-hero-orbit,.placement-progress-track i:after,.placement-phase-list li.is-current>span,.placement-task-stage,.placement-calm-note>span{animation:none!important}.placement-progress-track i,.placement-page .choice-card,.placement-page .listening-choice-option,.placement-page .picture-choice-card,.placement-page .arcade-choice{transition:none!important}}.pv-page{max-width:1160px;color:var(--eq-ink)}.pv-topbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.pv-home-button,.pv-module-button,.pv-mode-badge{min-height:42px;border:3px solid rgba(255,255,255,.9);border-radius:999px;padding:8px 14px;background:#ffffffe6;box-shadow:0 7px #1d2e5b17;color:#215a83;font-weight:900}.pv-module-button{color:#634bb7}.pv-mode-badge{margin-left:auto;background:linear-gradient(135deg,#fff2bd,#fff);color:#77520d}.pv-hero{position:relative;min-height:280px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:28px;padding:38px 44px;border:4px solid rgba(255,255,255,.85);border-radius:8px;background:linear-gradient(120deg,#7558eb,#439df2 52%,#63ddb4);box-shadow:0 16px #4b49ab24,var(--eq-shadow);color:#fff}.pv-hero:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:3px dashed rgba(255,255,255,.42);border-radius:8px;pointer-events:none}.pv-hero>*{position:relative;z-index:1}.pv-hero .eyebrow,.pv-hero p{color:#fffffff0}.pv-hero h1{margin:8px 0 12px;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98;text-shadow:0 5px 0 rgba(23,32,51,.14)}.pv-hero p:last-child{max-width:690px;font-size:1.08rem;line-height:1.6}.pv-hero img{width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(31,45,100,.2))}.pv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.pv-stats article{padding:22px;border:4px solid #fff;border-radius:8px;background:#ffffffe6;box-shadow:var(--eq-pop-shadow)}.pv-stats article:nth-child(1){border-top:9px solid var(--eq-blue)}.pv-stats article:nth-child(2){border-top:9px solid var(--eq-coral)}.pv-stats article:nth-child(3){border-top:9px solid var(--eq-mint)}.pv-stats span,.pv-stats strong,.pv-stats small{display:block}.pv-stats strong{margin:5px 0;font-size:2.2rem}.pv-stats small,.pv-action-card em,.pv-soft-note{color:var(--muted)}.pv-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pv-action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;min-height:170px;padding:24px;border:4px solid #fff;border-radius:8px;background:#fffffff0;box-shadow:var(--eq-pop-shadow);text-align:left;transition:transform .16s ease}.pv-action-card.learn{background:linear-gradient(135deg,#edf7ff,#fff)}.pv-action-card.review{background:linear-gradient(135deg,#effff7,#fffbe8)}.pv-action-card:hover{transform:translateY(-3px)}.pv-action-card span:not(.pv-action-icon),.pv-action-card strong,.pv-action-card small,.pv-action-card em{display:block}.pv-action-card strong{margin:6px 0;font-size:1.45rem}.pv-action-card small{color:#664eb8;font-weight:900}.pv-action-card em{font-style:normal;line-height:1.45}.pv-action-card b{font-size:1.8rem}.pv-action-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,var(--eq-sun),#fff2b7);font-size:1.8rem}.pv-soft-note{margin:24px 0 0;text-align:center;font-weight:800}.pv-progress{margin:14px 0 20px}.pv-progress-copy{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:900}.pv-progress-track{height:14px;overflow:hidden;border:3px solid #fff;border-radius:999px;background:#ffffffb3;box-shadow:0 5px #1d2e5b12}.pv-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--eq-berry),var(--eq-blue),var(--eq-mint));transition:width .24s ease}.pv-question-card,.pv-empty-card{padding:26px;border:4px solid #fff;border-radius:8px;background:#fffffff0;box-shadow:var(--eq-pop-shadow)}.pv-image-frame{width:min(512px,100%);aspect-ratio:1;overflow:hidden;margin:0 auto;border:5px solid #fff;border-radius:8px;background:linear-gradient(135deg,#edf7ff,#fff8df);box-shadow:0 12px 32px #30478129}.pv-image-frame img{display:block;width:100%;height:100%;object-fit:cover}.pv-question-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:25px 0 16px}.pv-question-heading h1{margin:5px 0 0;font-size:clamp(1.55rem,4vw,2.25rem)}.pv-listen-button,.pv-word-audio{border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#e9e2ff,#eef8ff);box-shadow:0 7px #5045981a;color:#5842ad;font-weight:900}.pv-listen-button{flex:0 0 auto;padding:11px 16px}.pv-answer-grid{display:grid;gap:12px}.pv-answer-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;padding:5px;border:3px solid #dfe8f4;border-radius:8px;background:#fff;transition:border-color .15s ease,transform .15s ease}.pv-answer-row:hover{border-color:#8d75e8;transform:translateY(-1px)}.pv-answer-row.correct{border-color:#31b983;background:#eafff5}.pv-answer-row.wrong{border-color:#ef776a;background:#fff0ed;animation:pv-shake .28s ease}.pv-answer-button{min-height:52px;border:0;background:transparent;color:var(--eq-ink);text-align:left;padding:10px 14px;font-size:1.13rem;font-weight:900}.pv-word-audio{align-self:center;width:44px;height:44px;padding:0}.pv-feedback,.pv-audio-warning{margin:14px 0 0;padding:12px 15px;border-radius:8px;background:#f1f5fa;color:var(--muted);font-weight:900}.pv-feedback.correct{background:#e5fbf1;color:#147653}.pv-feedback.wrong{background:#fff0ed;color:#a33f36}.pv-audio-warning{background:#fff5d5;color:#765619}.pv-empty-card{max-width:680px;margin:9vh auto;text-align:center}.pv-empty-card h1{font-size:2.2rem}.pv-empty-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.pv-empty-star{color:var(--eq-sun);font-size:4.5rem;text-shadow:0 6px 0 rgba(169,101,19,.15)}.pv-button-row{display:flex;justify-content:center;gap:12px;margin-top:22px}.pv-button-row button{min-height:46px;padding:10px 18px;border-radius:999px}.pv-home-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:24px 0;padding:24px;border:4px solid #fff;border-left:12px solid var(--eq-berry);border-radius:8px;background:linear-gradient(120deg,#ede7fff7,#e7fafff0,#effff7f0);box-shadow:var(--eq-pop-shadow)}.pv-home-entry h2{margin:5px 0;font-size:1.7rem}.pv-home-entry p:last-child{margin:0;color:var(--muted);line-height:1.5}.pv-home-entry-art{display:grid;place-items:center;width:70px;height:70px;border:4px solid #fff;border-radius:8px;background:linear-gradient(135deg,var(--eq-berry),var(--eq-blue));box-shadow:0 8px #4a459724;color:#fff;font-size:1.2rem;font-weight:1000}@keyframes pv-shake{0%,to{transform:translate(0)}30%{transform:translate(-6px)}70%{transform:translate(6px)}}@media(max-width:850px){.pv-hero{grid-template-columns:1fr;padding:28px}.pv-hero img{display:none}.pv-stats{grid-template-columns:1fr 1fr}.pv-stats article:last-child{grid-column:1/-1}.pv-actions{grid-template-columns:1fr}.pv-home-entry{grid-template-columns:auto minmax(0,1fr)}.pv-home-entry button{grid-column:1/-1}}@media(max-width:600px){.pv-page{padding:18px 12px 40px}.pv-topbar{flex-wrap:wrap}.pv-mode-badge{margin-left:0}.pv-stats{grid-template-columns:1fr}.pv-stats article:last-child{grid-column:auto}.pv-question-card{padding:14px}.pv-question-heading{display:block}.pv-listen-button{margin-top:12px}.pv-home-entry{grid-template-columns:1fr}.pv-home-entry-art{display:none}.pv-button-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){.pv-answer-row,.pv-action-card,.pv-progress-track span{transition:none;animation:none}}.pv-home-page{position:relative;isolation:isolate;max-width:1240px;padding-bottom:48px}.pv-home-page:before{content:"";position:absolute;z-index:-2;top:-18px;right:-42px;bottom:0;left:-42px;border-radius:32px;background:linear-gradient(180deg,#dff6ff,#effcff 38%,#e7f8d4 68%,#d9f1b8);box-shadow:inset 0 0 0 4px #ffffffad}.pv-home-page:after{content:"";position:absolute;z-index:-1;left:-42px;right:-42px;bottom:0;height:42%;border-radius:0 0 32px 32px;background:linear-gradient(168deg,transparent 0 18%,rgba(103,190,81,.16) 18% 34%,transparent 34% 43%,rgba(77,164,72,.12) 43% 100%);pointer-events:none}.pv-home-page .pv-topbar{margin-bottom:14px}.pv-home-page .pv-home-button{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;min-height:52px;padding:8px 18px;border:3px solid #fff;border-radius:18px;background:#fff;box-shadow:0 7px #b9d7dc;color:#174c70;line-height:1.05;transition:transform .16s ease,box-shadow .16s ease}.pv-home-page .pv-home-button>span:first-child{grid-row:1/3;font-size:1.35rem}.pv-home-page .pv-home-button small{font-size:.72rem;color:#4c7892;text-align:left}.pv-home-page .pv-home-button:hover{transform:translateY(-2px);box-shadow:0 9px #b9d7dc}.pv-home-page .pv-home-button:active{transform:translateY(4px);box-shadow:0 3px #b9d7dc}.pv-home-page .pv-mode-badge{min-height:auto;padding:10px 18px;border:3px solid #fff;border-radius:16px;background:#fff4ba;box-shadow:0 6px #e4c46a;color:#78550c}.pv-home-page .pv-hero{min-height:355px;grid-template-columns:minmax(0,1.15fr) minmax(250px,.55fr);gap:14px;padding:42px 54px 34px;border:5px solid #fff;border-radius:34px;background:linear-gradient(180deg,#bceeff,#e7f9ff 64%,#c8eba4 65%,#a7d978);box-shadow:0 16px #48896d3d,0 24px 50px #3b698229;color:#172957}.pv-home-page .pv-hero:after{top:15px;right:15px;bottom:15px;left:15px;border:2px dashed rgba(255,255,255,.82);border-radius:24px}.pv-home-page .pv-hero:before{content:"";position:absolute;left:-4%;right:-4%;bottom:45px;height:55px;background:linear-gradient(175deg,transparent 0 22%,rgba(74,160,73,.22) 23% 58%,rgba(52,140,67,.18) 59%);pointer-events:none}.pv-hero-copy{max-width:680px}.pv-home-page .pv-hero .eyebrow{display:inline-block;margin:0;padding:7px 12px;border-radius:999px;background:#ffffffc7;color:#246a7e;font-size:.78rem;letter-spacing:.12em}.pv-home-page .pv-hero h1{margin:14px 0 12px;font-size:clamp(3rem,6vw,5.35rem);line-height:.88;letter-spacing:-.055em;color:#172957;text-shadow:0 5px 0 rgba(255,255,255,.82)}.pv-home-page .pv-hero h1 span{display:block;color:#f47a3d}.pv-home-page .pv-hero-copy>p:last-of-type{max-width:590px;margin:0;color:#365874;font-size:1.12rem;font-weight:750;line-height:1.52}.pv-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.pv-primary-cta,.pv-secondary-cta{min-height:62px;padding:10px 22px;border:3px solid #fff;border-radius:18px;font:inherit;font-size:1.02rem;font-weight:1000;box-shadow:0 8px #1f3a5c33;transition:transform .16s ease,box-shadow .16s ease}.pv-primary-cta{background:linear-gradient(180deg,#ff9c45,#f36e35);color:#fff}.pv-secondary-cta{background:#fff;color:#235e9d}.pv-primary-cta small,.pv-secondary-cta small{display:block;margin-top:2px;font-size:.7rem;opacity:.85}.pv-primary-cta:hover,.pv-secondary-cta:hover{transform:translateY(-2px);box-shadow:0 10px #1f3a5c33}.pv-primary-cta:active,.pv-secondary-cta:active{transform:translateY(5px);box-shadow:0 3px #1f3a5c33}.pv-hero-guide{position:relative;align-self:end;height:300px;display:flex;align-items:flex-end;justify-content:center}.pv-home-page .pv-hero-guide img{width:min(310px,100%);max-height:285px;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(28,82,70,.26))}.pv-speech-bubble{position:absolute;z-index:2;top:0;left:-12px;max-width:185px;padding:12px 15px;border:3px solid #fff;border-radius:20px 20px 5px;background:#fff8ce;box-shadow:0 6px #7392712e;color:#42642f;font-size:.82rem;font-weight:950;line-height:1.25;transform:rotate(-2deg)}.pv-progress-card{margin:24px 0;padding:22px 28px;border:4px solid #fff;border-radius:26px;background:#fffffff0;box-shadow:0 10px #4e7e7d29,0 18px 36px #3c5b7c1a}.pv-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pv-progress-heading span,.pv-progress-heading strong{display:block}.pv-progress-heading>div>span{color:#527085;font-size:.82rem;font-weight:900}.pv-progress-heading strong{margin-top:3px;color:#172957;font-size:1.35rem}.pv-total-pill{padding:9px 14px;border-radius:999px;background:#e5f5ff;color:#296b91;font-size:.82rem;font-weight:950}.pv-star-path{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:20px 10px 14px}.pv-star-path:before{content:"";position:absolute;top:50%;left:5%;right:5%;height:7px;border-radius:999px;background:#dce9e7;transform:translateY(-50%)}.pv-star-path span{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:auto;border:4px solid #fff;border-radius:50%;background:#e5eeed;box-shadow:0 5px #bdcecb;color:#738d8b;font-weight:1000}.pv-star-path span.is-earned{background:linear-gradient(180deg,#ffe573,#ffc542);box-shadow:0 5px #d79c2e;color:#744c05}.pv-home-progress-track{height:12px;overflow:hidden;border-radius:999px;background:#e4eeee}.pv-home-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8147,#ffc744,#67c775);transition:width .3s ease}.pv-home-page .pv-actions{gap:20px}.pv-home-page .pv-action-card{min-height:190px;padding:25px;border:4px solid #fff;border-radius:28px;box-shadow:0 11px #4067722e,0 18px 34px #3e5a741c}.pv-home-page .pv-action-card.learn{background:linear-gradient(135deg,#fff7cf,#fff 56%,#ebf9dc)}.pv-home-page .pv-action-card.review{background:linear-gradient(135deg,#dff4ff,#fff 56%,#eee7ff)}.pv-home-page .pv-action-card:hover{transform:translateY(-5px)}.pv-home-page .pv-action-card:active{transform:translateY(4px);box-shadow:0 5px #4067722e}.pv-card-picture{display:grid;place-items:center;width:112px;height:112px;overflow:hidden;border:5px solid #fff;border-radius:24px;background:#f6fbff;box-shadow:0 7px #41607326;transform:rotate(-2deg)}.pv-action-card.review .pv-card-picture{transform:rotate(2deg)}.pv-card-picture img{width:100%;height:100%;object-fit:cover}.pv-home-page .pv-action-card small{color:#e06c31;font-size:.76rem;letter-spacing:.03em}.pv-home-page .pv-action-card.review small{color:#5c55bd}.pv-home-page .pv-action-card strong{margin:8px 0;font-size:clamp(1.35rem,2.3vw,1.85rem);color:#172957}.pv-home-page .pv-action-card em{color:#536c7f;font-weight:700}.pv-home-page .pv-action-card b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f47c3c;color:#fff;box-shadow:0 5px #c95625}.pv-home-page .pv-action-card.review b{background:#4d78d2;box-shadow:0 5px #3457a1}.pv-home-page .pv-soft-note{color:#476a62}.pv-home-page button:focus-visible{outline:5px solid rgba(45,109,203,.35);outline-offset:4px}@media(max-width:900px){.pv-home-page .pv-hero{grid-template-columns:minmax(0,1fr) 220px;padding:34px}.pv-hero-guide{height:265px}.pv-speech-bubble{display:none}.pv-card-picture{width:90px;height:90px}}@media(max-width:720px){.pv-home-page:before{top:-10px;right:-8px;bottom:0;left:-8px}.pv-home-page .pv-hero{grid-template-columns:1fr;padding:30px 24px}.pv-home-page .pv-hero-guide{display:none}.pv-hero-actions{flex-direction:column}.pv-primary-cta,.pv-secondary-cta{width:100%}.pv-progress-heading{align-items:flex-start;flex-direction:column}.pv-star-path{gap:7px;margin-inline:0}.pv-star-path span{width:39px;height:39px}.pv-home-page .pv-actions{grid-template-columns:1fr}.pv-home-page .pv-action-card{grid-template-columns:82px minmax(0,1fr) auto;min-height:160px}.pv-card-picture{width:76px;height:76px}}@media(max-width:480px){.pv-home-page .pv-topbar{justify-content:space-between}.pv-home-page .pv-mode-badge{margin-left:0}.pv-home-page .pv-hero h1{font-size:2.8rem}.pv-home-page .pv-action-card{grid-template-columns:68px minmax(0,1fr);padding:18px}.pv-card-picture{width:62px;height:62px}.pv-home-page .pv-action-card b{display:none}.pv-progress-card{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.pv-home-page button,.pv-home-progress-track span{transition:none}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f4;color:#1d2524;--ink: #1d2524;--muted: #60706d;--line: #d9e1dd;--paper: #f5f7f4;--panel: #ffffff;--panel-strong: #eef6f2;--green: #2d7d5f;--green-dark: #145c46;--blue: #286f9f;--amber: #a96513;--red: #ad3f34;--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(45,125,95,.08),transparent 240px),var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:16px}.brand-block{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.brand-block>span{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius);background:var(--green-dark);color:#fff;font-weight:900}.brand-block strong,.brand-block small{display:block}.brand-block small,.sidebar-card span,.eyebrow,.level-tile small,.level-tile em,.task-meta,.stat-strip,.review-row span{color:var(--muted)}.sidebar nav{display:grid;gap:6px}.sidebar nav button{text-align:left;border:1px solid transparent;background:transparent;border-radius:var(--radius);padding:10px 12px;color:var(--ink)}.sidebar nav button strong,.sidebar nav button span{display:block}.sidebar nav button span{color:var(--muted);font-size:12px}.sidebar nav button.active,.sidebar nav button:hover{background:var(--panel-strong);border-color:var(--line)}.sidebar-card,.profile-card,.task-card,.feedback-panel,.table-card,.dashboard-grid article,.mission-grid button,.level-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 30px #1729230f}.sidebar-card{margin-top:auto;padding:14px}.sidebar-card strong,.sidebar-card span,.sidebar-card p{display:block;margin:0 0 4px}.legacy-link{color:var(--green-dark);text-decoration:none;font-weight:800;font-size:13px}.page{padding:28px;max-width:1180px;width:100%}.center-page{display:grid;place-items:center;padding:28px}.profile-card{width:min(720px,100%);padding:32px}.profile-card h1,.page-header h1,.lesson-header h1,.task-prompt h2{margin:0;letter-spacing:0}.profile-card p,.page-header p,.lesson-header p,.task-prompt p,.feedback-panel p,.dashboard-grid p,.table-card p{color:var(--muted);line-height:1.55}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.profile-grid button,.mission-grid button,.level-tile{text-align:left;padding:18px;border-color:var(--line);transition:.15s ease}.profile-grid button:hover,.mission-grid button:hover,.level-tile:hover{transform:translateY(-1px);border-color:var(--green)}.profile-grid strong,.profile-grid span,.mission-grid strong,.mission-grid span,.level-tile span,.level-tile strong,.level-tile small,.level-tile em{display:block}.text-button{border:0;background:transparent;color:var(--green-dark);font-weight:800;padding:0}.page-header,.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.stat-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stat-strip span,.status-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.status-pill.ok{color:var(--green-dark);background:#e8f6ef}.status-pill.bad{color:var(--red);background:#fff0ed}.map-grid,.dashboard-grid,.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.level-tile{min-height:150px}.level-tile span{color:var(--green-dark);font-weight:900;margin-bottom:14px}.level-tile strong{font-size:20px;margin-bottom:4px}.level-tile em{margin-top:12px;font-size:12px;font-style:normal}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.lesson-header{grid-column:1 / -1}.lesson-header button,.lesson-header span,.button-row button,.primary-action,.blank-panel button,.write-panel button,.oral-panel button,.boss-panel button,.match-panel button,.page-header button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:10px 14px;font-weight:900;color:var(--ink)}.primary-action,.blank-panel button,.write-panel button,.oral-panel button:first-child,.boss-panel button{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.task-card{padding:22px;min-height:560px}.teaching-player{display:grid;gap:14px}.teaching-stage{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background-position:center;background-size:cover;box-shadow:0 12px 30px #17292314}.teaching-video-frame{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#111c1a;box-shadow:0 12px 30px #17292314}.teaching-rendered-video{display:block;width:100%;aspect-ratio:16 / 9;max-height:min(72vh,720px);background:#111c1a;object-fit:contain}.teaching-copy{position:absolute;z-index:2;top:24px;left:24px;width:min(430px,50%);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}.teaching-copy .eyebrow{color:#ffffffd1}.teaching-copy h2{margin:0 0 8px;font-size:34px;line-height:1.08;letter-spacing:0}.teaching-copy p{margin:0 0 18px;color:#ffffffdb;font-weight:800}.teaching-copy strong{display:inline-flex;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#1d25248a;padding:8px 12px}.teaching-poster{position:absolute;z-index:1;top:24px;right:24px;width:min(420px,44%);aspect-ratio:16 / 9;object-fit:cover;border:2px solid rgba(255,255,255,.76);border-radius:var(--radius);box-shadow:0 18px 40px #0b191f42}.teaching-teacher{position:absolute;z-index:2;right:8%;bottom:-4px;max-width:26%;max-height:58%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}.teaching-controls{display:grid;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px;box-shadow:0 12px 30px #1729230f}.teaching-now{display:grid;gap:8px}.teaching-now span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.teaching-now strong{font-size:20px}.teaching-now audio{width:100%}.teaching-scene-list{display:grid;grid-template-columns:repeat(7,minmax(38px,1fr));gap:8px}.teaching-scene-list button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);color:var(--ink);font-weight:900}.teaching-scene-list button.active{border-color:var(--green-dark);background:var(--green-dark);color:#fff}.teaching-actions{justify-content:flex-end}.teaching-side-panel{display:grid;gap:12px}.teaching-side-panel ol{display:grid;gap:10px;margin:0;padding-left:20px}.teaching-side-panel li strong,.teaching-side-panel li span{display:block}.teaching-side-panel li strong{color:var(--ink)}.teaching-side-panel li span{color:var(--muted);line-height:1.45}.task-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:20px}.task-prompt{margin-bottom:18px}.voice-chip,.audio-cue-button{display:inline-flex;max-width:100%;border-radius:999px;padding:7px 10px;background:#e7f1f8;color:var(--blue);font-size:13px;font-weight:900;margin-bottom:12px}.audio-cue-button{align-items:center;gap:8px;border:0;text-align:left}.audio-cue-button span{border-radius:999px;background:#286f9f1f;padding:3px 7px}.audio-cue-button strong{overflow-wrap:anywhere}.audio-cue-button.is-speaking{background:#d8edf7}.visual-asset{width:56px;height:56px;display:grid;place-items:center;justify-self:center;flex:0 0 auto;overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:999px;color:#fff;box-shadow:inset 0 -12px 24px #00000024;transform-box:fill-box;transform-origin:center}.visual-asset.compact{width:44px;height:44px}.visual-asset img,img.visual-asset{object-fit:cover}.visual-asset.procedural-svg{border-radius:22px;background:transparent;box-shadow:0 12px 24px #14202a24,inset 0 -12px 24px #0000001a}.visual-asset.procedural-svg.compact{border-radius:16px}.visual-asset .asset-glow{animation:asset-glow 3.6s ease-in-out infinite;transform-origin:center}.visual-asset .asset-glint{animation:asset-glint 4.2s ease-in-out infinite;transform-origin:center}.visual-asset .asset-orbit{animation:asset-orbit 4.6s ease-in-out infinite;transform-origin:center}.visual-asset .asset-soft-motion{animation:asset-soft-motion 3.8s ease-in-out infinite;transform-origin:center}.visual-asset text{fill:#12202bdb;font-size:13px;font-weight:900;letter-spacing:0;paint-order:stroke;stroke:#ffffffc7;stroke-width:4px}.visual-asset.compact text{font-size:15px}@keyframes asset-glow{0%,to{opacity:.72}50%{opacity:.98}}@keyframes asset-glint{0%,to{opacity:.24;transform:translateY(0)}45%{opacity:.62;transform:translateY(4px)}}@keyframes asset-orbit{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(4deg)}}@keyframes asset-soft-motion{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.swatch-blue{background:linear-gradient(135deg,#286f9f,#7cc3df)}.swatch-green{background:linear-gradient(135deg,#2d7d5f,#96c66f)}.swatch-amber{background:linear-gradient(135deg,#a96513,#e8bd58)}.swatch-violet{background:linear-gradient(135deg,#6e5aa8,#b99ce2)}.swatch-red{background:linear-gradient(135deg,#ad3f34,#dc8174)}@media(prefers-reduced-motion:reduce){.visual-asset .asset-glow,.visual-asset .asset-glint,.visual-asset .asset-orbit,.visual-asset .asset-soft-motion{animation:none}}.reading-pane{border-left:4px solid var(--green);background:#f0f6f2;padding:14px;margin-bottom:18px;border-radius:0 var(--radius) var(--radius) 0}.reading-pane p{margin:0 0 8px;font-weight:800}.reading-pane span{display:block;color:var(--muted);font-weight:500}.tile-bank,.builder-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile-bank button,.placed-tile{min-height:70px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);font-weight:900}.tile-builder,.blank-panel,.write-panel,.oral-panel,.boss-panel,.match-panel{display:grid;gap:14px}.builder-slots{min-height:88px;border:1px dashed var(--line);border-radius:var(--radius);padding:10px;background:#fafcfb}.blank-panel select,.write-panel input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:#fff}.match-panel div,.review-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.support-toggle{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--green-dark);font-weight:900;padding:7px 10px;margin-top:10px}.game-frame{display:grid;gap:16px;border-radius:var(--radius);background:linear-gradient(180deg,#ffffffeb,#ffffffb8),var(--panel-strong);padding:18px}.game-frame-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-weight:900}.game-frame-header small{color:var(--muted);font-size:12px;font-weight:900}.tone-blue{background:linear-gradient(180deg,#e7f1f8e6,#ffffffc2),#e7f1f8}.tone-green{background:linear-gradient(180deg,#e8f6eff2,#ffffffc2),#e8f6ef}.tone-amber{background:linear-gradient(180deg,#fff3d8f0,#ffffffc2),#fff3d8}.tone-red{background:linear-gradient(180deg,#ffeae6f0,#ffffffc7),#ffeae6}.tone-violet{background:linear-gradient(180deg,#eeeafcf2,#ffffffc2),#eeeafc}.choice-arcade,.builder-track,.blank-mission,.write-mission,.oral-check,.boss-challenge{display:grid;gap:16px}.street-stage{min-height:96px;display:grid;grid-template-columns:minmax(80px,1fr) 48px minmax(80px,1fr) 48px minmax(80px,1fr);align-items:center;padding:14px;border-radius:var(--radius);background:linear-gradient(180deg,#dff1fb 0,#dff1fb 42%,#cdd8d3 42%,#cdd8d3 52%,#687976 52%,#687976)}.street-sign{min-height:44px;display:grid;place-items:center;border:2px solid #1f4f6e;border-radius:6px;background:#fff8da;color:#1f4f6e;font-weight:900}.street-line{height:4px;background:#fff8da;border-radius:999px}.arcade-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.arcade-choice{min-height:118px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:12px;text-align:center;transition:.15s ease}.arcade-choice:hover,.arcade-choice.is-selected,.match-card:hover,.match-card.is-held,.word-bank button:hover,.word-bank button.is-selected{border-color:var(--blue);transform:translateY(-1px)}.arcade-choice strong,.match-card strong,.copy-source,.blank-sentence{overflow-wrap:anywhere}.arcade-choice small{color:var(--muted);font-weight:700}.arcade-choice img.visual-asset{width:clamp(96px,18vw,132px);height:clamp(96px,18vw,132px);border-radius:var(--radius);object-fit:contain;background:#fff;padding:6px}.listening-choice-panel{--listening-bg: none;position:relative;overflow:hidden;display:grid;gap:18px;padding:clamp(18px,3vw,28px);border:1px solid rgba(47,67,84,.16);border-radius:var(--radius);background-image:linear-gradient(110deg,#ffffffe0,#ffffffa3),var(--listening-bg);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff70}.listening-practice-toolbar,.listening-choice-grid{position:relative;z-index:1}.listening-practice-toolbar{display:flex;align-items:center;justify-content:center}.listening-practice-toolbar .audio-cue-button{box-shadow:0 12px 26px #195b8429}.listening-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.listening-choice-option{position:relative;min-height:172px;display:grid;place-items:center;border:1px solid rgba(47,67,84,.18);border-radius:var(--radius);background:#ffffffdb;color:var(--ink);padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.listening-choice-option:hover,.listening-choice-option.is-selected{border-color:var(--blue);box-shadow:0 10px 24px #195b8424;transform:translateY(-1px)}.listening-choice-option.is-selected{outline:3px solid rgba(40,128,185,.2)}.listening-choice-index{position:absolute;top:10px;left:10px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:900}.listening-choice-image{width:min(128px,100%);aspect-ratio:1;object-fit:contain;border-radius:var(--radius)}.listening-choice-option .visual-asset,.arcade-choice .visual-asset,.picture-choice-card .visual-asset{width:clamp(112px,16vw,168px);height:clamp(112px,16vw,168px);max-width:76%;max-height:76%;border-radius:8px;object-fit:contain}.listening-choice-option img.visual-asset,.arcade-choice img.visual-asset,.picture-choice-card img.visual-asset{padding:6px;background:#fff}.listening-choice-text{display:grid;gap:6px;justify-items:center;text-align:center}.listening-choice-text strong{color:var(--ink);font-size:20px;line-height:1.15;overflow-wrap:anywhere}.listening-choice-text small{color:var(--muted);font-size:14px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.listening-choice-placeholder{width:min(128px,100%);max-width:128px;aspect-ratio:1;border-radius:var(--radius);color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}.picture-check-panel{--picture-check-bg: none;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);grid-template-areas:"copy stage" "actions stage";gap:clamp(14px,2.2vw,24px);min-height:clamp(460px,60vw,620px);padding:clamp(16px,3vw,30px);border:1px solid rgba(23,49,72,.2);border-radius:var(--radius);background-image:linear-gradient(120deg,#ffffffeb,#f0fbffa8 44%,#fff9df9e),var(--picture-check-bg);background-size:140% 140%,cover;background-position:0% 50%,center;box-shadow:inset 0 0 0 1px #ffffff8a,0 18px 42px #16395429;animation:picture-check-sheen 12s ease-in-out infinite alternate}.picture-check-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 4%,rgba(255,255,255,.4) 18%,transparent 32%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 86px);background-size:220% 100%,100% 100%;mix-blend-mode:screen;opacity:.52;pointer-events:none;animation:picture-check-scan 7s ease-in-out infinite}.picture-check-copy,.picture-check-stage,.picture-check-actions{position:relative;z-index:1}.picture-check-copy{grid-area:copy;align-self:start;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:clamp(14px,2vw,20px);border:1px solid rgba(25,91,132,.18);border-radius:var(--radius);background:#ffffffd1;box-shadow:0 14px 28px #1c4d6a24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.picture-check-copy .audio-cue-button{min-width:0;width:58px;height:58px;padding:0;border-color:#195b843d;box-shadow:0 10px 24px #195b8429}.picture-check-copy .audio-cue-button strong{display:none}.picture-check-kicker{display:block;margin-bottom:5px;color:#1b6e6f;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.picture-check-copy h2{margin:0;color:#172c35;font-size:30px;line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.picture-check-copy p{grid-column:1 / -1;margin:0;color:#486064;font-weight:800;line-height:1.45}.picture-check-support{grid-column:1 / -1;justify-self:start;border:1px solid rgba(25,91,132,.2);border-radius:var(--radius);background:#fff;color:#0d5b5f;padding:9px 13px;font-weight:900;box-shadow:0 8px 18px #134e5d1a}.picture-check-stage{grid-area:stage;align-self:stretch;display:grid;place-items:center;min-height:340px;padding:clamp(14px,2vw,24px)}.picture-check-stage:before{content:"";position:absolute;left:7%;right:7%;bottom:12%;height:34%;border-radius:var(--radius);background:linear-gradient(180deg,#ffffff29,#195b8429);transform:perspective(360px) rotateX(66deg);filter:blur(1px)}.picture-check-art{position:relative;width:min(100%,410px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:var(--radius);background:#ffffff9e;box-shadow:0 26px 48px #1a3b5538,inset 0 0 0 1px #ffffff6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:picture-check-float 4.8s ease-in-out infinite}.picture-check-art img,.picture-check-art .visual-asset{width:min(86%,340px);height:min(86%,340px);object-fit:contain;border-radius:var(--radius);filter:drop-shadow(0 16px 20px rgba(20,49,72,.18))}.picture-check-art img.is-loading{opacity:0}.picture-check-art img.is-ready{opacity:1;transition:opacity .16s ease}.picture-check-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;border-radius:inherit;background:#ffffff7a}.picture-check-loader span{width:54px;height:54px;border:6px solid rgba(37,99,235,.16);border-top-color:#2563eb;border-radius:999px;background:#ffffff8a;box-shadow:0 12px 26px #1a3b552e;animation:picture-check-loader-spin .82s linear infinite}.picture-check-actions{grid-area:actions;align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picture-check-option{position:relative;min-height:112px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:12px;border:2px solid transparent;border-radius:var(--radius);background:#ffffffe0;color:#172c35;padding:16px;text-align:left;box-shadow:0 14px 26px #17314821;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.picture-check-option span{grid-row:1 / 3;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius);color:#fff;font-size:22px;font-weight:900;box-shadow:inset 0 -8px 12px #00000024}.picture-check-option strong,.picture-check-option small{min-width:0;overflow-wrap:anywhere}.picture-check-option strong{font-size:24px;line-height:1.08}.picture-check-option small{margin-top:5px;color:#486064;font-size:14px;font-weight:900}.picture-check-option.is-true{border-color:#217e5f38}.picture-check-option.is-true span{background:linear-gradient(180deg,#34b782,#176e58)}.picture-check-option.is-false{border-color:#be534c3d}.picture-check-option.is-false span{background:linear-gradient(180deg,#ff8b72,#b64048)}.picture-check-option:hover,.picture-check-option:focus-visible,.picture-check-option.is-selected{transform:translateY(-2px);box-shadow:0 18px 34px #1731482e}.picture-check-option.is-selected{border-color:#174e77;background:#fff8d9;animation:picture-check-button-glow .7s ease-out}@keyframes picture-check-sheen{0%{background-position:0% 50%,center}to{background-position:100% 50%,center}}@keyframes picture-check-scan{0%,20%{background-position:-160% 0,0 0}65%,to{background-position:160% 0,0 0}}@keyframes picture-check-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes picture-check-button-glow{0%{box-shadow:0 0 #174e7700}45%{box-shadow:0 0 0 8px #174e7724,0 18px 34px #1731482e}to{box-shadow:0 18px 34px #1731482e}}@keyframes picture-check-loader-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.picture-check-panel{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "actions";min-height:auto}.picture-check-copy{grid-template-columns:auto minmax(0,1fr)}.picture-check-stage{min-height:280px}.picture-check-copy h2{font-size:24px}.picture-check-option strong{font-size:21px}.picture-check-actions{grid-template-columns:1fr}}.match-memory{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:12px;align-items:stretch}.match-column{display:grid;gap:10px}.match-card{min-height:86px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px;text-align:left;transition:.15s ease}.match-card span,.speech-card span,.boss-challenge span,.write-mission label span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.match-card.is-matched{border-color:#6e5aa8;background:#f5f1ff}.match-card.picture-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"asset label" "asset word";align-items:center;column-gap:12px}.match-card.picture-card span{grid-area:label}.match-card.picture-card .visual-asset{grid-area:asset;width:72px;height:72px;border-radius:10px;object-fit:cover}.match-card.picture-card strong{grid-area:word}.match-card.word-card strong{font-size:1.12rem}.match-rail{display:grid;align-content:center;justify-items:center;gap:8px}.match-rail span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#6e5aa8;color:#fff;font-size:12px;font-weight:900}.game-submit{width:100%}.listen-match{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.lm-column{display:grid;gap:10px;align-content:start}.lm-card{position:relative;min-height:56px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px 14px 12px 30px;font-weight:800;text-align:center;transition:.15s ease}.lm-card:hover,.lm-card.is-held{border-color:#6e5aa8}.lm-card.is-linked{border-color:#6e5aa8;background:#f5f1ff}.lm-badge{position:absolute;top:6px;left:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#6e5aa8;color:#fff;font-size:12px;font-weight:900}.oral-heard{color:var(--muted);font-style:italic}.oral-feedback{font-weight:800}.oral-feedback.is-good{color:#2d7d5f}.oral-feedback.is-retry{color:#ad3f34}.lm-card-figure{display:grid;justify-items:center;gap:6px}.lm-card .visual-asset{width:64px;height:64px}.lm-card-text{overflow-wrap:anywhere}.pron-score{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.pron-stars{font-size:26px;letter-spacing:4px;text-align:center;color:var(--line)}.pron-stars .is-on{color:var(--amber)}.pron-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.pron-metrics div{display:grid;gap:2px;justify-items:center;padding:8px 4px;border-radius:6px;background:var(--panel)}.pron-metrics dt{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.pron-metrics dd{margin:0;font-size:18px;font-weight:900;color:var(--ink)}.pron-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}.pron-words span{padding:4px 8px;border-radius:999px;font-weight:800;background:#eef6f2}.pron-words .is-good{background:#e2f5dd;color:#1b4d3c}.pron-words .is-ok{background:#fff0c7;color:#61380d}.pron-words .is-weak{background:#ffe1dc;color:#6b241f}.builder-slots{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));align-items:center}.slot-placeholder{grid-column:1 / -1;display:block;color:var(--muted);font-weight:900;text-align:center}.placed-tile small{display:block;color:var(--muted);font-size:11px}.blank-sentence,.copy-source,.speech-card,.boss-challenge>div,.empty-game-state{border:1px solid var(--line);border-radius:var(--radius);background:#fffc;padding:16px}.copy-source-panel{display:grid;gap:10px}.copy-source-panel .support-toggle{justify-self:start;margin-top:0}.copy-source.is-hidden{border-style:dashed;background:#f2f5f3;color:var(--muted);font-weight:900}.word-bank{display:flex;flex-wrap:wrap;gap:10px}.word-bank button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);padding:10px 14px;font-weight:900;transition:.15s ease}.write-mission input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px}.oral-actions,.boss-challenge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oral-actions button,.boss-challenge button,.empty-game-state button{min-height:52px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font-weight:900}.oral-actions button:first-child,.boss-challenge button{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.empty-game-state{display:grid;gap:12px}.feedback-panel{padding:18px;align-self:start;position:sticky;top:24px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.table-card{padding:18px}.review-row{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(90px,1fr))}.dashboard-grid article,.mission-grid button{padding:18px}.dashboard-grid span{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.dashboard-grid strong{display:block;margin-top:10px;font-size:24px}.skin-StreetSigns{border-top:5px solid var(--blue)}.skin-WhackAWord{border-top:5px solid #527f2d}.skin-MemoryFlip{border-top:5px solid #6e5aa8}.skin-FishingHook{border-top:5px solid #16838e}.skin-FruitSliceChoice{border-top:5px solid var(--amber)}.skin-RunnerDash{border-top:5px solid #6e5aa8}.skin-BossRush{border-top:5px solid var(--red)}.whack-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-radius:var(--radius);background:linear-gradient(180deg,#e9f5d9 0,#e9f5d9 62%,#86a362 62%,#86a362);padding:18px}.whack-target{min-height:112px;display:grid;align-content:end;justify-items:center;gap:8px;border:0;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 88%,rgba(70,57,43,.38) 0 26%,transparent 27%),transparent;color:var(--ink);animation:target-pop 2.1s ease-in-out infinite}.whack-target.is-down{opacity:.42;transform:translateY(18px);animation-play-state:paused}.whack-target.is-up{opacity:1}.whack-target .visual-asset{border-color:#527f2d}.whack-target strong{min-width:86px;border:1px solid rgba(53,93,24,.24);border-radius:999px;background:#ffffffdb;padding:7px 10px;overflow-wrap:anywhere}.whack-target.is-selected .visual-asset,.whack-target:active .visual-asset{transform:scale(.92)}@keyframes target-pop{0%,to{transform:translateY(8px)}45%,75%{transform:translateY(-3px)}}.fishing-pond{position:relative;min-height:310px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#dff4ff 0,#dff4ff 23%,#77c7dc 23%,#77c7dc)}.hook-line{position:absolute;top:0;left:50%;width:2px;background:#1d252457;transition:height 90ms linear}.hook-line:after{content:"";position:absolute;left:-10px;bottom:-12px;width:20px;height:20px;border:3px solid rgba(29,37,36,.5);border-top:0;border-left:0;border-radius:0 0 12px}.fish-choice{position:absolute;left:8%;min-width:120px;max-width:min(220px,70%);display:inline-flex;align-items:center;gap:8px;border:1px solid #16838e;border-radius:999px;background:#fff;color:var(--ink);padding:8px 12px;font-weight:900;animation:fish-swim linear infinite alternate}.fish-choice>span[aria-hidden]{width:22px;height:14px;border-radius:999px 999px 999px 4px;background:#16838e}.fish-choice .visual-asset{width:34px;height:34px}.fish-choice strong{overflow-wrap:anywhere}.fish-choice.is-selected,.fish-choice:hover{border-color:var(--green-dark);box-shadow:0 10px 20px #145c4629}@keyframes fish-swim{0%{transform:translate(0)}to{transform:translate(min(58vw,620px))}}.runner-lanes{position:relative;display:grid;gap:10px;border-radius:var(--radius);background:repeating-linear-gradient(180deg,#6e5aa814 0,#6e5aa814 44px,#6e5aa82e 44px,#6e5aa82e 46px),#f6f3ff;padding:14px}.runner-marker{position:absolute;left:14px;top:24px;z-index:2;width:22px;height:22px;border-radius:999px;background:var(--green-dark);box-shadow:0 0 0 4px #145c461f;transition:transform .18s ease}.runner-gate{position:relative;min-height:64px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #d5ccef;border-radius:var(--radius);background:#ffffffe6;color:var(--ink);text-align:left;font-weight:900}.runner-gate .visual-asset{width:34px;height:34px;justify-self:center}.runner-gate:hover,.runner-gate.is-selected{border-color:#6e5aa8;transform:translate(3px)}.runner-gate strong{overflow-wrap:anywhere}.fruit-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fruit-choice{min-height:112px;display:grid;align-content:center;justify-items:center;gap:8px;border:1px solid rgba(169,101,19,.24);border-radius:var(--radius);background:#fff7e6;color:var(--ink);padding:12px;font-weight:900;transform:rotate(-1deg)}.fruit-choice:nth-child(2n){transform:rotate(1deg)}.fruit-choice span{font-weight:900}.fruit-choice strong{overflow-wrap:anywhere}.fruit-choice:hover,.fruit-choice.is-selected{border-color:var(--amber);transform:rotate(0) translateY(-2px)}.fruit-0 span{background:#d9573b}.fruit-1 span{background:#d89d1d}.fruit-2 span{background:#5c9f51}.fruit-3 span{background:#286f9f}.fishing-builder .builder-slots{background:linear-gradient(180deg,#ffffffe0,#e7f7fad6),#e7f7fa}.fish-tile-bank{position:relative;min-height:180px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#dff4ff 0,#dff4ff 20%,#80d2e5 20%,#80d2e5)}.fish-tile-bank button{position:relative;display:inline-flex;align-items:center;gap:8px;margin:12px;border:1px solid #16838e;border-radius:999px;background:#fff;color:var(--ink);padding:10px 14px;font-weight:900;animation:fish-tile-bob 2.2s ease-in-out infinite}.fish-tile-bank button>span[aria-hidden]{width:20px;height:14px;display:inline-block;border-radius:999px 999px 999px 3px;background:#16838e}.fish-tile-bank button .visual-asset{width:32px;height:32px}.svg-lab-page{max-width:1320px}.svg-lab-header{align-items:center}.svg-lab-controls{display:grid;gap:12px;margin-bottom:18px}.segmented-control,.filter-row{display:flex;flex-wrap:wrap;gap:8px}.segmented-control button,.filter-row button,.lab-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:9px 12px;font-weight:900}.segmented-control button{min-width:142px;text-align:left}.segmented-control strong,.segmented-control span{display:block}.segmented-control span{color:var(--muted);font-size:12px}.segmented-control button.active,.filter-row button.active{border-color:var(--green);background:#e8f6ef;color:var(--green-dark)}.lab-toggle{display:inline-flex;align-items:center;gap:8px}.svg-lab-stage{position:relative;min-height:390px;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:20px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:28px;background:linear-gradient(135deg,#ffffffe6,#ffffffa3),#edf6f5}.svg-lab-stage:before,.svg-lab-stage:after{content:"";position:absolute;inset:auto 0 0;height:88px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.42) 0 34px,transparent 34px 68px),#1d252414;pointer-events:none}.svg-lab-stage:after{inset:0 0 auto;height:74px;background:#ffffff4d}.stage-street{background:linear-gradient(180deg,#d8f2fbeb 0,#d8f2fbeb 45%,#d8e3dccc 45%,#d8e3dccc),#dfeee9}.stage-classroom{background:linear-gradient(180deg,#e2f5ddf2 0,#e2f5ddf2 46%,#fff6dad1 46%,#fff6dad1),#eef6f2}.stage-market{background:linear-gradient(180deg,#fff0c7f2 0,#fff0c7f2 48%,#ffffffc2 48%,#ffffffc2),#fff8e7}.stage-phonics{background:linear-gradient(180deg,#efe7fff5,#d8f2fbd6),#f6f3ff}.stage-boss{background:linear-gradient(180deg,#ffe1dcf5,#fff0c7d1),#fff0ed}.stage-copy,.stage-assets,.stage-action-row{position:relative;z-index:1}.stage-copy{align-self:center}.stage-copy h2{max-width:420px;margin:0;font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:0}.stage-copy p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:18px;line-height:1.45}.stage-assets{min-height:250px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px}.stage-asset{display:grid;place-items:center;min-height:150px}.stage-asset .visual-asset{width:118px;height:118px;border-radius:30px}.stage-asset-0,.stage-asset-2{transform:translateY(-18px)}.stage-asset-1,.stage-asset-3{transform:translateY(20px)}.stage-action-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:end}.stage-action-row button,.svg-game-samples button{min-height:64px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(29,37,36,.12);border-radius:var(--radius);background:#ffffffe6;color:var(--ink);padding:10px 12px;font-weight:900;text-align:left;box-shadow:0 10px 22px #17292314;transition:.16s ease}.stage-action-row button:hover,.svg-game-samples button:hover{transform:translateY(-2px);border-color:var(--green)}.svg-lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.svg-resource-card{min-height:132px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px;box-shadow:0 12px 30px #1729230d}.svg-resource-card>.visual-asset:not(.compact){width:66px;height:66px;border-radius:20px}.svg-resource-card span,.svg-game-samples span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.svg-resource-card strong,.svg-game-samples strong{display:block;margin:3px 0;overflow-wrap:anywhere}.svg-resource-card p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.svg-game-samples{display:grid;grid-template-columns:1.2fr 1.1fr .9fr;gap:14px}.svg-game-samples article{min-height:162px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px;box-shadow:0 12px 30px #1729230d}.street-sample,.runner-sample{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(130px,1fr) minmax(130px,1fr);align-items:center;gap:10px}.runner-sample{grid-template-columns:minmax(140px,.8fr) minmax(180px,1.2fr)}.reward-sample{display:flex;align-items:center;gap:14px}.reward-sample>div{margin-right:auto}.reward-sample .visual-asset{width:76px;height:76px}.premium-lab-page{max-width:1360px}.premium-lab-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);margin-bottom:18px;padding:24px;background:radial-gradient(circle at 16% 12%,rgba(117,228,255,.34),transparent 24%),radial-gradient(circle at 92% 18%,rgba(255,213,79,.26),transparent 22%),linear-gradient(135deg,#16135d,#071037 72%);color:#fff;box-shadow:0 22px 46px #0710372e}.premium-lab-hero h1{margin:0;font-size:42px;line-height:1.05;letter-spacing:0}.premium-lab-hero p{max-width:760px;color:#ffffffc7}.premium-lab-hero .eyebrow{color:#75e4ff}.premium-hero-meter{justify-self:end;width:190px;min-height:94px;display:grid;align-content:center;gap:4px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:#ffffff1f;padding:14px}.premium-hero-meter strong{font-size:30px}.premium-hero-meter span{color:#ffffffc2;font-weight:800}.premium-lab-shell{display:grid;grid-template-columns:196px minmax(0,1fr);gap:14px;margin-bottom:18px}.premium-lab-menu{display:grid;align-content:start;gap:9px}.premium-lab-menu button{min-height:70px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:12px;text-align:left;box-shadow:0 12px 28px #1729230d}.premium-lab-menu button span,.premium-card-copy span,.premium-token-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.premium-lab-menu button strong{display:block;margin-top:4px}.premium-lab-menu button.active{border-color:#75e4ff;background:linear-gradient(135deg,#75e4ff2e,#ffd54f21),#fff;box-shadow:0 16px 34px #286f9f21}.premium-phone-stage{position:relative;overflow:hidden;min-height:700px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:radial-gradient(circle at 20% 12%,rgba(117,228,255,.28),transparent 18%),radial-gradient(circle at 85% 20%,rgba(255,124,173,.24),transparent 20%),linear-gradient(180deg,#15135f,#090a39);padding:22px;box-shadow:inset 0 0 0 1px #ffffff0d,0 22px 48px #0710372e}.premium-phone-top,.premium-bottom-tabs,.premium-card-rail,.premium-floating-stickers{position:relative;z-index:1}.premium-phone-top{display:flex;justify-content:space-between;gap:14px;color:#fff;margin-bottom:18px}.premium-phone-top span,.premium-streak span{display:block;color:#ffffffb3;font-size:13px;font-weight:900}.premium-phone-top strong{display:block;max-width:620px;font-size:26px;line-height:1.12}.premium-streak{min-width:92px;border-radius:var(--radius);background:#ffffff21;padding:10px 12px;text-align:center}.premium-streak strong{font-size:24px;color:#ffd54f}.premium-floating-stickers span{position:absolute;width:26px;height:26px;border-radius:9px;background:#75e4ff;box-shadow:0 10px 18px #00000024;animation:premium-sticker-float 4.8s ease-in-out infinite}.premium-floating-stickers span:nth-child(1){top:22px;left:48%;background:#75e4ff}.premium-floating-stickers span:nth-child(2){top:88px;right:42px;width:18px;height:18px;background:#ffd54f;animation-delay:-1.1s}.premium-floating-stickers span:nth-child(3){top:134px;left:46px;width:20px;height:20px;background:#ff7cad;animation-delay:-2.2s}.premium-card-rail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.72fr);gap:18px;align-items:stretch}.premium-activity-card{position:relative;overflow:hidden;display:grid;grid-template-rows:minmax(220px,auto) auto auto;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:0 24px 44px #00000038}.premium-activity-card.is-hero{min-height:560px}.premium-card-art{position:relative;overflow:hidden;min-height:250px;background:linear-gradient(135deg,color-mix(in srgb,var(--premium-accent) 28%,white),#fff 72%),#f6f7fb}.premium-activity-card.is-hero .premium-card-art{min-height:345px}.premium-scene{width:100%;height:100%;min-height:250px;display:block}.premium-activity-card.is-hero .premium-scene{min-height:345px}.premium-card-progress{position:absolute;top:14px;right:14px;border-radius:999px;background:#080c2aa3;color:#fff;padding:7px 10px;font-size:13px;font-weight:900}.premium-card-copy{padding:14px 16px 0}.premium-card-copy strong{display:block;margin:4px 0;font-size:24px;line-height:1.05}.premium-card-copy p{margin:0;color:var(--muted);line-height:1.35}.premium-card-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 18px}.premium-card-assets button{min-width:0;min-height:76px;display:grid;justify-items:center;gap:5px;border:1px solid rgba(29,37,36,.1);border-radius:var(--radius);background:#f8fbfb;color:var(--ink);padding:8px;font-size:12px;font-weight:900}.premium-card-assets button .visual-asset{width:38px;height:38px}.premium-card-assets button span{max-width:100%;overflow-wrap:anywhere}.premium-skill-pill{position:absolute;left:14px;top:14px;border-radius:999px;background:var(--premium-accent);color:#13143f;padding:7px 10px;font-size:12px;font-weight:900;box-shadow:0 8px 16px #00000024}.premium-bottom-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;border-radius:var(--radius);background:#ffffff1a;padding:8px}.premium-bottom-tabs button{border:0;border-radius:var(--radius);background:transparent;color:#ffffffb8;padding:10px 8px;font-weight:900}.premium-bottom-tabs button.active{background:#fffffff0;color:#17145f}.premium-resource-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px;box-shadow:0 12px 30px #1729230f}.premium-resource-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.premium-resource-heading h2{margin:0}.premium-filter-row{justify-content:flex-end}.premium-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.premium-token-card{min-height:132px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfb;padding:14px}.premium-token-card>.visual-asset{width:66px;height:66px}.premium-token-card strong{display:block;margin:3px 0}.premium-token-card p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.premium-cloud{animation:premium-cloud-drift 6.5s ease-in-out infinite}.premium-cloud-b{animation-delay:-2.6s}.premium-sun{animation:premium-sun-pulse 3.6s ease-in-out infinite;transform-origin:center}.premium-character{animation:premium-character-float 3.2s ease-in-out infinite}.premium-wave{animation:premium-wave 1.9s ease-in-out infinite;transform-origin:250px 140px}.premium-bob-a{animation:premium-bob 2.1s ease-in-out infinite}.premium-bob-b{animation:premium-bob 2.5s ease-in-out infinite;animation-delay:-.9s}.premium-wave-line{stroke-dasharray:44 18;animation:premium-wave-slide 5.2s linear infinite}.premium-star{animation:premium-star-pop 1.8s ease-in-out infinite;transform-origin:center}.premium-star-b{animation-delay:-.5s}.premium-star-c{animation-delay:-1s}@keyframes premium-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes premium-sun-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.09);opacity:1}}@keyframes premium-character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes premium-wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@keyframes premium-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes premium-wave-slide{to{stroke-dashoffset:-124}}@keyframes premium-star-pop{0%,to{transform:scale(1);opacity:.7}45%{transform:scale(1.45);opacity:1}}@keyframes premium-sticker-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(7deg)}}@keyframes fish-tile-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page,.center-page{padding:18px}.map-grid,.dashboard-grid,.mission-grid,.profile-grid,.lesson-layout{grid-template-columns:1fr}.feedback-panel{position:static}.teaching-stage{min-height:650px}.teaching-rendered-video{max-height:none}.teaching-copy{top:18px;left:18px;right:18px;width:auto;max-width:none}.teaching-copy h2{font-size:28px}.teaching-poster{top:220px;left:18px;right:18px;width:auto}.teaching-teacher{right:20px;bottom:-2px;max-width:42%;max-height:36%}.teaching-scene-list{grid-template-columns:repeat(7,minmax(32px,1fr))}.teaching-actions{justify-content:flex-start}.arcade-choice-grid,.whack-board,.fruit-choice-grid,.tile-bank,.builder-slots,.match-memory,.oral-actions,.boss-challenge{grid-template-columns:1fr}.street-stage{grid-template-columns:1fr;gap:8px}.street-line,.match-rail{display:none}.fishing-pond{min-height:260px}.fish-choice{max-width:78%}.runner-gate{grid-template-columns:40px minmax(0,1fr)}.page-header,.lesson-header{flex-direction:column}.svg-lab-stage,.stage-action-row,.svg-lab-grid,.svg-game-samples,.street-sample,.runner-sample{grid-template-columns:1fr}.stage-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-asset .visual-asset{width:96px;height:96px}.stage-asset-0,.stage-asset-1,.stage-asset-2,.stage-asset-3{transform:none}.svg-resource-card{grid-template-columns:64px minmax(0,1fr)}.reward-sample{align-items:flex-start;flex-wrap:wrap}.premium-lab-hero,.premium-lab-shell,.premium-card-rail,.premium-resource-heading,.premium-token-grid{grid-template-columns:1fr}.premium-lab-hero h1{font-size:34px}.premium-hero-meter{justify-self:stretch;width:auto}.premium-lab-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-phone-stage{min-height:0;padding:14px}.premium-phone-top{flex-direction:column}.premium-phone-top strong{font-size:22px}.premium-activity-card.is-hero{min-height:0}.premium-activity-card,.premium-activity-card.is-hero{grid-template-rows:auto auto auto}.premium-card-art,.premium-activity-card.is-hero .premium-card-art,.premium-scene,.premium-activity-card.is-hero .premium-scene{min-height:260px}.premium-card-assets{grid-template-columns:1fr}.premium-bottom-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.weakness-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px;margin-bottom:18px;box-shadow:0 12px 30px #1729230f}.weakness-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.weakness-heading h2{margin:0}.weakness-heading button,.weakness-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);color:var(--ink);padding:9px 12px;font-weight:900}.weakness-list,.weakness-table{display:grid;gap:10px}.weakness-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfb;padding:12px}.weakness-row strong,.weakness-row p{margin:0}.weakness-row p,.weakness-meta span,.weakness-stats span{color:var(--muted)}.weakness-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.weakness-meta span,.weakness-tag{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.weakness-tag{white-space:nowrap;background:var(--panel-strong);color:var(--green-dark)}.weakness-tag.tone-listening{background:#e7f1f8;color:var(--blue)}.weakness-tag.tone-speaking{background:#e8f6ef;color:var(--green-dark)}.weakness-tag.tone-writing,.weakness-tag.tone-sentence{background:#fff3d8;color:var(--amber)}.weakness-tag.tone-reading,.weakness-tag.tone-meaning{background:#eeeafc;color:#59468f}.weakness-tag.tone-support,.weakness-tag.tone-accuracy{background:#fff0ed;color:var(--red)}.weakness-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.weakness-stats.compact{margin-bottom:0}.weakness-stats article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px}.weakness-stats span,.weakness-stats strong{display:block}.weakness-stats strong{font-size:26px;line-height:1.1}.review-weakness-row{grid-template-columns:minmax(0,1fr) 180px}.weakness-actions{display:grid;justify-items:end;gap:8px}.parent-weakness-panel{margin-top:18px}@media(max-width:900px){.weakness-heading,.weakness-row,.review-weakness-row,.weakness-stats{grid-template-columns:1fr}.weakness-actions{justify-items:stretch}}.day-strip{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}.day-chip{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);font-weight:700;cursor:pointer}.day-chip.is-done{background:var(--panel-strong);color:var(--green-dark);border-color:var(--green)}.day-chip.is-current{outline:2px solid var(--blue);color:var(--ink)}.day-complete-panel{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);text-align:center}.day-complete-panel h2{margin:0 0 6px}.day-complete-panel .button-row{justify-content:center;margin:14px 0 4px}.boss-battle{display:flex;flex-direction:column;gap:12px}.boss-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--radius);background:var(--red);color:#fff;font-weight:800}.boss-hp{display:flex;gap:6px;flex:1;max-width:320px}.boss-hp span{flex:1;height:10px;border-radius:6px;background:#ffffff59;transition:background .16s ease}.boss-hp span.is-hit{background:#fff}.boss-feedback{margin:0;font-weight:600;color:var(--ink)}.boss-victory{padding:24px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.arcade-host{width:100%;max-width:760px;height:clamp(360px,min(58vh,calc(100dvh - 220px)),560px);margin:0 auto}.arcade-host-order,.arcade-host-wordBuilder,.arcade-host-codeLock,.arcade-host-balanceScale,.arcade-host-pinballQuiz,.arcade-host-path,.arcade-host-puzzleRepair{height:clamp(340px,min(56vh,calc(100dvh - 220px)),540px)}@media(max-height:760px){.arcade-host{height:clamp(320px,calc(100dvh - 210px),500px)}.task-card:has(.arcade-host){padding-block:clamp(12px,2vh,18px)}.task-card:has(.arcade-host) .task-prompt{margin-bottom:10px}}@media(max-height:660px){.arcade-host{height:clamp(300px,calc(100dvh - 180px),460px)}}.question-audit-page{background:#f6fafc}.question-audit-header{align-items:stretch}.audit-stat-stack{min-width:220px;border:1px solid #d6e4e8;border-radius:8px;padding:16px;background:#fff;display:grid;gap:4px;align-content:center;box-shadow:0 10px 24px #1433440f}.audit-stat-stack span,.audit-stat-stack small{color:#5b6d6f;font-weight:800}.audit-stat-stack strong{color:#b42318;font-size:2rem;line-height:1}.audit-controls{display:grid;grid-template-columns:minmax(140px,180px) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid #d6e4e8;border-radius:8px;background:#fff}.audit-controls label{display:grid;gap:6px;color:#526467;font-weight:900;text-transform:uppercase;font-size:.72rem}.audit-controls select,.audit-controls input{width:100%;min-height:42px;border:1px solid #c9dadd;border-radius:8px;padding:0 12px;font:inherit;color:#1f2d2f;background:#f9fcfd}.audit-filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.audit-filter-buttons button{min-height:42px;border:1px solid #c9dadd;border-radius:999px;padding:0 13px;background:#fff;color:#30484b;font-weight:900}.audit-filter-buttons button.active{border-color:#146c94;background:#e7f5fb;color:#0d5d85}.audit-count-row{display:flex;align-items:baseline;gap:8px;margin:8px 0 14px;color:#526467}.audit-count-row strong{color:#1f2d2f;font-size:1.5rem}.question-audit-list{display:grid;gap:14px}.question-audit-card{border:1px solid #d6e4e8;border-radius:8px;background:#fff;padding:16px;box-shadow:0 12px 28px #1433440d}.question-audit-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.question-audit-card-head>div{display:grid;gap:4px}.audit-task-id{width:fit-content;border-radius:999px;background:#eef6f8;color:#146c94;padding:3px 9px;font-weight:950;font-size:.78rem}.question-audit-card-head strong{color:#1f2d2f}.question-audit-card-head small,.audit-prompt-block small,.audit-visual small,.audit-no-visual{color:#647679}.audit-audio{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950}.audit-audio.ready{background:#e7f8ef;color:#17663b}.audit-audio.fallback{background:#fff4d8;color:#7a4b00}.audit-prompt-block{display:grid;gap:4px;margin:14px 0;padding:12px;border-radius:8px;background:#f7fbfc}.audit-prompt-block p{margin:0;color:#203234;font-weight:850}.audit-choice-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.audit-choice-list span{border:1px solid #d6e4e8;border-radius:999px;padding:4px 9px;background:#fff;color:#3b5053;font-size:.82rem;font-weight:850}.audit-match-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.audit-match-preview>div{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:82px;border:1px solid #d6e4e8;border-radius:8px;padding:10px;background:#fbfefe}.audit-match-preview strong{width:100%;color:#203234;font-size:.82rem}.audit-match-preview span{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #d6e4e8;border-radius:999px;padding:4px 10px;background:#fff;color:#30484b;font-size:.84rem;font-weight:850}.audit-match-preview img{width:34px;height:34px;border-radius:8px;object-fit:cover}.audit-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.audit-visual{min-height:178px;border:1px solid #d6e4e8;border-radius:8px;padding:10px;display:grid;gap:5px;align-content:start;background:#fff}.audit-visual.required.missing{border-color:#f2b8ad;background:#fff8f6}.audit-visual.required.fallback{border-color:#eed28a;background:#fffaf0}.audit-visual.required.ready{border-color:#a8dfbd;background:#f6fff9}.audit-visual-preview{height:92px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#edf5f7}.audit-visual-preview img{width:100%;height:100%;object-fit:contain}.audit-visual-preview span{color:#8a3b2e;font-weight:950;font-size:1.4rem}.audit-visual strong{color:#1f2d2f}.audit-visual em{color:#9a5a00;font-style:normal;font-weight:900;font-size:.78rem}@media(max-width:860px){.audit-controls{grid-template-columns:1fr}.audit-filter-buttons{justify-content:flex-start}.question-audit-card-head{display:grid}}.qa-runner-page{display:flex;flex-direction:column;gap:18px}.qa-runner-header{align-items:center}.qa-runner-counter{min-width:150px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#fff;padding:14px 18px;text-align:right;box-shadow:0 12px 30px #0f172a14}.qa-runner-counter span{display:block;color:#0f172a;font-size:2rem;font-weight:800;line-height:1}.qa-runner-counter small{color:#64748b;font-weight:700}.qa-runner-controls,.qa-runner-nav,.qa-runner-meta,.qa-runner-result,.qa-runner-empty{border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#fffffff0;box-shadow:0 12px 30px #0f172a0f}.qa-runner-controls{display:grid;grid-template-columns:minmax(140px,180px) minmax(130px,160px) minmax(220px,1fr);gap:12px;padding:14px}.qa-runner-controls label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:.78rem;font-weight:800;text-transform:uppercase}.qa-runner-controls select,.qa-runner-controls input{min-height:42px;border:1px solid rgba(15,23,42,.16);border-radius:6px;background:#fff;color:#0f172a;font:inherit;padding:0 12px;text-transform:none}.qa-runner-nav{display:flex;flex-wrap:wrap;gap:10px;padding:12px;position:sticky;top:10px;z-index:4}.qa-runner-nav button{min-height:42px;border:1px solid rgba(15,23,42,.16);border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-weight:800;padding:0 16px}.qa-runner-nav button.primary{background:#14532d;border-color:#14532d;color:#fff}.qa-runner-nav button:disabled{cursor:not-allowed;opacity:.42}.qa-runner-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:14px;padding:14px}.qa-runner-meta div{display:flex;flex-direction:column;gap:4px;min-width:0}.qa-runner-meta strong{color:#0f172a;overflow-wrap:anywhere}.qa-runner-meta span{color:#64748b;font-size:.92rem}.qa-runner-result{display:flex;flex-wrap:wrap;gap:10px 16px;padding:12px 14px}.qa-runner-result.correct{border-color:#16653447;background:#f0fdf4}.qa-runner-result.wrong{border-color:#b91c1c47;background:#fef2f2}.qa-runner-task .task-card,.qa-runner-task .boss-battle{margin:0}.qa-runner-empty{padding:24px}@media(max-width:820px){.qa-runner-header,.qa-runner-controls,.qa-runner-meta{grid-template-columns:1fr}.qa-runner-counter{width:100%;text-align:left}.qa-runner-nav{position:static}.qa-runner-nav button{flex:1 1 120px}}:root{--ink: #17212b;--muted: #64717f;--line: rgba(24, 38, 52, .12);--paper: #f7fbff;--panel: #ffffff;--panel-strong: #eef8ff;--green: #28a36f;--green-dark: #0d6b4d;--blue: #2776d8;--amber: #f2a51a;--red: #dc4d46;--violet: #7656d6;--coral: #ff765d;--radius: 8px}body{background:linear-gradient(135deg,#2776d824,#28a36f14 36%,#ffc65224),var(--paper)}.app-shell{grid-template-columns:300px minmax(0,1fr)}.sidebar{border-right:0;background:linear-gradient(180deg,#fffffff2,#eff8fff0),#fff;box-shadow:16px 0 42px #1f416714}.brand-block{border:0;align-items:center}.brand-block>span{width:58px;height:58px;overflow:hidden;background:linear-gradient(135deg,#ffcf5a,#ff7d69 52%,#6fb7ff);box-shadow:0 14px 28px #ff7d693d}.brand-block>span img{width:64px;height:64px;object-fit:contain;transform:translateY(5px)}.brand-block strong{font-size:20px;color:var(--ink)}.learner-card,.report-score-card,.progress-ring-card,.mission-timer-card{border:1px solid rgba(39,118,216,.14);border-radius:8px;background:linear-gradient(135deg,#fffffff5,#ebf6ffe6),#fff;box-shadow:0 14px 34px #1f41671a}.learner-card{display:grid;gap:7px;padding:16px}.learner-card strong{font-size:24px}.learner-card p,.learner-card small{margin:0;color:var(--muted)}.mini-progress,.level-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#17212b17}.mini-progress span,.level-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd47e,#38a5ff,#ffd25a)}.main-nav,.tool-drawer nav{display:grid;gap:8px}.main-nav button,.tool-drawer nav button,.switch-profile,.parent-entry,.report-actions button,.roadmap-hero-actions button,.report-panel-heading button{border:1px solid rgba(24,38,52,.1);border-radius:8px;background:#ffffffd1;color:var(--ink);font-weight:900;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.main-nav button,.tool-drawer nav button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px;text-align:left}.main-nav button:hover,.main-nav button.active,.tool-drawer nav button:hover,.tool-drawer nav button.active,.switch-profile:hover,.parent-entry:hover,.report-actions button:hover,.roadmap-hero-actions button:hover{transform:translateY(-1px);border-color:#2776d861;box-shadow:0 12px 24px #2776d81f}.main-nav button.active,.tool-drawer nav button.active{background:linear-gradient(135deg,#2776d821,#28a36f1f)}.nav-mark{width:42px;height:42px;display:grid!important;place-items:center;border-radius:8px;background:#17212b;color:#fff;font-size:12px;letter-spacing:0;box-shadow:inset 0 -10px 18px #ffffff1f}.main-nav small,.tool-drawer small{color:var(--muted);font-size:12px}.sidebar-card{margin-top:0;background:linear-gradient(135deg,#fff8e5,#fff);border-color:#f2a51a47}.tool-drawer{display:grid;gap:10px;margin-top:auto}.tool-drawer summary{cursor:pointer;color:var(--muted);font-weight:900}.switch-profile{min-height:42px;padding:0 12px;background:#fff}.legacy-link{color:var(--blue)}.page{max-width:1280px;padding:clamp(18px,3vw,34px)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(18px,4vw,52px);align-items:center;padding:clamp(20px,5vw,60px);background:linear-gradient(135deg,#2776d82e,#ffffff80 44%,#ffc54a38),#f7fbff}.login-hero{position:relative;min-height:min(640px,86vh);display:grid;align-items:end;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#09192d1f,#09192db8),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L42-adventure-map.png),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds/L42-adventure-map.svg);background-size:cover;background-position:center;box-shadow:0 28px 70px #183a5c33}.login-copy{position:relative;z-index:1;max-width:680px;padding:clamp(22px,5vw,52px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.3)}.login-copy .eyebrow,.login-copy p{color:#ffffffe0}.login-copy h1,.roadmap-hero h1,.report-hero h1,.progress-hero h1,.mission-hero h1,.review-hero h1{margin:0;line-height:1.02;letter-spacing:0;color:var(--ink)}.login-copy h1{color:#fff;font-size:clamp(42px,7vw,86px)}.login-teacher{position:absolute;right:clamp(12px,4vw,54px);bottom:-8px;width:min(34vw,290px);filter:drop-shadow(0 22px 30px rgba(0,0,0,.24));animation:float-soft 3.6s ease-in-out infinite}.login-flow-strip,.lesson-flow-strip,.learning-sequence-list,.skill-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.login-flow-strip span,.lesson-flow-strip span,.learning-sequence-list span{border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#ffffff29;padding:8px 11px;font-weight:900}.login-panel{width:100%;padding:clamp(22px,4vw,38px);border:1px solid rgba(24,38,52,.1);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-panel-heading,.report-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.login-panel h2,.report-panel h2,.evidence-board h2{margin:0;color:var(--ink)}.parent-entry{min-height:42px;padding:0 14px;color:var(--blue)}.student-login-card{position:relative;overflow:hidden;min-height:190px;display:grid;align-content:end}.student-login-card img{position:absolute;right:8px;top:8px;width:88px;height:88px;object-fit:contain}.student-login-card.tone-sun{background:linear-gradient(135deg,#fff4d4,#ffe1e0 54%,#fff)}.student-login-card.tone-sea{background:linear-gradient(135deg,#e8f6ff,#e9f8ee 54%,#fff)}.student-login-card span,.student-login-card small{color:var(--muted);font-weight:900}.student-login-card strong{font-size:28px}.login-actions{margin-top:12px}.roadmap-page{max-width:1500px}.roadmap-hero,.report-hero,.progress-hero,.mission-hero,.review-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:stretch;margin-bottom:18px;border:1px solid rgba(24,38,52,.1);border-radius:8px;background:linear-gradient(135deg,#fffffff0,#ebf7ffe0),#fff;padding:clamp(20px,3vw,34px);box-shadow:0 22px 58px #1f41671f}.roadmap-hero h1,.report-hero h1,.progress-hero h1,.mission-hero h1,.review-hero h1{font-size:clamp(34px,5vw,60px)}.roadmap-hero p,.report-hero p,.progress-hero p,.mission-hero p,.review-hero p{max-width:720px;color:var(--muted);line-height:1.55}.roadmap-hero-actions,.report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.parent-child-switcher{display:inline-grid;gap:6px;margin-top:16px}.parent-child-switcher span{color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}.parent-child-switcher select{min-height:42px;border:1px solid rgba(24,38,52,.12);border-radius:8px;background:#fff;color:var(--ink);font-weight:900;padding:0 12px}.parent-weakness-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.weakness-state{align-self:center;border-radius:999px;background:#17212b14;color:var(--muted);padding:6px 9px;font-size:12px;font-weight:950}.roadmap-hero-actions button,.report-actions button,.report-panel-heading button{min-height:44px;padding:0 16px}.primary-action,.roadmap-hero-actions .primary-action,.report-actions .primary-action{background:linear-gradient(135deg,var(--green-dark),#1b8f73);color:#fff;border-color:transparent}.roadmap-compass{width:min(280px,28vw);min-width:220px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:8px;background:linear-gradient(160deg,#ffe9a8,#ffb4a3 48%,#b7e6ff);color:#17212b;overflow:hidden}.roadmap-compass img{width:138px;height:138px;object-fit:contain;animation:float-soft 3.2s ease-in-out infinite}.roadmap-compass strong,.report-score-card strong,.progress-ring-card strong,.mission-timer-card strong{font-size:clamp(38px,5vw,58px);line-height:1}.roadmap-summary,.report-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.roadmap-summary article,.report-card-grid article,.report-panel,.review-hero,.mission-hero,.progress-hero,.report-hero,.placement-gate,.roadmap-world,.evidence-board{border:1px solid rgba(24,38,52,.1);border-radius:8px;background:#ffffffeb;box-shadow:0 16px 38px #1f416714}.roadmap-summary article,.report-card-grid article,.report-panel{padding:18px}.roadmap-summary span,.report-card-grid span,.report-score-card span,.mission-timer-card span{color:var(--muted);font-weight:900}.roadmap-summary strong,.report-card-grid strong{display:block;margin:7px 0 4px;font-size:30px;color:var(--ink)}.roadmap-summary p,.report-card-grid p,.report-panel p{margin:0;color:var(--muted);line-height:1.5}.placement-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:20px;background:linear-gradient(135deg,#ffefbef5,#fffffff0),#fff}.placement-gate.is-current{border-color:#f2a51a8a;box-shadow:0 16px 42px #f2a51a29}.placement-gate h2{margin:0 0 6px}.placement-gate p{margin:0;color:var(--muted)}.placement-gate-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.placement-gate-actions span,.level-status{border-radius:999px;background:#17212b14;color:var(--ink);padding:7px 10px;font-size:12px;font-weight:900}.placement-gate-actions button{min-height:42px;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 16px;font-weight:900}.roadmap-worlds{display:grid;gap:14px}.roadmap-world{padding:14px}.world-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:4px 4px 12px}.world-heading span{color:var(--blue);font-weight:950}.world-heading strong{font-size:20px}.roadmap-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roadmap-level-card{--level-art: linear-gradient(135deg, #e8f6ff, #fff4d4);position:relative;min-height:218px;display:grid;align-content:end;gap:7px;overflow:hidden;border:1px solid rgba(24,38,52,.1);border-radius:8px;background:#dff3ff;background-image:var(--level-art);background-size:cover;background-position:center;color:#fff;padding:16px;text-align:left;box-shadow:0 16px 36px #1f41671f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.roadmap-level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09142005,#091420b8)}.roadmap-level-card:hover:not(:disabled),.roadmap-level-card.is-current{transform:translateY(-3px);box-shadow:0 24px 54px #1f416733}.roadmap-level-card.is-current{outline:3px solid rgba(255,210,90,.92);animation:current-card-pulse 2.2s ease-in-out infinite}.roadmap-level-card.is-locked{filter:grayscale(.68)}.roadmap-level-card:disabled{opacity:1;cursor:not-allowed}.level-code{width:fit-content;border-radius:999px;background:#ffffffe6;color:var(--ink);padding:6px 9px;font-size:12px;font-weight:950}.level-status{position:absolute;top:12px;right:12px;background:#ffffffe0;color:var(--ink)}.roadmap-level-card strong{font-size:20px;line-height:1.12;text-shadow:0 2px 10px rgba(0,0,0,.32)}.roadmap-level-card small,.roadmap-level-card em{color:#ffffffe0;font-style:normal;line-height:1.35}.level-progress-track{background:#ffffff47}.report-score-card,.progress-ring-card,.mission-timer-card{width:min(270px,28vw);min-width:210px;display:grid;align-content:center;gap:8px;padding:22px}.report-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:14px;margin-bottom:14px}.learning-sequence-list span{border-color:#2776d829;background:#f4fbff;color:var(--ink)}.skill-chip-grid .weakness-tag{font-size:14px}.progress-ring-card{justify-items:center;background:radial-gradient(circle at center,#fff 0 48%,transparent 49%),conic-gradient(from 0deg,#2dd47e,#38a5ff,#ffd25a,#ff765d,#2dd47e)}.progress-ring-card span{color:var(--muted);font-weight:900}.evidence-board{padding:18px}.evidence-row{border-radius:8px;border:1px solid rgba(24,38,52,.09);padding:12px;margin-top:8px;background:#fff}.empty-evidence{display:grid;justify-items:center;gap:10px;padding:26px;text-align:center;color:var(--muted)}.empty-evidence img{width:110px;height:110px;object-fit:contain}.lesson-page{max-width:1420px}.quest-header{align-items:center;margin-bottom:0;border:1px solid rgba(24,38,52,.1);border-radius:8px;background:#ffffffeb;padding:16px;box-shadow:0 16px 38px #1f416714}.quest-header h1{font-size:clamp(28px,4vw,44px)}.quest-header>span{border-color:#2776d833;background:#eff8ff;color:var(--blue)}.lesson-flow-strip{grid-column:1 / -1;margin:0 0 2px}.lesson-flow-strip span{border-color:#1826341a;background:#ffffffdb;color:var(--muted)}.lesson-flow-strip span.active{background:linear-gradient(135deg,#1b8f73,#2776d8);color:#fff;box-shadow:0 10px 22px #2776d82e}.day-strip{grid-column:1 / -1;margin:0}.day-chip{border-radius:999px;background:#fff}.day-chip.is-current{outline:3px solid rgba(39,118,216,.22);border-color:var(--blue)}.day-chip.is-done{background:#eaf9f1}.task-card,.feedback-panel,.table-card,.weakness-panel,.boss-battle{border-color:#1826341a;box-shadow:0 18px 42px #1f41671a}.lesson-side-panel{display:grid;gap:12px;background:linear-gradient(180deg,#fffffff5,#eff8ffeb),#fff}.lesson-side-panel ol{margin:0;padding-left:20px}.feedback-bubble{border-radius:8px;background:#f8fbff;border:1px solid rgba(39,118,216,.12);padding:12px}.quest-complete-panel{grid-column:1 / -1;background:linear-gradient(135deg,#e8f8ef,#fff6d9)}.quest-complete-panel img{width:120px;height:120px;object-fit:contain}.mission-hero{background:linear-gradient(135deg,#ffffffeb,#fff5dce6),#fff}.mission-timer-card{background:linear-gradient(135deg,#fff1c8,#ffe2dc)}.quest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quest-grid button{min-height:182px;display:grid;align-content:end;gap:7px;background:linear-gradient(135deg,#fff,#f1f9ff)}.quest-grid button:nth-child(1){border-color:#7656d647;background:linear-gradient(135deg,#f2eeff,#fff)}.quest-grid button:nth-child(2){border-color:#2776d847;background:linear-gradient(135deg,#e8f4ff,#fff)}.quest-grid button:nth-child(3){border-color:#28a36f47;background:linear-gradient(135deg,#e9f8ef,#fff)}.quest-grid button:nth-child(4){border-color:#f2a51a52;background:linear-gradient(135deg,#fff4d6,#fff)}.quest-grid span{color:var(--muted);font-weight:950}.quest-grid small{color:var(--muted);line-height:1.35}.review-hero{background:linear-gradient(135deg,#ffffffeb,#f2eefff2),#fff}.review-hero img{width:170px;align-self:end;filter:drop-shadow(0 18px 24px rgba(31,65,103,.18))}.review-stats article{background:#fff}.review-chest-list{display:grid;gap:10px}.weakness-row{background:#ffffffeb}.weakness-actions button{background:#17212b;color:#fff;border-color:#17212b}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes current-card-pulse{0%,to{box-shadow:0 20px 48px #1f41672e}50%{box-shadow:0 28px 64px #ffbc4a57}}@media(prefers-reduced-motion:reduce){.login-teacher,.roadmap-compass img,.roadmap-level-card.is-current{animation:none}}@media(max-width:1100px){.login-page,.roadmap-hero,.report-hero,.progress-hero,.mission-hero,.review-hero,.report-split{grid-template-columns:1fr}.roadmap-compass,.report-score-card,.progress-ring-card,.mission-timer-card{width:100%}.roadmap-summary,.report-card-grid,.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main-nav,.tool-drawer nav{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-levels{grid-template-columns:1fr}.roadmap-level-card{min-height:190px}.placement-gate,.login-panel-heading,.report-panel-heading{display:grid}.placement-gate-actions{justify-content:flex-start}}@media(max-width:620px){.login-page{padding:14px}.login-hero{min-height:560px}.login-teacher{width:190px}.profile-grid,.roadmap-summary,.report-card-grid,.quest-grid,.main-nav,.tool-drawer nav{grid-template-columns:1fr}.roadmap-hero,.report-hero,.progress-hero,.mission-hero,.review-hero{padding:18px}.roadmap-hero h1,.report-hero h1,.progress-hero h1,.mission-hero h1,.review-hero h1{font-size:34px}.review-hero img{width:120px}}.review-skip-button{min-width:132px;justify-content:center}:root{--eq-ink: #172033;--eq-blue: #2394ff;--eq-sky: #bdefff;--eq-mint: #63ddb4;--eq-lime: #b7f45c;--eq-sun: #ffd65a;--eq-coral: #ff7d6e;--eq-berry: #8d68ff;--eq-cream: #fff8e7;--eq-paper: rgba(255, 255, 255, .9);--eq-shadow: 0 20px 50px rgba(48, 71, 129, .18);--eq-pop-shadow: 0 12px 0 rgba(40, 55, 102, .08), 0 22px 42px rgba(56, 78, 137, .18)}body{color:var(--eq-ink);background:linear-gradient(135deg,rgba(255,255,255,.72) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(315deg,rgba(255,255,255,.52) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(150deg,#b8f0ff,#fff6ca 36%,#ffd6d0 69%,#d9d1ff);background-attachment:fixed}.app-shell{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff6b)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(35,148,255,.14) 1px,transparent 1px) 0 0 / 84px 84px,linear-gradient(0deg,rgba(255,126,110,.11) 1px,transparent 1px) 0 0 / 84px 84px,linear-gradient(120deg,#63ddb447,#ffd65a33,#8d68ff38);animation:eq-sky-shift 18s ease-in-out infinite alternate}.sidebar{margin:16px 0 16px 16px;height:calc(100vh - 32px);border:3px solid rgba(255,255,255,.78);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f0fbffe6),linear-gradient(135deg,#ffd65a4d,#63ddb43d);box-shadow:var(--eq-shadow)}.sidebar:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:-1;border:2px dashed rgba(35,148,255,.26);border-radius:8px}.brand-block{color:#10213a}.brand-block>span{width:56px;height:56px;color:#fff;border:4px solid #fff;border-radius:999px;background:linear-gradient(135deg,var(--eq-blue),var(--eq-berry));box-shadow:0 9px #1720331a}.brand-block strong{font-size:1.2rem}.learner-card{overflow:hidden;border:3px solid rgba(255,255,255,.96);border-radius:8px;background:linear-gradient(135deg,#ffd65ae0,#fffffff0 44%,#63ddb49e),var(--eq-paper);box-shadow:0 10px #ffc3492e,0 20px 34px #30478124}.learner-card:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-42px;height:80px;background:repeating-linear-gradient(90deg,#2394ff38 0,#2394ff38 28px,#ff7d6e33 28px,#ff7d6e33 56px,#63ddb438 56px,#63ddb438 84px);transform:rotate(-3deg)}.main-nav{gap:13px}.main-nav button{position:relative;min-height:68px;overflow:hidden;border:3px solid rgba(255,255,255,.86);border-radius:8px;background:#ffffffd1;box-shadow:0 8px #14213d0f;color:#26324a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.main-nav button:after{content:"";position:absolute;inset:auto -22px -34px auto;width:98px;height:72px;background:repeating-linear-gradient(135deg,#ffd65a52 0,#ffd65a52 14px,#ff7d6e3d 14px,#ff7d6e3d 28px);transform:rotate(-14deg)}.main-nav button:hover,.main-nav button.active{border-color:#fff;box-shadow:0 10px #2394ff21,0 18px 30px #2394ff2b;transform:translateY(-3px)}.main-nav button:nth-child(1) .nav-mark{background:linear-gradient(135deg,var(--eq-blue),#75d8ff)}.main-nav button:nth-child(2) .nav-mark{background:linear-gradient(135deg,var(--eq-mint),var(--eq-lime))}.main-nav button:nth-child(3) .nav-mark{background:linear-gradient(135deg,var(--eq-coral),#ffb067)}.main-nav button:nth-child(4) .nav-mark{background:linear-gradient(135deg,var(--eq-berry),#ff8ec9)}.main-nav button:nth-child(5) .nav-mark{background:linear-gradient(135deg,#28b46f,#86e86a)}.nav-mark{z-index:1;border:3px solid #fff;box-shadow:0 7px #1720331a}.nav-label,.nav-subtitle{z-index:1}.shell-main{padding:26px 32px 40px}.roadmap-page,.lesson-page,.daily-page,.progress-page,.review-page,.parent-dashboard,.qa-page,.audit-page{color:var(--eq-ink)}.roadmap-page{max-width:1540px}.roadmap-hero{position:relative;min-height:310px;overflow:hidden;border:0;border-radius:8px;background:linear-gradient(108deg,#1184fff5,#69d9b5e6 48%,#ffd65af0),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L01-classroom.png) center / cover;color:#fff;box-shadow:0 16px #1562a629,0 30px 60px #1e50a033}.roadmap-hero:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:3px dashed rgba(255,255,255,.46);border-radius:8px;pointer-events:none}.roadmap-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-56px;height:112px;background:repeating-linear-gradient(90deg,#ffffff9e 0,#ffffff9e 32px,#fff6caa8 32px,#fff6caa8 64px,#ff7d6e85 64px,#ff7d6e85 96px,#8d68ff75 96px,#8d68ff75 128px);transform:rotate(-1deg)}.roadmap-hero>div{position:relative;z-index:1}.roadmap-hero h1{max-width:720px;font-size:3.45rem;line-height:1.03;letter-spacing:0;text-shadow:0 5px 0 rgba(17,32,62,.14)}.roadmap-hero p{max-width:660px;color:#fffffff0;font-size:1.1rem}.roadmap-actions .primary-action,.roadmap-actions .secondary-action,.quest-actions .primary-action,.quest-actions .secondary-action,.lesson-actions .primary-action,.lesson-actions .secondary-action,.task-card button,.teaching-video-actions button,.arcade-actions button,.review-skip-button,.start-qa-link{border:3px solid #fff;border-radius:999px;box-shadow:0 8px #1d2e5b1f,0 16px 25px #2c508c24;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.roadmap-actions .primary-action:hover,.roadmap-actions .secondary-action:hover,.quest-actions .primary-action:hover,.quest-actions .secondary-action:hover,.lesson-actions .primary-action:hover,.lesson-actions .secondary-action:hover,.task-card button:hover,.teaching-video-actions button:hover,.arcade-actions button:hover,.review-skip-button:hover,.start-qa-link:hover{filter:saturate(1.08);transform:translateY(-2px) scale(1.01)}.roadmap-compass{border:5px solid rgba(255,255,255,.88);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#faffe4e0),url(https://englishquest-course-media.b-cdn.net/assets/characters/panda-teacher/poses/wave.png) center / contain no-repeat;box-shadow:0 12px #223a671a,0 20px 42px #1946782e;animation:eq-float 4.6s ease-in-out infinite}.roadmap-summary article{border:0;border-radius:8px;background:linear-gradient(135deg,#fffffff0,#f1fff8e0);box-shadow:0 10px #3e67b212,0 20px 38px #33508c24}.roadmap-summary article:nth-child(1){border-top:8px solid var(--eq-blue)}.roadmap-summary article:nth-child(2){border-top:8px solid var(--eq-mint)}.roadmap-summary article:nth-child(3){border-top:8px solid var(--eq-sun)}.roadmap-summary article:nth-child(4){border-top:8px solid var(--eq-coral)}.placement-gate,.roadmap-world,.lesson-shell,.task-card,.game-frame,.parent-section,.review-panel,.daily-panel,.progress-panel{border:3px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:var(--eq-pop-shadow)}.placement-gate{background:linear-gradient(120deg,#fff8e7f5,#e0f8ffeb),repeating-linear-gradient(90deg,#ffd65a2e 0,#ffd65a2e 22px,#63ddb42e 22px,#63ddb42e 44px)}.roadmap-worlds{gap:24px}.roadmap-world{position:relative;overflow:hidden;padding:20px;background:linear-gradient(135deg,#ffffffeb,#ebfcffe0),linear-gradient(90deg,#2394ff2e,#ffd65a2e)}.roadmap-world:nth-child(3n+1){background:linear-gradient(135deg,#fffffff0,#e8fbffe6),linear-gradient(90deg,#2394ff33,#63ddb42e)}.roadmap-world:nth-child(3n+2){background:linear-gradient(135deg,#fffffff0,#fffae2e6),linear-gradient(90deg,#ffd65a33,#ff7d6e26)}.roadmap-world:nth-child(3n){background:linear-gradient(135deg,#fffffff0,#f6eeffe6),linear-gradient(90deg,#8d68ff33,#ff8ec929)}.roadmap-world:before{content:"";position:absolute;left:34px;right:34px;top:55%;height:16px;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:repeating-linear-gradient(90deg,#2394ff47 0,#2394ff47 28px,#ffd65a57 28px,#ffd65a57 56px,#ff7d6e47 56px,#ff7d6e47 84px,#63ddb44d 84px,#63ddb44d 112px);box-shadow:0 6px #1d2e5b14;transform:rotate(-1.5deg)}.world-header,.roadmap-levels{position:relative;z-index:1}.world-header h2{font-size:1.45rem}.roadmap-level-card{position:relative;min-height:250px;overflow:hidden;border:4px solid rgba(255,255,255,.96);border-radius:8px;background:linear-gradient(180deg,#ffffffeb,#ffffffd1);box-shadow:0 10px #1f346314,0 18px 34px #32529429;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.roadmap-level-card:after{content:"";position:absolute;inset:auto -26px -40px auto;width:126px;height:88px;background:repeating-linear-gradient(135deg,#2394ff33 0,#2394ff33 15px,#ffd65a33 15px,#ffd65a33 30px,#ff7d6e2e 30px,#ff7d6e2e 45px);transform:rotate(-18deg)}.roadmap-level-card:hover{box-shadow:0 13px #1f34631a,0 24px 42px #32529438;transform:translateY(-4px) rotate(-.2deg)}.roadmap-level-card.is-current{border-color:#fff;background:linear-gradient(180deg,#fffcebf2,#e8fff7e6),linear-gradient(135deg,#ffd65a47,#2394ff29);animation:eq-current-glow 2.8s ease-in-out infinite}.roadmap-level-card.is-current .level-code{animation:eq-pop 1.6s ease-in-out infinite}.roadmap-level-card.is-locked{filter:grayscale(.72) opacity(.74)}.level-code{display:inline-grid;width:58px;height:58px;place-items:center;border:4px solid #fff;border-radius:999px;background:linear-gradient(135deg,var(--eq-blue),var(--eq-mint));box-shadow:0 8px #1720331f;color:#fff;font-size:1.05rem}.level-status,.level-badge,.skill-tag,.status-pill,.lesson-flow-strip span,.day-chip{border-radius:999px}.level-status{border:2px solid rgba(255,255,255,.9);box-shadow:0 6px #1720330f}.quest-header,.lesson-hero{position:relative;overflow:hidden;border:0;border-radius:8px;background-image:linear-gradient(112deg,#8d68ffe0,#2394ffd1 44%,#63ddb4c7),var(--lesson-art, url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L01-classroom.png));background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;box-shadow:0 16px #4853a426,0 28px 48px #2b469633}.quest-header:after,.lesson-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-48px;height:92px;background:repeating-linear-gradient(90deg,#ffffff94 0,#ffffff94 30px,#ffd65a8f 30px,#ffd65a8f 60px,#ff7d6e70 60px,#ff7d6e70 90px,#63ddb47a 90px,#63ddb47a 120px);transform:rotate(1deg)}.quest-header>*,.lesson-hero>*{position:relative;z-index:1}.lesson-shell{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lesson-layout{gap:24px;grid-template-columns:minmax(0,1fr) 340px}.lesson-main{gap:18px}.lesson-flow-strip{gap:9px}.lesson-flow-strip span{border:3px solid #fff;background:#ffffffd1;box-shadow:0 7px #17203312}.lesson-flow-strip span.active{background:linear-gradient(135deg,var(--eq-sun),var(--eq-coral));color:#fff;transform:translateY(-2px)}.lesson-step-tabs,.lesson-day-pills{padding:8px;border:3px solid rgba(255,255,255,.84);border-radius:8px;background:#ffffff8a}.lesson-step-tabs button,.lesson-day-pills button{border:2px solid rgba(255,255,255,.94);background:#ffffffdb;box-shadow:0 6px #1720330d}.lesson-step-tabs button.active,.lesson-day-pills button.active{background:linear-gradient(135deg,var(--eq-blue),var(--eq-berry));color:#fff}.task-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#f5fffbe0),repeating-linear-gradient(135deg,#2394ff1f 0,#2394ff1f 18px,#ffd65a1f 18px,#ffd65a1f 36px)}.task-card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;border:2px dashed rgba(35,148,255,.22);border-radius:8px}.task-card>*{position:relative;z-index:1}.task-card h2,.task-card .task-title,.picture-check-task h2,.listening-choice-task h2,.arcade-title{font-size:2rem;line-height:1.12;letter-spacing:0}.audio-cue,.audio-cue-button,.listen-button{border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#e7f6ff,#d8fff0);box-shadow:0 8px #2394ff1f}.audio-cue-button{color:#fff;background:linear-gradient(135deg,var(--eq-blue),var(--eq-berry));animation:eq-listen-pulse 2.4s ease-in-out infinite}.game-frame,.arcade-frame,.listening-choice-stage,.picture-check-stage,.speaking-stage{overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#ecfcffdb),url(https://englishquest-course-media.b-cdn.net/assets/listening-backgrounds/classroom-corner.png) center / cover}.choice-grid,.listening-choice-grid,.arcade-choice-grid,.picture-choice-grid{gap:16px}.choice-card,.listening-choice-option,.arcade-choice,.picture-choice-card,.true-false-card{overflow:hidden;border:4px solid rgba(255,255,255,.96);border-radius:8px;background:#ffffffe6;box-shadow:0 10px #17203314,0 18px 32px #30478124;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.choice-card:hover,.listening-choice-option:hover,.arcade-choice:hover,.picture-choice-card:hover,.true-false-card:hover{border-color:#fff;box-shadow:0 12px #2394ff1f,0 24px 38px #2394ff2e;transform:translateY(-4px)}.choice-card:focus-visible,.listening-choice-option:focus-visible,.arcade-choice:focus-visible,.picture-choice-card:focus-visible,.true-false-card:focus-visible{outline:4px solid var(--eq-sun);outline-offset:3px}.choice-card img,.listening-choice-option img,.picture-choice-card img,.picture-check-image,.vocab-image{border:4px solid rgba(255,255,255,.9);border-radius:8px;background:#fff;box-shadow:inset 0 0 0 2px #2394ff0f,0 10px 24px #3047811f}.teaching-video-card,.video-stage,.teaching-video-shell{border:3px solid rgba(255,255,255,.9);border-radius:8px;background:linear-gradient(135deg,#fffffff2,#effff9e0),repeating-linear-gradient(90deg,#ffd65a1f 0,#ffd65a1f 24px,#2394ff1a 24px,#2394ff1a 48px);box-shadow:var(--eq-pop-shadow)}.teaching-video-frame,.video-shell,.video-player-frame{overflow:hidden;border:6px solid #fff;border-radius:8px;background:#172033;box-shadow:0 12px #1720331f,0 22px 40px #2034672e}.teaching-video-frame video,.video-shell video,.video-player-frame video{border-radius:6px}.teaching-controls,.video-controls,.scene-tabs,.practice-toolbar{border:3px solid rgba(255,255,255,.86);border-radius:8px;background:#ffffffb8;box-shadow:0 8px #1720330d}.teaching-controls button,.video-controls button,.scene-tabs button,.practice-toolbar button{border:2px solid #fff;border-radius:999px;background:#ffffffe6}.teaching-controls button.active,.video-controls button.active,.scene-tabs button.active,.practice-toolbar button.active{background:linear-gradient(135deg,var(--eq-blue),var(--eq-berry));color:#fff}.feedback-panel,.progress-panel,.daily-panel,.review-panel{background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.progress-bar,.learner-progress-track,.level-progress-track{overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:#17203314}.progress-bar span,.learner-progress-fill,.level-progress-fill{position:relative;background:linear-gradient(90deg,var(--eq-blue),var(--eq-mint),var(--eq-sun))}.progress-bar span:after,.learner-progress-fill:after,.level-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:eq-progress-shine 2.7s linear infinite}.feedback-success,.correct-feedback,.result-correct{border-color:#63ddb4a8!important;background:linear-gradient(135deg,#daffe8f2,#ffffffeb)!important}.feedback-error,.wrong-feedback,.result-wrong{border-color:#ff7d6eb8!important;background:linear-gradient(135deg,#ffe7e2f2,#ffffffeb)!important}@keyframes eq-sky-shift{0%{transform:translate3d(-18px,-10px,0) scale(1.02)}to{transform:translate3d(18px,10px,0) scale(1.04)}}@keyframes eq-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes eq-current-glow{0%,to{box-shadow:0 10px #1f346314,0 18px 34px #32529429}50%{box-shadow:0 12px #ffd65a38,0 26px 48px #ff7d6e38}}@keyframes eq-pop{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.07) rotate(-3deg)}}@keyframes eq-listen-pulse{0%,to{box-shadow:0 8px #2394ff1f,0 0 #2394ff47}50%{box-shadow:0 8px #2394ff1f,0 0 0 12px #2394ff00}}@keyframes eq-progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1180px){.sidebar{margin:0;height:auto;border-width:0 0 3px}.shell-main{padding:18px}.lesson-layout{grid-template-columns:1fr}}@media(max-width:760px){.roadmap-hero{min-height:250px}.roadmap-hero h1{font-size:2.35rem}.task-card h2,.task-card .task-title,.picture-check-task h2,.listening-choice-task h2,.arcade-title{font-size:1.55rem}.roadmap-world{padding:14px}.roadmap-world:before{left:16px;right:16px;top:58%}.roadmap-level-card{min-height:220px}}@media(prefers-reduced-motion:reduce){.app-shell:before,.roadmap-compass,.roadmap-level-card.is-current,.roadmap-level-card.is-current .level-code,.audio-cue-button,.progress-bar span:after,.learner-progress-fill:after,.level-progress-fill:after{animation:none!important}.main-nav button,.roadmap-level-card,.choice-card,.listening-choice-option,.arcade-choice,.picture-choice-card,.true-false-card{transition:none!important}}.roadmap-level-card{isolation:isolate;background-color:#dff3ff;background-image:var(--level-art);background-size:cover;background-position:center;color:#fff}.roadmap-level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:linear-gradient(180deg,#08142608,#0814261f 36%,#081426ad),linear-gradient(135deg,#2394ff1f,#ffd65a1a 44%,#ff7d6e24)}.roadmap-level-card:after{z-index:0;opacity:.42;mix-blend-mode:screen}.roadmap-level-card>*{position:relative;z-index:1}.roadmap-level-card.is-current{background-image:var(--level-art)}.roadmap-level-card strong,.roadmap-level-card small,.roadmap-level-card em{text-shadow:0 2px 14px rgba(0,0,0,.46)}.roadmap-level-card small,.roadmap-level-card em{color:#fffffff0}.access-blocked-page{min-height:100vh;display:grid;place-items:center;padding:32px}.access-blocked-card{width:min(680px,100%);border:4px solid rgba(255,255,255,.92);border-radius:8px;background:linear-gradient(135deg,#fffffff5,#f1fbffe6);box-shadow:var(--eq-pop-shadow, 0 18px 45px rgba(48, 71, 129, .18));padding:30px}.access-blocked-card h1{margin:8px 0;font-size:2rem;letter-spacing:0}.access-blocked-card p,.access-blocked-card small{color:#526174}.review-practice-page .task-card{min-height:520px}.review-practice-hero,.review-complete-hero{background:linear-gradient(112deg,#ff7d6ef2,#8d68ffeb 48%,#2394ffe6),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L07-school-day.png) center / cover}.review-practice-shell{margin-top:18px}.review-feedback-panel{align-self:start;display:grid;gap:14px}.review-run-progress{width:min(420px,100%);margin-top:16px}.review-results-list{display:grid;gap:12px;margin-top:18px}.review-weakness-row.is-in-run{border-color:#ffd65adb;background:linear-gradient(135deg,#fffbe5f5,#eefff9e6)}.review-skip-button:disabled{opacity:.6;cursor:wait}.review-full-route{background:linear-gradient(115deg,#071c36ad,#236da06b 42%,#ffc15257),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L07-school-day.png) center / cover}.review-route-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.review-phase-card{position:relative;overflow:hidden;min-height:132px}.review-phase-card:after{content:"";position:absolute;right:-28px;bottom:-30px;width:110px;height:110px;border-radius:28px;transform:rotate(18deg);opacity:.22}.review-phase-card.phase-warmup:after,.review-phase-pill.phase-warmup{background:#58d6ff}.review-phase-card.phase-repair:after,.review-phase-pill.phase-repair{background:#ffcf5a}.review-phase-card.phase-mastery:after,.review-phase-pill.phase-mastery{background:#ff7a8a}.review-focus-card{border-color:#2ec4b673;background:linear-gradient(135deg,#ebfffaf5,#fff7def5)}.review-row-tags{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.review-phase-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border-radius:999px;color:#102238;font-size:.78rem;font-weight:900;box-shadow:0 8px 16px #0e263b21}.review-category-result{min-height:126px}.parent-review-panel{margin-top:18px}.parent-review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.parent-review-metrics article{border:1px solid rgba(21,101,192,.14);border-radius:18px;padding:16px;background:linear-gradient(135deg,#ffffffeb,#effaffeb);box-shadow:0 14px 28px #22568414}.parent-review-metrics span{display:block;color:#64748b;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.parent-review-metrics strong{display:block;margin-top:8px;color:#172033;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}.parent-review-category-grid{margin-top:16px}@media(max-width:860px){.review-route-panel,.parent-review-metrics{grid-template-columns:1fr}.review-row-tags{justify-content:flex-start}}.page-shell{width:100%;max-width:1500px;margin:0 auto;padding:clamp(18px,3vw,34px)}.page-shell-full{max-width:1540px}.hero-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);align-items:center;gap:20px;min-height:clamp(260px,32vw,420px);margin-bottom:18px;padding:clamp(22px,3vw,38px);border:3px solid rgba(255,255,255,.9);border-radius:8px;background:linear-gradient(115deg,#071c36b8,#236da07a 42%,#ffc1525c),url(https://englishquest-course-media.b-cdn.net/teaching-videos/backgrounds-imagegen/L07-school-day.png) center / cover;box-shadow:var(--eq-pop-shadow, 0 18px 45px rgba(48, 71, 129, .18));color:#fff}.hero-panel:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-58px;z-index:0;height:112px;background:repeating-linear-gradient(90deg,#ffffff94 0,#ffffff94 32px,#fff6ca94 32px,#fff6ca94 64px,#ff7d6e6b 64px,#ff7d6e6b 96px,#63ddb473 96px,#63ddb473 128px);opacity:.82;transform:rotate(-1deg)}.hero-panel>*{position:relative;z-index:1}.nav-back{grid-column:1 / -1;justify-self:start;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.84);border-radius:999px;background:#ffffffeb;color:#16324a;padding:0 14px;font-weight:950;box-shadow:0 8px #17203314}.hero-copy{max-width:820px}.hero-eyebrow,.section-kicker{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.hero-eyebrow{border:2px solid rgba(255,255,255,.56);background:#ffffff2e;color:#fffffff5}.hero-panel h1{margin:10px 0 12px;color:#fff;font-size:clamp(2.15rem,5vw,4.35rem);line-height:1.02;letter-spacing:0;text-shadow:0 5px 0 rgba(17,32,62,.16),0 18px 38px rgba(0,0,0,.24)}.hero-panel p{max-width:760px;margin:0;color:#ffffffed;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:760;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-button,.outline-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;font-weight:950;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-button{border:2px solid transparent;background:linear-gradient(135deg,var(--eq-blue, #2394ff),var(--eq-berry, #8d68ff));color:#fff;box-shadow:0 10px #1720331f,0 18px 30px #2394ff38}.outline-button{border:2px solid rgba(23,32,51,.1);background:#ffffffeb;color:#172033;box-shadow:0 8px #1720330f}.primary-button:hover:not(:disabled),.outline-button:hover:not(:disabled),.nav-back:hover{transform:translateY(-2px)}.hero-badge{justify-self:end;width:min(260px,100%);min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;border:4px solid rgba(255,255,255,.92);border-radius:8px;background:#ffffffeb;color:#172033;padding:22px;text-align:center;box-shadow:0 12px #1720331a,0 24px 44px #17203333}.hero-badge strong{display:block;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95}.hero-badge span{color:#526174;font-size:.8rem;font-weight:950;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.metric-card{position:relative;overflow:hidden;min-height:128px;border:3px solid rgba(255,255,255,.86);border-radius:8px;background:#ffffffe6;box-shadow:0 10px #3e67b212,0 20px 38px #33508c1f;color:#172033;padding:18px}.metric-card span{display:block;color:#5f6d7a;font-size:.76rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.metric-card strong{display:block;margin:8px 0 6px;color:#172033;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.05}.metric-card p{margin:0;color:#526174;line-height:1.5}.review-phase-card{padding-right:96px}.learning-panel{margin-top:18px;border:3px solid rgba(255,255,255,.86);border-radius:8px;background:#ffffffe0;box-shadow:var(--eq-pop-shadow, 0 18px 45px rgba(48, 71, 129, .18));padding:clamp(18px,2.4vw,28px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading-row h2{margin:4px 0 0;color:#172033;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.08;letter-spacing:0}.section-kicker{background:#2394ff1f;color:#1c5f9c}.review-weakness-list,.review-results-list{display:grid;gap:12px}.review-weakness-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:2px solid rgba(24,38,52,.1);border-left-width:8px;border-radius:8px;background:#ffffffeb;box-shadow:0 10px 24px #30478114;padding:14px 16px}.review-weakness-row>div:first-child{min-width:0}.review-weakness-row strong{display:block;margin:0 0 4px;color:#172033;overflow-wrap:anywhere}.review-weakness-row span{color:#526174;font-weight:850}.review-weakness-row.is-due{border-left-color:var(--eq-coral, #ff7d6e)}.review-weakness-row.is-ready{border-left-color:var(--eq-mint, #63ddb4)}.review-row-tags>span:last-child{border-radius:999px;background:#17203314;color:#172033;padding:6px 10px;font-size:.82rem;font-weight:950}.empty-state{display:grid;gap:8px;border:2px dashed rgba(35,148,255,.28);border-radius:8px;background:#f4fbffe0;color:#172033;padding:22px}.empty-state p{margin:0;color:#526174}.practice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:18px}.review-practice-page .hero-panel{min-height:260px}.review-feedback-panel .metric-card{min-height:auto}.feedback-banner{border:3px solid rgba(255,255,255,.86);border-radius:8px;padding:14px;font-weight:950;box-shadow:0 10px #1720330f}.feedback-banner.is-correct{background:linear-gradient(135deg,#daffe8f5,#fffffff0);color:#145c46}.feedback-banner.is-wrong{background:linear-gradient(135deg,#ffe7e2f5,#fffffff0);color:#9b332b}.review-run-progress span{display:block;margin-bottom:8px;color:#fffffff0;font-weight:950}.review-run-progress .level-progress-track{height:14px;border-color:#ffffff8f;background:#17203338}.level-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--eq-blue, #2394ff),var(--eq-mint, #63ddb4),var(--eq-sun, #ffd65a))}@media(max-width:1180px){.hero-panel,.practice-grid{grid-template-columns:1fr}.hero-badge{justify-self:stretch;width:100%;min-height:130px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-shell{padding:14px}.hero-panel{min-height:auto;padding:18px}.hero-panel h1{font-size:2.1rem}.stat-grid,.review-route-panel{grid-template-columns:1fr}.panel-heading-row,.review-weakness-row{display:grid;grid-template-columns:1fr}.review-row-tags{justify-content:flex-start}.primary-button,.outline-button{width:100%}}:root{--eq-navy: #10265c;--eq-blue: #246bfe;--eq-blue-soft: #eaf3ff;--eq-purple: #7958e8;--eq-mint: #dff8ee;--eq-green: #168b68;--eq-sun: #ffd75e;--eq-coral: #ff735f;--eq-cream: #fffaf0;--eq-white: #ffffff;--eq-text: #18233b;--eq-muted: #657086;--eq-line: #e4e8f0;--eq-radius-sm: 14px;--eq-radius: 22px;--eq-radius-lg: 32px;--eq-shadow: 0 10px 0 rgba(20, 48, 105, .06), 0 18px 45px rgba(30, 66, 130, .1);--ink: var(--eq-text);--muted: var(--eq-muted);--line: var(--eq-line);--paper: #f8fbff;--panel: var(--eq-white);--panel-strong: var(--eq-blue-soft);--green: var(--eq-green);--green-dark: #0b6f55;--blue: var(--eq-blue);--amber: #c58a00;--red: #d94d43;--radius: var(--eq-radius-sm)}html{background:#f8fbff}body{background:#f8fbff;color:var(--eq-text);font-family:Nunito,Aptos,Segoe UI,system-ui,sans-serif;font-size:16px}button,a,input,select,textarea{border-radius:14px}button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid rgba(36,107,254,.24);outline-offset:3px}.app-shell{display:block;min-height:100vh;padding-top:112px}.app-content{min-width:0}.sidebar{position:fixed;z-index:100;inset:0 0 auto 0;width:100%;height:112px;padding:0 clamp(18px,3vw,52px);border:0;border-bottom:1px solid var(--eq-line);background:#fffffff7;box-shadow:0 8px 30px #20386812;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(190px,.8fr) minmax(620px,3fr) minmax(170px,.8fr);align-items:stretch;gap:18px}.brand-block{align-self:center;border:0;padding:0;gap:10px}.brand-block>span{width:48px;height:48px;overflow:hidden;border-radius:16px;background:var(--eq-blue-soft)}.brand-block>span img{width:100%;height:100%;object-fit:contain}.brand-block strong{color:var(--eq-navy);font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:950}.brand-block small{display:none}.sidebar .learner-card{grid-column:3;grid-row:1;align-self:center;min-width:0;margin:0;padding:12px 16px;border:1px solid #e8dfcc;border-radius:18px;background:var(--eq-cream);box-shadow:none}.learner-card .eyebrow{display:none}.learner-card strong{display:block;color:var(--eq-navy);font-size:.98rem}.learner-card p{margin:2px 0 8px;color:var(--eq-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learner-card>small{display:none}.mini-progress{height:7px;border-radius:99px;background:#e6e8ed;overflow:hidden}.mini-progress span{display:block;height:100%;border-radius:inherit;background:var(--eq-blue)}.sidebar .main-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:stretch;gap:2px}.sidebar .main-nav button{position:relative;min-width:94px;height:100%;padding:15px 10px 12px;border:0;border-radius:0;background:transparent;text-align:center;color:var(--eq-text)}.sidebar .main-nav button:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:6px;border-radius:6px 6px 0 0;background:transparent}.sidebar .main-nav button:hover{background:#f5f8ff}.sidebar .main-nav button.active{color:var(--eq-blue);background:#f1f6ff}.sidebar .main-nav button.active:after{background:var(--eq-blue)}.sidebar .main-nav .nav-mark{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 5px;border:2px solid currentColor;border-radius:12px;color:inherit;background:#fff;font-size:.72rem;font-weight:1000}.sidebar .main-nav button>span:last-child{display:block}.sidebar .main-nav button strong{color:inherit;font-size:.78rem;line-height:1.1;white-space:nowrap}.sidebar .main-nav button small{color:var(--eq-muted);font-size:.68rem;line-height:1.1;margin-top:3px;white-space:nowrap}.sidebar-card,.switch-profile,.legacy-link{display:none!important}.tool-drawer{position:fixed;right:18px;bottom:18px;z-index:105;margin:0}.tool-drawer summary{list-style:none;padding:10px 14px;border:1px solid var(--eq-line);border-radius:999px;background:#fff;box-shadow:var(--eq-shadow);color:var(--eq-muted);font-weight:900;cursor:pointer}.tool-drawer nav{position:absolute;right:0;bottom:52px;width:220px;padding:10px;border:1px solid var(--eq-line);border-radius:18px;background:#fff;box-shadow:var(--eq-shadow)}.page,.page-shell,.roadmap-page{width:min(1480px,100%);max-width:none;margin:0 auto;padding:clamp(20px,3vw,44px)}.page-header,.lesson-header{margin-bottom:28px}.page-header h1,.lesson-header h1{color:var(--eq-navy);font-size:clamp(2rem,4vw,3.25rem);font-weight:1000;line-height:1.04}.eyebrow{color:var(--eq-blue);font-weight:1000;letter-spacing:.1em}.roadmap-hero,.mission-hero,.report-hero,.progress-hero,.review-hero,.pv-hero{position:relative;min-height:350px;overflow:hidden;border:1px solid #dbe8ff;border-radius:var(--eq-radius-lg);background-color:#e8f7ff;background-image:url(/teaching-videos/backgrounds-imagegen/L08-friends-play.png);background-size:cover;background-position:center;box-shadow:var(--eq-shadow)}.roadmap-hero:before,.mission-hero:before,.report-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff61;pointer-events:none}.roadmap-hero>div:first-child,.mission-hero>div:first-child,.report-hero>div:first-child{position:relative;z-index:2;width:min(650px,62%);padding:clamp(28px,4vw,58px)}.roadmap-hero h1,.mission-hero h1,.report-hero h1{margin:4px 0 12px;color:var(--eq-navy);font-size:clamp(2.35rem,5vw,4.7rem);font-weight:1000;line-height:.98;letter-spacing:-.045em}.roadmap-hero p,.mission-hero p,.report-hero p{color:#324464;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.roadmap-hero-actions,.report-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.roadmap-hero-actions button,.report-actions button,.page-header button,.primary-action{min-height:52px;padding:12px 22px;border:2px solid var(--eq-blue);border-radius:16px;background:#fff;color:var(--eq-navy);font-weight:1000;box-shadow:0 5px #1430691a}.roadmap-hero-actions .primary-action,.report-actions .primary-action,.primary-action{background:var(--eq-blue);color:#fff;border-color:var(--eq-blue)}.roadmap-compass{position:absolute!important;z-index:2;right:clamp(18px,4vw,60px);bottom:0;width:min(310px,29%);padding:0;border:0;background:transparent;box-shadow:none}.roadmap-compass img{width:100%;max-height:300px;object-fit:contain;object-position:bottom}.roadmap-compass strong,.roadmap-compass span{position:absolute;right:0;padding:6px 12px;border-radius:12px;background:#fffffff0;color:var(--eq-navy)}.roadmap-compass strong{top:28px;font-size:clamp(2rem,4vw,4rem)}.roadmap-compass span{top:102px;font-weight:900}.roadmap-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.roadmap-summary article,.report-card-grid article,.dashboard-grid article,.stat-card,.metric-card{border:1px solid var(--eq-line);border-radius:var(--eq-radius);background:#fff;box-shadow:0 7px #1930610d;padding:22px}.roadmap-summary article:nth-child(1){border-top:7px solid var(--eq-blue)}.roadmap-summary article:nth-child(2){border-top:7px solid #42cda1}.roadmap-summary article:nth-child(3){border-top:7px solid var(--eq-sun)}.roadmap-summary article:nth-child(4){border-top:7px solid var(--eq-coral)}.roadmap-summary strong{color:var(--eq-navy);font-size:clamp(1.75rem,3vw,2.5rem)}.pv-home-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:24px 0;padding:clamp(22px,3vw,34px);border:2px solid #dbe3ff;border-radius:var(--eq-radius-lg);background:#f7f4ff;box-shadow:var(--eq-shadow)}.pv-home-entry-art{width:86px;height:86px;display:grid;place-items:center;border:5px solid white;border-radius:24px;background:var(--eq-purple);color:#fff;font-size:1.55rem;font-weight:1000;box-shadow:0 7px #d8d0ff}.pv-home-entry h2{margin:2px 0 6px;color:var(--eq-navy);font-size:clamp(1.6rem,3vw,2.4rem)}.pv-home-entry p{margin:0;color:var(--eq-muted);line-height:1.5}.placement-gate,.roadmap-world,.report-panel,.table-card,.task-card,.feedback-panel{border:1px solid var(--eq-line);border-radius:var(--eq-radius-lg);background:#fff;box-shadow:var(--eq-shadow)}.roadmap-world{overflow:hidden}.world-heading{background:var(--eq-cream);color:var(--eq-navy)}.roadmap-levels{gap:16px}.roadmap-level-card{min-height:240px;border:2px solid #e4e9f2;border-radius:24px;background-color:#fff;box-shadow:0 6px #14306914}.roadmap-level-card:hover:not(:disabled),.roadmap-level-card.is-current{border-color:var(--eq-blue);box-shadow:0 8px #246bfe2e}.roadmap-level-card.is-current{background-color:#f3f7ff}.level-progress-track{border-radius:99px;background:#e9ecf2}.level-progress-track span,.level-progress-track i{background:var(--eq-blue)}.mission-grid,.quest-grid{gap:18px}.mission-grid button,.quest-grid button{min-height:200px;border:2px solid var(--eq-line);border-radius:24px;background:#fff;box-shadow:0 7px #14306912}.mission-grid button:first-child{border-color:var(--eq-blue);background:#f2f7ff}.mission-grid button span{color:var(--eq-purple);font-weight:1000}.mission-grid button strong{color:var(--eq-navy);font-size:1.35rem}.mission-grid button small{color:var(--eq-muted);line-height:1.5}.dashboard-grid{gap:18px}.report-panel-heading h2,.panel-heading-row h2,.dashboard-grid h2{color:var(--eq-navy)}.weakness-row,.review-row,.progress-row{border-radius:16px}@media(max-width:1180px){.app-shell{padding-top:96px}.sidebar{height:96px;padding-inline:18px;grid-template-columns:170px minmax(0,1fr) 145px;gap:8px}.brand-block>span{width:40px;height:40px}.sidebar .main-nav button{min-width:76px;padding-inline:5px}.sidebar .main-nav .nav-mark{width:30px;height:30px;border-radius:10px}.sidebar .main-nav button strong{font-size:.7rem}.sidebar .main-nav button small,.learner-card p{display:none}.roadmap-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding-top:74px;padding-bottom:78px}.sidebar{height:74px;padding:8px 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand-block{grid-column:1}.brand-block>span{width:42px;height:42px}.brand-block strong{font-size:1.2rem}.sidebar .learner-card{grid-column:2;padding:8px 12px}.learner-card strong{font-size:.88rem}.learner-card p,.learner-card .mini-progress{display:none}.sidebar .main-nav{position:fixed;z-index:101;left:0;right:0;bottom:0;height:76px;padding:5px 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--eq-line);background:#fffffffa;box-shadow:0 -10px 28px #20386814;justify-content:space-around;overflow-x:auto}.sidebar .main-nav button{flex:0 0 72px;min-width:72px;height:66px;padding:5px 4px;border-radius:14px}.sidebar .main-nav button:after{display:none}.sidebar .main-nav .nav-mark{width:28px;height:28px;margin-bottom:3px;font-size:.62rem}.sidebar .main-nav button strong{font-size:.62rem}.sidebar .main-nav button small{display:none}.page,.page-shell,.roadmap-page{padding:16px}.roadmap-hero,.mission-hero,.report-hero{min-height:520px}.roadmap-hero>div:first-child,.mission-hero>div:first-child,.report-hero>div:first-child{width:100%;padding:26px 22px}.roadmap-hero h1,.mission-hero h1,.report-hero h1{font-size:clamp(2.35rem,11vw,3.7rem)}.roadmap-compass{width:250px;max-width:70%;right:-4px}.roadmap-compass strong{top:0;font-size:2.4rem}.roadmap-compass span{top:58px;font-size:.75rem}.roadmap-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-home-entry{grid-template-columns:auto minmax(0,1fr)}.pv-home-entry .primary-action{grid-column:1 / -1;width:100%}.roadmap-levels,.map-grid,.dashboard-grid,.mission-grid,.quest-grid,.report-card-grid,.lesson-layout,.report-split,.practice-grid{grid-template-columns:1fr}.tool-drawer{bottom:90px}}@media(max-width:520px){.brand-block>span{display:none}.sidebar .learner-card{max-width:145px}.roadmap-summary{gap:10px}.roadmap-summary article{padding:16px}.roadmap-summary p{font-size:.78rem}.pv-home-entry{grid-template-columns:1fr;text-align:left}.pv-home-entry-art{width:68px;height:68px}.roadmap-hero-actions,.report-actions{display:grid}.roadmap-hero-actions button,.report-actions button{width:100%}.page-header,.lesson-header{display:grid}.stat-strip{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.roadmap-hero,.mission-hero,.report-hero{padding:0!important;min-height:390px}.roadmap-hero>div:first-child,.mission-hero>div:first-child,.report-hero>div:first-child{width:min(820px,70%);padding:clamp(34px,3.5vw,52px)}.roadmap-hero h1,.mission-hero h1,.report-hero h1{font-size:clamp(2.75rem,4.4vw,4rem)}@media(max-width:820px){.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar .main-nav{grid-column:auto!important;grid-row:auto!important;inset:auto 0 0 0!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;margin:0!important;transform:none!important}.sidebar .main-nav button{flex:1 1 0;min-width:58px;max-width:92px}.roadmap-hero,.mission-hero,.report-hero{min-height:500px}.roadmap-hero>div:first-child,.mission-hero>div:first-child,.report-hero>div:first-child{width:100%;height:auto;padding:26px 22px}}@media(max-width:520px){.sidebar .main-nav{padding-inline:4px}.sidebar .main-nav button{min-width:56px;padding-inline:2px}.sidebar .main-nav button strong{font-size:.58rem;letter-spacing:-.01em}.roadmap-hero,.mission-hero,.report-hero{min-height:510px}.roadmap-hero h1,.mission-hero h1,.report-hero h1{font-size:clamp(2.15rem,10.5vw,2.75rem)}}.quest-home-hero{position:relative;min-height:370px;overflow:hidden;border:1px solid #dfe6f2;border-radius:30px;background-color:#eef9ff;background-image:url(/teaching-videos/backgrounds-imagegen/L08-friends-play.png);background-size:cover;background-position:center 48%;box-shadow:0 10px #19346f0f,0 24px 55px #2a4a851f}.quest-home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffcf4fa,#fffcf4e6 34%,#ffffff26 66%,#ebf9ff33);pointer-events:none}.quest-home-copy{position:relative;z-index:3;width:min(590px,48%);padding:clamp(34px,4vw,60px)}.quest-greeting{margin:0 0 8px;color:var(--eq-navy);font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:950}.quest-home-copy h1{margin:0;color:var(--eq-navy);font-size:clamp(3.2rem,6vw,5.4rem);line-height:.94;letter-spacing:-.055em;font-weight:1000}.quest-home-copy>p:not(.quest-greeting){margin:18px 0 0;color:#455674;font-size:1.1rem;font-weight:750}.quest-home-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.quest-home-actions button{min-height:56px;padding:12px 24px;border:2px solid #e1e6ef;border-radius:17px;background:#fff;color:var(--eq-navy);box-shadow:0 6px #10265c1a;font-weight:1000}.quest-home-actions .quest-start-button{border-color:var(--eq-blue);background:var(--eq-blue);color:#fff}.quest-home-actions .quest-mission-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-color:var(--eq-mint);background:#f1ffd8}.quest-mission-button small{font-size:.78rem;line-height:1}.quest-home-actions .quest-exit-button{border-color:#172957;color:#172957;background:#fffdf6}.quest-panda{position:absolute;z-index:2;left:54%;bottom:-24px;width:min(310px,27%);max-height:345px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(26,46,82,.2))}.quest-journey-card{position:absolute;z-index:3;right:clamp(22px,3vw,48px);top:clamp(22px,3vw,48px);width:min(270px,22%);padding:26px 24px;border:1px solid rgba(218,209,185,.9);border-radius:22px;background:#fffbecf5;box-shadow:0 10px #50401d14,0 18px 34px #2237571f;text-align:center}.quest-journey-card strong{display:block;color:var(--eq-blue);font-size:clamp(2.7rem,5vw,4.4rem);line-height:1}.quest-journey-card>span{display:block;margin:5px 0 16px;color:#46526a;font-weight:850}.quest-journey-track{height:12px;overflow:hidden;border-radius:999px;background:#dfe4ec}.quest-journey-track span{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--eq-blue)}.quest-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin:24px 0}.quest-step-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:300px;padding:26px 18px 18px;overflow:hidden;border:2px solid #e2e6ee;border-radius:25px;background:#fffffffa;box-shadow:0 8px #172f6512;color:var(--eq-navy);text-align:center;opacity:1!important}.quest-step-card.is-active{border:4px solid var(--eq-blue);padding:24px 16px 16px;box-shadow:0 9px #246bfe33,0 18px 35px #246bfe1f}.quest-step-card:not(.is-active){background:#fbfcfe;color:#6c7484}.quest-step-number{position:absolute;top:0;left:0;display:grid;place-items:center;width:54px;height:48px;border-radius:0 0 18px;background:var(--eq-purple);color:#fff;font-size:1.3rem;font-weight:1000}.quest-step-card.is-active .quest-step-number{background:var(--eq-blue)}.quest-step-art{width:130px;height:130px;display:grid;place-items:center;margin:4px 0 12px;overflow:hidden;border-radius:50%;background:#f2f5fa;box-shadow:inset 0 -8px #1e325a0d}.quest-step-art img{width:100%;height:100%;object-fit:cover}.quest-step-card>strong{font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.15}.quest-step-card>small{min-height:34px;margin-top:5px;color:#70798b;font-size:.86rem;line-height:1.35}.quest-step-cta,.quest-step-lock{width:100%;min-height:42px;display:grid;place-items:center;margin-top:auto;border-radius:13px;background:var(--eq-blue);color:#fff;font-weight:1000}.quest-step-lock{background:#edf0f4;color:#7b8290}.quest-learning-path{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(500px,1.65fr);align-items:center;gap:28px;padding:24px 28px;border:2px solid #bfe8cf;border-radius:25px;background:#fbfffc;box-shadow:0 8px #24764d0f}.quest-path-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.quest-path-intro h2{margin:0;color:var(--eq-navy);font-size:1.35rem}.quest-path-intro p{margin:4px 0 0;color:var(--eq-muted)}.quest-map-mark{grid-row:1 / 3;display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#e8f5ff;color:var(--eq-blue);font-weight:1000}.quest-path-intro button{grid-column:2;justify-self:start;border:0;background:transparent;color:var(--eq-green);font-weight:1000;padding:4px 0}.quest-path-nodes{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px}.quest-path-nodes>span{display:grid;place-items:center;gap:6px;color:#8a91a0;font-weight:900}.quest-path-nodes b{display:grid;place-items:center;width:64px;height:64px;border:5px solid #e6e9ee;border-radius:50%;background:#f2f3f5;font-size:1.35rem}.quest-path-nodes .is-open{color:var(--eq-green)}.quest-path-nodes .is-open b{border-color:#74d8ad;background:#e7faef;color:var(--eq-green)}.quest-path-nodes i{height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,#c8cdd6 0 8px,transparent 8px 15px)}.roadmap-page>.placement-gate{display:none}.roadmap-worlds{margin-top:32px}@media(max-width:1050px){.quest-home-copy{width:58%}.quest-panda{left:52%;width:30%}.quest-journey-card{width:210px;padding:20px}.quest-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-learning-path{grid-template-columns:1fr}}@media(max-width:700px){.quest-home-hero{min-height:590px}.quest-home-hero:after{background:linear-gradient(180deg,#fffcf4fa,#fffcf4e6 48%,#ffffff1a)}.quest-home-copy{width:100%;padding:28px 22px}.quest-home-copy h1{font-size:clamp(3rem,15vw,4.25rem)}.quest-home-actions{display:grid;grid-template-columns:1fr 1fr}.quest-home-actions button{padding-inline:12px}.quest-panda{left:18px;bottom:-16px;width:245px;max-width:64%}.quest-journey-card{top:auto;right:16px;bottom:20px;width:145px;padding:16px 12px}.quest-journey-card strong{font-size:2.5rem}.quest-journey-card>span{margin-bottom:10px;font-size:.78rem}.quest-step-grid{grid-template-columns:1fr}.quest-step-card{min-height:270px}.quest-learning-path{padding:20px}.quest-path-intro{grid-template-columns:auto minmax(0,1fr)}.quest-path-nodes{gap:4px}.quest-path-nodes b{width:48px;height:48px;border-width:4px}}@media(max-width:430px){.quest-home-actions{grid-template-columns:1fr}.quest-home-hero{min-height:650px}.quest-panda{width:210px}.quest-step-art{width:120px;height:120px}.quest-path-nodes>span:nth-of-type(n+4),.quest-path-nodes>i:nth-of-type(n+3){display:none}.quest-path-nodes{grid-template-columns:auto 1fr auto 1fr auto}}.pronunciation-score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7}.pronunciation-score div{display:grid;gap:4px}.pronunciation-score span{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.pronunciation-score strong{color:var(--eq-navy, var(--ink));font-size:1.25rem}@media(max-width:560px){.pronunciation-score{grid-template-columns:repeat(2,minmax(0,1fr))}}