:root{--cream:#fff7df;--paper:#fffdf6;--ink:#233126;--muted:#687369;--line:#d9dfd1;--forest:#2f7455;--forest-dark:#20523d;--mint:#dff3e7;--orange:#f47d4a;--orange-soft:#ffe1cf;--yellow:#ffd65a;--berry:#d8607c;--blue:#5a8bd7;--shadow:0 5px 0 rgba(35,49,38,0.12);--learner-content-width:720px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--cream);color:var(--ink);overflow-x:hidden}body{font-family:Avenir Next,Trebuchet MS,Noto Sans Arabic,system-ui,sans-serif}body,button{letter-spacing:0}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button,img{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.learner-auth,.learner-auth-loading{min-height:100dvh;padding:22px;display:grid;place-items:center;background:linear-gradient(rgba(47,116,85,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,116,85,.06) 1px,transparent 1px),var(--cream);background-size:24px 24px}.learner-auth-loading{align-content:center;gap:12px;color:var(--forest);font-size:13px}.learner-auth-loading>span{width:48px;height:48px;border:2px solid var(--ink);border-radius:11px;background:var(--yellow);display:grid;place-items:center;box-shadow:3px 3px 0 var(--ink);font:italic 900 31px/1 Georgia,serif}.learner-auth>form{width:min(100%,420px);padding:22px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:6px 6px 0 var(--ink);display:grid;grid-gap:16px;gap:16px}.learner-auth-brand{padding-bottom:15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;font-size:20px}.learner-auth-brand>span{width:36px;height:36px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);display:grid;place-items:center;font:italic 900 24px/1 Georgia,serif}.learner-auth-intro{padding:15px;border-radius:11px;background:var(--mint);position:relative}.learner-auth-intro>svg{position:absolute;right:14px;top:14px;width:30px;height:30px;color:var(--forest)}.learner-auth-intro>span{color:var(--forest);font-size:9px;font-weight:900}.learner-auth-intro h1{margin:5px 0;font-size:28px}.learner-auth-intro p{margin:0;max-width:270px;color:var(--muted);font-size:12px;line-height:17px}.learner-auth label{display:grid;grid-gap:5px;gap:5px;color:var(--forest);font-size:10px;font-weight:900}.learner-auth input{width:100%;height:47px;padding:0 12px;border:2px solid var(--line);border-radius:9px;background:white;color:var(--ink);font:inherit;font-size:15px}.learner-auth input:focus{border-color:var(--forest);outline:3px solid var(--mint)}.learner-auth-error{min-height:40px;padding:9px 10px;border:1px solid #e6a58f;border-radius:8px;background:#fff0e8;color:#914528;display:flex;align-items:center;gap:7px;font-size:11px}.learner-account{justify-self:end;display:flex;align-items:center;gap:6px}.learner-account>small{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--forest);font-size:10px;font-weight:900}.learner-account>button{width:34px;height:34px;padding:0;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);color:var(--forest);display:grid;place-items:center}.learner-account>button svg{width:16px}.app,.stage{height:100dvh;overflow:hidden}.app{width:100%;max-width:var(--learner-content-width);margin:0 auto;background:var(--cream);position:relative;display:flex;flex-direction:column}.screen{min-height:0;padding:18px 18px 28px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.app-header{min-height:48px;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-gap:12px;gap:12px}.app-header,.logo{align-items:center}.logo{border:0;background:transparent;padding:0;display:flex;gap:7px;font-size:21px;font-weight:900;cursor:pointer}.logo span{width:34px;height:34px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);display:grid;place-items:center;font:italic 900 23px/1 Georgia,serif}.logo span,.points{box-shadow:2px 2px 0 var(--ink)}.points{height:36px;padding:0 10px;border:2px solid var(--ink);border-radius:18px;background:var(--paper);display:flex;align-items:center;gap:6px;color:#a55a16}.points strong{color:var(--ink);font-size:13px}.welcome{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:12px;gap:12px;padding-top:18px}.kicker{margin-bottom:5px;color:var(--forest);text-transform:uppercase;font-size:10px;line-height:15px;font-weight:900;letter-spacing:.08em}.year-selector{min-height:30px;margin:0 0 8px;padding:4px 7px;border:1px solid #b8d7c3;border-radius:8px;background:var(--mint);color:var(--forest);display:inline-flex;align-items:center;gap:5px;cursor:pointer}.year-selector span{font-size:11px;font-weight:900}.year-selector small{padding-left:5px;border-left:1px solid #b8d7c3;color:var(--muted);font-size:8px;font-weight:800}.year-selector svg:last-child{margin-left:1px}.header-year-selector{margin:0;justify-self:start;white-space:nowrap}.complete-screen h1,.welcome h1{margin-bottom:7px;font-size:31px;line-height:34px;font-weight:900}.welcome p:last-child{max-width:310px;color:var(--muted);font-size:14px;line-height:20px;margin-bottom:0}.streak{min-width:46px;height:38px;padding:0 9px;border-radius:19px;background:var(--orange-soft);color:var(--orange);display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #f3b08f}.streak strong{color:var(--ink)}.compact-intro{min-height:158px;margin-top:14px;padding:14px;border:2px solid var(--ink);border-radius:12px;background:var(--mint);position:relative;overflow:hidden;box-shadow:var(--shadow)}.compact-intro-copy{position:relative;z-index:4;width:min(62%,390px);min-height:126px;display:flex;align-items:center;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.88)}.compact-intro h1{margin:0;font-size:24px;line-height:28px;white-space:nowrap}.compact-intro .streak{position:absolute;z-index:5;top:9px;right:9px;min-width:40px;height:30px;font-size:11px}.home-nook{--scene-sky:#bfe5df;--scene-ground:#8fc68c;background:var(--scene-sky)}.home-reward-scene{position:absolute;z-index:1;inset:0;overflow:hidden;background-size:cover;background-position:50%}.home-reward-scene:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-43px;height:104px;border-radius:50% 50% 0 0;background:var(--scene-ground);border-top:2px solid rgba(35,49,38,.14)}.home-nook.illustrated-backdrop .home-reward-scene:before{opacity:.5}.home-reward-scene>.scene-companion{position:absolute;bottom:-3px;object-fit:contain;mix-blend-mode:normal;filter:saturate(1.16) contrast(1.08) drop-shadow(0 7px 5px rgba(35,49,38,.24))}.home-reward-scene>.scene-companion-0{z-index:5;left:60%;width:112px;height:128px;transform:translateX(-50%)}.home-reward-scene>.scene-companion-1{z-index:4;left:42%;width:88px;height:103px;transform:translateX(-50%)}.home-reward-scene>.scene-companion-2{z-index:4;left:77%;width:88px;height:103px;transform:translateX(-50%)}.home-reward-scene .scene-item-image{width:48px;height:48px}.home-reward-scene .scene-sky-item{font-size:25px}.home-reward-scene .scene-sky-item.scene-position-0{left:34%}.home-reward-scene .scene-sky-item.scene-position-1{right:14%}.home-reward-scene .scene-ground-item{font-size:26px}.home-reward-scene .scene-ground-item.scene-position-0{left:4%}.home-reward-scene .scene-ground-item.scene-position-1{left:25%}.home-reward-scene .scene-ground-item.scene-position-2{left:86%}.home-reward-scene .scene-home-item{font-size:44px}.home-reward-scene .scene-accent-item{font-size:25px}.home-reward-scene .scene-accent-item.scene-position-0{left:3%;top:5%}.home-reward-scene .scene-accent-item.scene-position-1{right:2%;top:42%}.home-reward-scene .scene-accent-item.scene-position-2{left:49%;top:5%;transform:none}.companion-card{min-height:138px;margin-top:20px;border:2px solid var(--ink);border-radius:12px;background:var(--mint);position:relative;display:flex;align-items:center;overflow:hidden;box-shadow:var(--shadow)}.companion-card:after,.companion-card:before{content:"";position:absolute;border-radius:50%;background:rgba(47,116,85,.12)}.companion-card:before{width:90px;height:90px;left:-28px;bottom:-46px}.companion-card:after{width:54px;height:54px;left:47%;top:-29px}.companion-copy{width:63%;padding:16px;position:relative;z-index:1}.speech-label{display:inline-flex;align-items:center;gap:4px;color:var(--forest);text-transform:uppercase;font-size:10px;line-height:14px;font-weight:900;letter-spacing:.06em}.companion-card h2{margin:5px 0;font-size:19px;line-height:23px}.companion-card p{margin:0;color:var(--muted);font-size:12px;line-height:17px}.companion-card .opaque-companion{width:43%;height:140px;object-fit:contain;object-position:center;align-self:flex-end;mix-blend-mode:normal;filter:saturate(1.14) contrast(1.08) drop-shadow(0 5px 4px rgba(35,49,38,.18))}.day-section{margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading>div{display:flex;align-items:center;gap:8px}.section-heading h2{margin:0;font-size:17px;line-height:22px}.section-heading>span:last-child{color:var(--muted);font-size:11px}.section-step{width:27px;height:27px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;font-size:12px;font-weight:900;flex:none}.text-link{border:0;background:transparent;color:var(--forest);display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:900;cursor:pointer;padding:4px 0}.day-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px}.day-button{min-width:0;height:66px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);display:grid;grid-template-rows:14px 24px 15px;place-items:center;cursor:pointer;padding:7px 2px}.day-button small{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.06em}.day-button strong{font-size:17px}.day-button span{height:15px;color:var(--forest)}.day-button.done{background:#eff8f2}.day-button.done.perfect{border-color:#83b896;background:#e7f6ec}.day-button.done.needs-review{border-color:#d6a34f;background:#fff2cf}.day-button.done.needs-review span{color:#85590f}.day-button .day-score{color:inherit;font-size:8px;line-height:13px;font-weight:900;letter-spacing:0;white-space:nowrap}.day-button.selected{background:var(--orange);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.day-button.selected small,.day-button.selected span{color:#59301e}.day-button.locked{background:#f0f0e9;color:#92988e}.day-button.locked small,.day-button.locked span{color:#92988e}.mission-card{margin-top:16px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mission-card:after{content:"";position:absolute;width:88px;height:88px;border:15px solid rgba(255,214,90,.25);border-radius:50%;right:-35px;top:-36px}.mission-top{justify-content:space-between;gap:8px;position:relative;z-index:1}.mission-top,.trail-number{display:flex;align-items:center}.trail-number{gap:5px;color:var(--forest);font-size:11px;font-weight:900;text-transform:uppercase}.duration{color:var(--muted);font-size:11px}.mission-card h2{font-size:22px;line-height:26px;margin:11px 0 4px;position:relative;z-index:1}.mission-card>p{color:var(--muted);font-size:13px;margin-bottom:12px}.clue-row{display:flex;align-items:center;margin-bottom:15px}.clue-row>span{width:34px;height:34px;margin-right:-4px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center}.clue-row .english{background:#dce9ff;color:#356dbf}.clue-row .maths{background:#ffe0c9;color:#bb5d2a}.clue-row .science{background:#d7f1df;color:#277457}.clue-row .arabic{background:#f7dbe4;color:#a64461}.clue-row small{margin-left:10px;color:var(--muted);font-size:11px}.type-samples{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 15px}.type-samples span{padding:5px 7px;border-radius:7px;background:var(--mint);color:var(--forest);font-size:9px;font-weight:900}.primary{min-height:49px;border:2px solid var(--ink);border-radius:10px;background:var(--orange);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.primary:active:not(:disabled),.primary:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{opacity:.4;cursor:not-allowed}.mission-card .primary,.wide{width:100%}.quick-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:16px}.quick-row>button{min-width:0;min-height:84px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.65);display:grid;grid-template-columns:36px 1fr 16px;align-items:center;grid-gap:8px;gap:8px;padding:10px;text-align:left;cursor:pointer}.quick-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.quick-icon.review{background:#dce9ff;color:var(--blue)}.quick-icon.den{background:#fff0bd;color:#8a6813}.quick-row span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.quick-row strong{font-size:11px;line-height:14px}.quick-row small{color:var(--muted);font-size:9px;line-height:12px}.bottom-nav{position:relative;z-index:20;width:100%;flex:0 0 auto;height:calc(76px + env(safe-area-inset-bottom));padding:7px 18px max(7px,env(safe-area-inset-bottom));border-top:1.5px solid var(--line);background:var(--paper);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav button{border:0;background:transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);cursor:pointer}.bottom-nav button>span{position:relative;height:24px}.bottom-nav button strong{font-size:10px}.bottom-nav button.active{color:var(--forest);background:#eaf6ee}.bottom-nav small{position:absolute;right:-9px;top:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--berry);color:white;display:grid;place-items:center;font-size:8px;border:1px solid white}.learn-screen{padding:0 0 86px;background:#eef7f1;min-height:0}.learn-header{min-height:72px;padding:8px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;grid-gap:12px;gap:12px;background:var(--paper);border-bottom:1px solid var(--line)}.icon-button{width:41px;height:41px;border:1.5px solid var(--line);background:white;border-radius:10px;display:grid;place-items:center;cursor:pointer}.question-progress-summary{min-width:0;display:grid;grid-gap:7px;gap:7px}.question-progress-summary>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.question-progress-summary strong{color:var(--ink);font-size:13px;line-height:16px}.question-progress-summary span{color:var(--muted);font-size:9px;line-height:12px;font-weight:800}.question-progress-summary span.save-error{color:#b13d4d}.question-progress-track{height:7px;border-radius:4px;background:#d8e0d8;overflow:hidden}.question-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--forest);transition:width .18s ease}.question-nav-trigger svg{width:19px}.question-nav-layer{position:fixed;z-index:90;inset:0 auto 0 50%;transform:translateX(-50%);width:min(100%,var(--learner-content-width));display:flex;align-items:flex-end}.question-nav-scrim{position:absolute;inset:0;border:0;background:rgba(26,42,31,.48)}.question-nav-sheet{width:100%;position:relative;z-index:1;padding:8px 18px max(22px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--paper);box-shadow:0 -8px 30px rgba(35,49,38,.22);animation:sheet-up .2s ease-out both}.question-nav-sheet>header{min-height:52px;margin-bottom:14px;display:grid;grid-template-columns:1fr 42px;grid-gap:12px;gap:12px;align-items:center}.question-nav-sheet>header small{color:var(--forest);font-size:9px;font-weight:900;text-transform:uppercase}.question-nav-sheet h2{margin:1px 0 0;font-size:21px;line-height:25px}.question-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));grid-gap:9px;gap:9px}.question-nav-grid>button{position:relative;min-width:44px;min-height:48px;padding:0;border:1.5px solid var(--line);border-radius:10px;background:white;display:grid;place-items:center;cursor:pointer;font-size:13px;font-weight:900}.question-nav-grid>button.answered{border-color:#9ac7aa;background:var(--mint);color:var(--forest)}.question-nav-grid>button.active{border:2px solid var(--ink);background:var(--orange);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.question-nav-grid svg{position:absolute;right:3px;bottom:3px;width:11px;height:11px;stroke-width:3}.question-nav-sheet>p{margin:13px 0 0;color:var(--muted);text-align:center;font-size:10px}.challenge-context{padding:17px 18px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.challenge-context strong{color:var(--forest)}.question-card{width:calc(100% - 28px);margin:12px auto 24px;padding:19px 17px;border:2px solid var(--ink);border-radius:13px;background:var(--paper);box-shadow:5px 5px 0 #b9d9c4}.question-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;font-size:10px;line-height:14px;font-weight:900;text-transform:uppercase}.learn-screen.english .question-badge{background:#dce9ff;color:#356dbf}.learn-screen.maths .question-badge{background:#ffe0c9;color:#a84f22}.learn-screen.science .question-badge{background:#d7f1df;color:#277457}.learn-screen.arabic .question-badge{background:#f7dbe4;color:#a64461}.question-heading{display:grid;grid-template-columns:1fr 43px;grid-gap:8px;gap:8px;align-items:start;margin-top:15px}.question-heading h1{min-width:0;font-size:24px;line-height:30px;margin-bottom:0;overflow-wrap:anywhere;unicode-bidi:plaintext}.listen-button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--ink);background:#e6f2ff;display:grid;place-items:center;cursor:pointer}.listen-button:disabled{cursor:wait}.listen-button.playing{border:2px solid #183f2d;background:var(--forest);color:white;box-shadow:0 0 0 4px #cbe8d5}.audio-loader{animation:audio-loader-spin .8s linear infinite}.playback-indicator{width:24px;height:24px;position:relative;display:inline-grid;flex:0 0 24px;place-items:center;color:currentColor}.playback-indicator>svg{width:22px;height:22px;position:relative;z-index:1;stroke-width:2.75}.playback-ripple{width:24px;height:24px;position:absolute;inset:0;border:2px solid;border-radius:50%;opacity:.65;animation:playback-ripple 1s ease-out infinite}.arabic-word-audio{display:inline-flex;align-items:center;gap:4px;margin-inline:2px;white-space:nowrap;vertical-align:baseline}.arabic-word-audio bdi{font-family:Noto Naskh Arabic,Geeza Pro,serif}.arabic-word-audio button{width:28px;height:28px;flex:none;padding:0;border:1.5px solid #bd7188;border-radius:50%;background:#fff0f4;color:#9e3555;display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;transform:translateY(1px)}.arabic-word-audio button:hover{background:#f7dbe4}.arabic-word-audio button:focus-visible{outline:3px solid #efb8c9;outline-offset:2px}.arabic-word-audio button:disabled{cursor:wait;opacity:.55}.arabic-word-audio button.playing{background:#f3cbd8;animation:arabic-audio-pulse .8s ease-in-out infinite alternate}@keyframes arabic-audio-pulse{to{transform:translateY(1px) scale(1.08)}}.helper{margin:9px 0 19px;color:var(--muted);font-size:13px;line-height:18px;overflow-wrap:anywhere;unicode-bidi:plaintext}.choice-grid{display:grid;grid-gap:10px;gap:10px}.choice-grid>button{min-height:58px;border:1.5px solid var(--line);border-radius:10px;background:white;display:grid;grid-template-columns:32px 1fr;align-items:center;grid-gap:10px;gap:10px;padding:8px 11px;text-align:left;cursor:pointer}.choice-grid>button>span{width:31px;height:31px;border:1.5px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:900}.choice-grid>button>strong{min-width:0;overflow-wrap:anywhere;unicode-bidi:plaintext}.choice-grid>button.selected{border:2px solid var(--forest);background:#edf8f1}.choice-grid.multi{grid-template-columns:1fr 1fr}.choice-grid.multi>button{min-height:64px;touch-action:manipulation}.choice-grid.multi svg{width:17px}.choice-grid.boolean{grid-template-columns:1fr 1fr}.choice-grid.boolean>button{min-height:74px;grid-template-columns:1fr;justify-items:center;text-align:center}.choice-grid.boolean .boolean-true>span{border-color:#78b99a;background:#e4f5eb;color:#18784e}.choice-grid.boolean .boolean-false>span{border-color:#e4a0ac;background:#fff0f2;color:#c54158}.choice-grid.boolean .boolean-true.selected{border-color:#27825c;background:#e4f5eb;color:#145b3d}.choice-grid.boolean .boolean-false.selected{border-color:#ce4f64;background:#fff0f2;color:#a93045}.answer-input{width:100%;height:58px;border:2px solid var(--line);border-radius:10px;background:white;padding:0 15px;color:var(--ink);font:800 18px/24px Avenir Next,sans-serif}.answer-input:focus{border-color:var(--forest);outline:3px solid rgba(47,116,85,.14)}.speaking-control{display:grid;grid-gap:9px;gap:9px}.speaking-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:9px;gap:9px}.speaking-actions>button{min-height:66px;padding:10px 12px;border:2px solid var(--forest);border-radius:11px;background:var(--mint);color:var(--forest);display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center;text-align:left}.speaking-actions>button>svg{width:25px;height:25px;justify-self:center}.speaking-actions>button>span{display:grid;grid-gap:2px;gap:2px}.speaking-actions>button strong{font-size:13px}.speaking-actions>button.listening{border-color:var(--orange);background:#fff0e8;color:#a64922}.speaking-actions>.play-answer{min-width:96px;grid-template-columns:22px 1fr;gap:5px;border-color:var(--ink);background:white;color:var(--ink);text-align:center}.speaking-actions>.play-answer svg{width:18px;height:18px}.speaking-actions>.play-answer span{font-size:10px;font-weight:900}.speaking-actions>.play-answer:disabled{cursor:wait}.speaking-actions>.play-answer.playing{border-color:#183f2d;background:var(--forest);color:white;box-shadow:0 0 0 3px #cbe8d5}.speaking-notice{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.speaking-notice>p{margin:0;color:#8d5c13;font-size:11px;line-height:16px}.retry-processing{min-height:28px;padding:2px 0;border:0;background:transparent;color:var(--forest);display:inline-flex;align-items:center;gap:5px;font:800 11px/16px Avenir Next,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.retry-processing svg{width:13px;height:13px}.retry-processing:disabled{opacity:.5;cursor:default}.order-control{display:grid;grid-gap:12px;gap:12px}.ordered-list{min-height:58px;display:grid;grid-gap:7px;gap:7px}.ordered-list>p{margin:0;padding:17px;border:1.5px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center;font-size:12px}.ordered-list>div{min-height:48px;display:grid;grid-template-columns:28px 1fr 34px 34px 34px;grid-gap:4px;gap:4px;align-items:center;border:1.5px solid var(--line);border-radius:9px;background:white;padding:5px 6px}.ordered-list>div>strong{min-width:0;overflow-wrap:anywhere;unicode-bidi:plaintext}.ordered-list>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--forest);font-size:11px;font-weight:900}.ordered-list button{width:32px;height:32px;border:0;border-radius:7px;background:#f0f3ed;display:grid;place-items:center;cursor:pointer}.ordered-list button:disabled{opacity:.3}.ordered-list svg{width:15px}.word-bank{display:flex;flex-wrap:wrap;gap:7px}.word-bank button{border:1.5px solid var(--forest);border-radius:8px;background:var(--mint);color:var(--forest);padding:8px 11px;font-weight:800;cursor:pointer;unicode-bidi:plaintext}.match-control{display:grid;grid-gap:9px;gap:9px}.match-row{min-height:66px;display:grid;grid-template-columns:minmax(90px,42%) 20px minmax(0,1fr) 18px;grid-gap:8px;gap:8px;align-items:center;border:1.5px solid var(--line);border-radius:10px;background:white;padding:7px 10px;text-align:left;cursor:pointer}.match-row>strong{min-width:0;font-size:21px;line-height:28px;text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext}.match-row>svg{width:16px;color:var(--muted)}.match-row>span{min-width:0;color:var(--muted);font-size:12px;line-height:17px;font-weight:700;overflow-wrap:anywhere;unicode-bidi:plaintext}.match-row>span.chosen{color:var(--ink);font-size:14px;font-weight:900}.match-picker-layer{position:fixed;z-index:80;inset:0 auto 0 50%;transform:translateX(-50%);width:min(100%,var(--learner-content-width));display:flex;align-items:flex-end}.match-picker-scrim{position:absolute;inset:0;border:0;background:rgba(26,42,31,.48);cursor:pointer}.match-picker{width:100%;position:relative;z-index:1;padding:8px 17px max(20px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--paper);box-shadow:0 -8px 30px rgba(35,49,38,.22);animation:sheet-up .2s ease-out both}.sheet-handle{width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:#c8cec5}.match-picker header{display:grid;grid-template-columns:1fr 38px;grid-gap:10px;gap:10px;align-items:start;margin-bottom:14px}.match-picker header small{color:var(--forest);font-size:9px;font-weight:900;text-transform:uppercase}.match-picker h2{margin:2px 0 0;font-size:20px;line-height:25px}.match-picker h2 b{display:inline-block;margin-left:4px;font-size:25px}.match-picker header>button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:white;display:grid;place-items:center;cursor:pointer}.match-picker header svg{width:18px}.sound-options{display:grid;grid-gap:8px;gap:8px}.sound-options>button{min-height:54px;padding:0 13px;border:1.5px solid var(--line);border-radius:10px;background:white;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sound-options>button>span{min-width:0;font-size:16px;font-weight:900;overflow-wrap:anywhere;unicode-bidi:plaintext}.sound-options>button>i{width:22px;height:22px;border:1.5px solid var(--line);border-radius:50%}.sound-options>button.selected{border:2px solid var(--forest);background:var(--mint);color:var(--forest)}.sound-options svg{width:22px}.learn-actions{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,var(--learner-content-width));min-height:78px;padding:11px 17px max(11px,env(safe-area-inset-bottom));background:var(--paper);border-top:1.5px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:9px}.learn-actions .primary.compact{min-width:155px}.nav-action{min-height:47px;border:0;background:transparent;color:var(--forest);display:inline-flex;align-items:center;gap:5px;font-weight:900;cursor:pointer}.nav-action:disabled{opacity:.3}.learn-actions svg{width:17px}.complete-screen{padding-top:52px;text-align:center;display:flex;flex-direction:column;align-items:center}.complete-screen>img{width:185px;height:185px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;margin:-10px 0 7px}.celebration-stars{width:220px;display:flex;justify-content:space-between;color:#e6ad22}.celebration-stars svg:nth-child(2){width:42px;height:42px;fill:var(--yellow)}.complete-screen>p:not(.kicker){max-width:320px;color:var(--muted);line-height:20px}.reward-summary{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:16px 0 21px}.reward-summary>span{min-height:92px;border:1.5px solid var(--line);border-radius:11px;background:var(--paper);display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px}.reward-summary svg{width:20px;color:var(--orange)}.reward-summary strong{font-size:20px}.reward-summary small{color:var(--muted);font-size:10px}.complete-screen .primary,.complete-screen .secondary{width:100%}.secondary{margin-top:11px;min-height:47px;padding:0 18px;border:1.5px solid var(--forest);border-radius:10px;background:transparent;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;line-height:1;cursor:pointer}.inner-screen{background:var(--cream)}.page-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;grid-gap:10px;gap:10px;margin-bottom:24px}.page-header h1{margin:0;font-size:23px;line-height:27px}.page-header p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:14px}.page-icon{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--forest);display:grid;place-items:center}.mistake-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-bottom:12px;padding:4px;border-radius:10px;background:#e6ebe3}.mistake-tabs button{min-width:0;min-height:47px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.mistake-tabs button strong{font-size:9px;white-space:nowrap}.mistake-tabs button span{min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:rgba(104,115,105,.14);display:grid;place-items:center;font-size:8px;font-weight:900}.mistake-tabs button.active{background:var(--paper);color:var(--forest);box-shadow:0 2px 5px rgba(35,49,38,.1)}.mistake-tabs button.active span,.review-summary{background:var(--forest);color:white}.review-summary{min-height:86px;padding:13px 15px;border-radius:12px;display:flex;align-items:center;gap:13px;margin-bottom:16px}.review-summary.practice{background:#456fa9}.review-summary.mastered{background:#8b6b17}.review-summary>div{display:grid;grid-gap:3px;gap:3px}.review-summary strong{font-size:16px}.review-summary span{font-size:11px;color:#d7eee0}.review-list{display:grid;grid-gap:9px;gap:9px;margin-bottom:18px}.review-item{width:100%;color:inherit;text-align:left;cursor:pointer;min-height:65px;border:1px solid var(--line);background:var(--paper);border-radius:10px;display:grid;grid-template-columns:38px 1fr auto 18px;grid-gap:8px;gap:8px;align-items:center;padding:8px 10px}.review-item>span{width:38px;height:38px;border-radius:9px;background:var(--mint);color:var(--forest);display:grid;place-items:center}.review-item>div{display:grid;grid-gap:2px;gap:2px}.review-item strong{font-size:13px}.review-item small{color:var(--muted);font-size:10px}.mistake-status,.review-item>svg{color:var(--forest)}.mistake-status{padding:4px 6px;border-radius:6px;background:#eaf2e9;font-size:8px;font-style:normal;font-weight:900;text-transform:capitalize}.mistake-status.reactivated{background:#ffe2e7;color:#a9364a}.mistake-status.mastered{background:#fff0bd;color:#795b0e}.mistake-empty{min-height:170px;margin-bottom:16px;border:1.5px dashed var(--line);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);text-align:center}.mistake-empty svg{width:30px;color:var(--forest)}.mistake-empty strong{color:var(--ink);font-size:13px}.mistake-empty span{font-size:10px}.empty-year{min-height:calc(100% - 48px);padding:18px 4px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-year>.year-selector{align-self:flex-start}.empty-year-art{width:210px;height:210px;margin:26px 0 15px;position:relative;border-radius:50%;background:var(--mint)}.empty-year-art .opaque-companion{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:normal}.empty-year-art>span{position:absolute;right:4px;bottom:15px;width:50px;height:50px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink)}.empty-year-art>span svg:first-child{width:23px}.empty-year-art>span svg:last-child{position:absolute;width:17px;color:var(--berry)}.empty-year h1{margin-bottom:8px;font-size:28px;line-height:33px}.empty-year>p:not(.kicker){max-width:330px;margin-bottom:24px;color:var(--muted);font-size:13px;line-height:19px}.empty-year .primary{margin-top:auto}.current-year-card{min-height:91px;margin-bottom:24px;padding:13px;border:2px solid var(--ink);border-radius:12px;background:var(--mint);display:grid;grid-template-columns:51px 1fr;grid-gap:12px;gap:12px;align-items:center;box-shadow:var(--shadow)}.current-year-card>span{width:51px;height:51px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;border:1.5px solid var(--ink)}.current-year-card>div{display:grid;grid-gap:1px;gap:1px}.current-year-card small{color:var(--forest);font-size:9px;font-weight:900;text-transform:uppercase}.current-year-card strong{font-size:20px;line-height:24px}.current-year-card p{margin:0;color:var(--muted);font-size:10px}.year-groups{display:grid;grid-gap:25px;gap:25px}.year-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.year-group-heading h2{margin:0;font-size:16px;line-height:20px}.year-group-heading p{margin:1px 0 0}.year-group-heading p,.year-group-heading>span{color:var(--muted);font-size:9px}.year-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.year-grid>button{min-width:0;min-height:60px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;grid-template-columns:31px 1fr 15px;grid-gap:8px;gap:8px;align-items:center;text-align:left;cursor:pointer}.year-grid>button>span{width:31px;height:31px;border-radius:9px;background:#edf2ea;color:var(--forest);display:grid;place-items:center;font-size:11px;font-weight:900}.year-grid>button>span svg{width:16px}.year-grid>button>div{min-width:0;display:grid;grid-gap:1px;gap:1px}.year-grid strong{font-size:12px}.year-grid small{color:var(--muted);font-size:8px}.year-grid>button>svg{width:14px;color:#9ba29a}.year-grid>button.selected{border:2px solid var(--ink);background:var(--orange-soft);box-shadow:2px 2px 0 var(--ink)}.year-grid>button.selected>span{background:var(--orange);color:var(--ink)}.day-range{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;grid-gap:10px;gap:10px;margin-bottom:15px;padding:11px;border-radius:11px;background:var(--mint)}.day-range>div{display:grid;place-items:center;grid-gap:2px;gap:2px}.day-range strong{font-size:15px}.day-range small{color:var(--muted);font-size:9px}.day-range button:disabled{opacity:.35}.all-days-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.all-days-grid>button{min-width:0;min-height:72px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;place-items:center;align-content:center;grid-gap:1px;gap:1px;cursor:pointer}.all-days-grid span{height:17px;color:var(--forest)}.all-days-grid svg{width:14px}.all-days-grid strong{font-size:15px}.all-days-grid small{color:var(--muted);font-size:8px}.all-days-grid .done{background:#edf7f0}.all-days-grid .done.perfect{border-color:#83b896;background:#e7f6ec}.all-days-grid .done.needs-review{border-color:#d6a34f;background:#fff2cf}.all-days-grid .done.needs-review small,.all-days-grid .done.needs-review span{color:#85590f}.all-days-grid .current{border:2px solid var(--ink);background:var(--orange);box-shadow:2px 2px 0 var(--ink)}.all-days-grid .locked{background:#f0f0e9;color:#92988e}.all-days-grid .locked small,.all-days-grid .locked span{color:#92988e}.unlock-note{margin-top:16px;padding:13px;display:grid;grid-template-columns:36px 1fr;grid-gap:10px;gap:10px;align-items:center;border-radius:10px;background:#fff0c2;color:#745811}.unlock-note>div{display:grid;grid-gap:2px;gap:2px}.unlock-note strong{font-size:12px}.unlock-note span{font-size:10px}.submission-list{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.submission-list>button{width:100%;min-height:61px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;grid-template-columns:34px 1fr 20px;grid-gap:9px;gap:9px;align-items:center;padding:8px 10px;text-align:left;cursor:pointer}.submission-list>button>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900}.submission-list .english{background:#dce9ff;color:#356dbf}.submission-list .maths{background:#ffe0c9;color:#a84f22}.submission-list .science{background:#d7f1df;color:#277457}.submission-list .arabic{background:#f7dbe4;color:#a64461}.submission-list>button>div{min-width:0;display:grid;grid-gap:2px;gap:2px}.submission-list strong{font-size:12px}.submission-list small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submit-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin:12px 2px 17px}.submit-note svg{width:18px;flex:none}.results-screen{padding-top:14px;text-align:center}.score-badge{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.score-badge.perfect{background:#fff0bd;color:#a87a0b}.score-badge svg{width:32px;height:32px}.results-screen h1{margin-bottom:7px;font-size:28px;line-height:32px}.results-screen>p:not(.kicker){color:var(--muted);font-size:13px;line-height:19px}.result-list{display:grid;grid-gap:7px;gap:7px;margin:20px 0 17px;text-align:left}.result-list>button{width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--paper);display:grid;grid-template-columns:32px 1fr auto 16px;align-items:center;grid-gap:8px;gap:8px;padding:7px 10px}.result-list>button>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.result-list .correct>span{background:var(--mint);color:var(--forest)}.result-list .wrong>span{background:#ffe1e7;color:var(--berry)}.result-list svg{width:17px}.result-list>button>div{display:grid;grid-gap:1px;gap:1px}.result-list strong{font-size:11px}.result-list small{color:var(--muted);font-size:9px}.result-list b{font-size:9px;color:var(--forest)}.result-list .wrong b{color:var(--berry)}.result-list>button>svg{color:var(--muted)}.results-screen .secondary{margin-bottom:12px}.result-back{min-height:44px;margin:10px auto 0;border:0;background:transparent;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:900;cursor:pointer}.result-back-top{width:max-content;margin:0 0 12px;justify-content:flex-start}.result-back svg{width:17px}.question-detail-screen{background:#f4f8f2}.detail-question-nav{min-height:52px;margin:-10px 0 14px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;grid-gap:9px;gap:9px}.detail-question-nav .icon-button:disabled{opacity:.35;cursor:default}.detail-question-picker{min-width:0;height:42px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);display:grid;grid-template-columns:20px 1fr auto;align-items:center;grid-gap:7px;gap:7px;color:var(--muted);cursor:pointer}.detail-question-picker svg{width:18px;color:var(--forest)}.detail-question-picker span{text-align:left;font-size:10px;font-weight:800}.detail-question-picker strong{color:var(--ink);font-size:11px;white-space:nowrap}.question-detail-screen .question-nav-grid>button.correct{border-color:#9ac7aa;background:var(--mint);color:var(--forest)}.question-detail-screen .question-nav-grid>button.wrong{border-color:#e3a1ad;background:#fff0f2;color:var(--berry)}.question-detail-screen .question-nav-grid>button.active{border-color:var(--ink);background:var(--orange);color:var(--ink)}.detail-status{min-height:66px;margin-bottom:13px;padding:10px 12px;border-radius:11px;display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center}.detail-status>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.detail-status>div{display:grid;grid-gap:2px;gap:2px}.detail-status strong{font-size:13px}.detail-status small{color:var(--muted);font-size:9px}.detail-status.correct{background:var(--mint);color:var(--forest)}.detail-status.correct>span{background:white}.detail-status.wrong{background:#fff0f2;color:#ad354a}.detail-status.wrong>span{background:white}.detail-question{padding:17px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}.detail-question>span{display:inline-block;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:900;text-transform:uppercase}.detail-question>span.english{background:#dce9ff;color:#356dbf}.detail-question>span.maths{background:#ffe0c9;color:#a84f22}.detail-question>span.science{background:#d7f1df;color:#277457}.detail-question>span.arabic{background:#f7dbe4;color:#a64461}.detail-question h1{margin:13px 0 8px;font-size:22px;line-height:27px}.detail-question p{margin:0;color:var(--muted);font-size:11px;line-height:16px}.detail-listening-prompt{margin:13px 0 10px;display:grid;grid-gap:12px;gap:12px}.detail-listening-prompt h1{margin:0}.detail-audio-button{width:100%;min-height:54px;padding:9px 13px;border:2px solid var(--forest);border-radius:10px;background:var(--mint);color:var(--forest);display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.detail-audio-button svg{width:21px;height:21px}.detail-audio-button strong{font-size:12px}.detail-audio-button:disabled{cursor:wait;opacity:.6}.detail-audio-button.playing{opacity:1;border-color:#183f2d;background:var(--forest);color:white;box-shadow:0 0 0 3px #cbe8d5}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin:14px 0}.answer-comparison.single{grid-template-columns:1fr}.answer-comparison article{min-height:84px;padding:12px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);display:grid;align-content:center;grid-gap:4px;gap:4px;overflow-wrap:anywhere}.answer-comparison article.correct{border-color:#83bfa1;background:#edf8f1}.answer-comparison article.wrong{border-color:#e3a1ad;background:#fff4f5}.answer-comparison small{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:900}.answer-comparison strong{font-size:13px;line-height:18px}.detail-recording-button{min-height:36px;margin-top:5px;padding:6px 9px;border:1.5px solid var(--forest);border-radius:8px;background:white;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:900;cursor:pointer}.detail-recording-button svg{width:15px;height:15px}.detail-recording-button:disabled{cursor:wait;opacity:.6}.detail-recording-button.playing{opacity:1;border-color:#183f2d;background:var(--forest);color:white;box-shadow:0 0 0 3px #cbe8d5}.detail-audio-unavailable{margin-top:5px;color:var(--muted);font-size:9px;line-height:13px;font-weight:800}@keyframes audio-loader-spin{to{transform:rotate(1turn)}}@keyframes playback-ripple{0%{opacity:.65;transform:scale(.55)}to{opacity:0;transform:scale(1.45)}}.answer-note{margin-bottom:14px;padding:12px;border-radius:10px;background:#fff0bd;color:#70530c;display:grid;grid-template-columns:27px 1fr;grid-gap:8px;gap:8px}.answer-note>svg{width:22px}.answer-note strong{font-size:11px}.answer-note p{margin:2px 0 0;font-size:10px;line-height:15px}.review-result-list{display:grid;grid-gap:8px;gap:8px;margin:20px 0 17px;text-align:left}.review-result-list>div{min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;grid-column-gap:9px;column-gap:9px;align-items:center}.review-result-list>div>span{grid-row:1/3;width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.review-result-list>div.correct>span{background:var(--mint);color:var(--forest)}.review-result-list>div.wrong>span{background:#ffe1e7;color:var(--berry)}.review-result-list svg{width:17px}.review-result-list strong{align-self:end;font-size:11px}.review-result-list small{align-self:start;color:var(--muted);font-size:9px}.review-results-screen .secondary{margin-bottom:12px}.toast{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:91px;width:max-content;max-width:calc(100% - 32px);min-height:42px;padding:0 13px;border-radius:21px;background:var(--ink);color:white;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;box-shadow:0 5px 16px rgba(35,49,38,.2)}.toast svg{width:16px}.points-celebration{position:fixed;z-index:110;inset:0 auto 0 50%;transform:translateX(-50%);width:min(100%,var(--learner-content-width));display:grid;place-content:center;justify-items:center;pointer-events:none;background:rgba(255,249,224,.88);animation:celebration-fade 2.8s ease both}.completion-reward{width:min(330px,calc(100vw - 36px));min-height:310px;padding:28px 24px 24px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:7px 7px 0 var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;animation:points-pop .65s cubic-bezier(.2,1.35,.45,1) both}.completion-reward>small{margin-bottom:17px;color:var(--forest);font-size:11px;line-height:15px;font-weight:950;text-transform:uppercase}.points-medallion{width:82px;height:82px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:#9b5c08;background:var(--yellow);box-shadow:0 7px 0 rgba(35,49,38,.18)}.points-medallion svg{width:38px;height:38px}.completion-reward>strong{margin-top:16px;color:var(--ink);font-size:42px;line-height:1;font-weight:950;animation:points-rise .55s cubic-bezier(.2,1.3,.45,1) .15s both}.completion-reward>span{margin-top:10px;padding:6px 10px;border-radius:8px;background:var(--mint);color:var(--forest);font-size:13px;font-weight:900;animation:points-rise .55s cubic-bezier(.2,1.3,.45,1) .25s both}.completion-reward>p{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:16px}.points-burst{position:absolute;width:210px;height:170px}.points-burst svg{position:absolute;width:24px;height:24px;color:var(--orange);fill:var(--yellow);animation:star-burst .8s cubic-bezier(.2,1.2,.4,1) both}.points-burst svg:first-child{left:9px;top:62px;--star-x:-18px;--star-y:-15px}.points-burst svg:nth-child(2){left:43px;top:8px;--star-x:-10px;--star-y:-22px;animation-delay:.08s}.points-burst svg:nth-child(3){right:12px;top:38px;--star-x:18px;--star-y:-18px;animation-delay:.14s}.points-burst svg:nth-child(4){right:37px;bottom:8px;--star-x:15px;--star-y:20px;animation-delay:.2s}.points-burst svg:nth-child(5){left:29px;bottom:17px;--star-x:-16px;--star-y:18px;animation-delay:.25s}.rewards-screen{padding-bottom:34px;background:#f6f3e8}.reward-stage{--scene-sky:#bfe5df;--scene-ground:#8fc68c;--scene-accent:#f7cf58;height:252px;border:2px solid var(--ink);border-radius:12px;background:var(--scene-sky);position:relative;overflow:hidden;background-size:cover;background-position:50%;box-shadow:var(--shadow);isolation:isolate}.reward-stage:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;bottom:-33px;height:103px;border-radius:50% 50% 0 0;background:var(--scene-ground);border-top:2px solid rgba(35,49,38,.28)}.reward-stage.illustrated-backdrop:not([class*=ground-]):before{display:none}.reward-stage.illustrated-backdrop:after{content:"";position:absolute;z-index:1;inset:0;background:rgba(255,255,255,.08);pointer-events:none}.reward-stage>.scene-companion{position:absolute;bottom:5px;object-fit:contain;mix-blend-mode:normal;filter:saturate(1.16) contrast(1.08) drop-shadow(0 8px 6px rgba(35,49,38,.24))}.reward-stage>.scene-companion-0{z-index:5;left:50%;width:154px;height:174px;transform:translateX(-50%)}.reward-stage>.scene-companion-1{z-index:4;left:31%;width:122px;height:139px;transform:translateX(-50%)}.reward-stage>.scene-companion-2{z-index:4;left:69%;width:122px;height:139px;transform:translateX(-50%)}.scene-arrange{position:absolute;z-index:8;right:9px;top:9px;min-height:31px;padding:4px 8px;border:1.5px solid var(--ink);border-radius:7px;background:rgba(255,253,246,.92);color:var(--ink);display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;cursor:pointer}.scene-arrange svg{width:14px;height:14px}.scene-props{position:absolute;z-index:3;inset:0;pointer-events:none}.scene-props span{position:absolute;line-height:1;filter:drop-shadow(0 3px 2px rgba(35,49,38,.3));transform-origin:center bottom}.scene-item-image{display:block;width:70px;height:70px}.scene-sky-item{top:8%;font-size:38px}.scene-sky-item.scene-position-0{left:16%}.scene-sky-item.scene-position-1{right:16%}.scene-ground-item{z-index:6;bottom:1%;font-size:39px}.scene-ground-item.scene-position-0{left:6%}.scene-ground-item.scene-position-1{left:43%}.scene-ground-item.scene-position-2{left:70%}.scene-ground-item:after,.scene-ground-item:before{content:attr(data-symbol);position:absolute;bottom:0;font-size:.66em;opacity:.9}.scene-ground-item:before{right:78%;transform:rotate(-11deg)}.scene-ground-item:after{left:82%;transform:rotate(13deg)}.scene-home-item{z-index:2;right:1%;bottom:5%;font-size:66px}.scene-accent-item{z-index:6;font-size:38px}.scene-accent-item.scene-position-0{left:2%;top:43%}.scene-accent-item.scene-position-1{right:2%;top:43%}.scene-accent-item.scene-position-2{left:50%;top:5%;transform:translateX(-50%)}.scene-manager-layer{position:fixed;z-index:110;inset:0 auto 0 50%;width:min(100%,var(--learner-content-width));transform:translateX(-50%);display:flex;align-items:flex-end}.scene-manager-scrim{position:absolute;inset:0;border:0;background:rgba(26,42,31,.52)}.scene-manager-sheet{position:relative;z-index:1;width:100%;max-height:min(76vh,620px);padding:8px 18px max(22px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--paper);box-shadow:0 -10px 36px rgba(35,49,38,.25);overflow-y:auto}.scene-manager-sheet>header{min-height:54px;margin-bottom:10px;display:grid;grid-template-columns:1fr 42px;align-items:center;grid-gap:10px;gap:10px}.scene-manager-sheet>header small{color:var(--forest);font-size:8px;font-weight:900;text-transform:uppercase}.scene-manager-sheet h2{margin:1px 0 0;font-size:20px;line-height:24px}.scene-manager-group{padding:11px 0;border-top:1px solid var(--line);display:grid;grid-gap:7px;gap:7px}.scene-manager-group>strong{color:var(--muted);font-size:9px;text-transform:uppercase}.scene-manager-row{min-height:49px;display:grid;grid-template-columns:43px minmax(0,1fr) repeat(2,34px);grid-gap:7px;gap:7px;align-items:center}.scene-manager-row>.opaque-companion{width:43px;height:43px;object-fit:contain}.scene-manager-row>span{width:39px;height:39px;display:grid;place-items:center;font-size:26px}.manager-item-image{display:block;width:39px;height:39px}.scene-manager-row>div{min-width:0;display:grid;grid-gap:1px;gap:1px}.scene-manager-row>div strong{overflow-wrap:anywhere;font-size:11px}.scene-manager-row>div small{color:var(--muted);font-size:8px}.scene-manager-row>button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:7px;background:white;color:var(--forest);display:grid;place-items:center;cursor:pointer}.scene-manager-row>button svg{width:15px;height:15px}.scene-manager-row>button:last-child{color:var(--berry)}.scene-manager-row>button:disabled{opacity:.35;cursor:default}.scene-manager-row.decoration{grid-template-columns:43px minmax(0,1fr) 34px}.backdrop-meadow-backdrop{--scene-sky:#bfe5df;--scene-accent:#f7cf58}.backdrop-twilight-backdrop{--scene-sky:#777b9a;--scene-accent:#f2c978}.backdrop-snow-backdrop{--scene-sky:#c9e0ea;--scene-accent:#f1b45d}.backdrop-creek-backdrop{--scene-sky:#83d0dc;--scene-accent:#ed8c75}.ground-grass-ground{--scene-ground:#8fc68c}.ground-mushroom-ground{--scene-ground:#78a96e}.ground-leaves-ground{--scene-ground:#c27b4f}.ground-flowers-ground{--scene-ground:#96bd68}.reward-wallet{margin:12px 0 15px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);padding:11px;display:flex;align-items:center}.wallet-balance{display:grid;grid-template-columns:34px 1fr;grid-gap:7px;gap:7px;align-items:center}.wallet-balance>span{width:34px;height:34px;border-radius:50%;background:#fff0bd;color:#9a6811;display:grid;place-items:center}.wallet-balance div{min-width:0;display:grid}.wallet-balance small{color:var(--muted);font-size:8px;line-height:11px}.wallet-balance strong{font-size:12px;white-space:nowrap}.reward-tabs{height:45px;margin-bottom:17px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#e7e9df;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.reward-tabs button{min-width:0;border:0;border-radius:6px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:900;cursor:pointer}.reward-tabs button svg{width:16px}.reward-tabs button.active{background:var(--paper);color:var(--forest);box-shadow:0 2px 5px rgba(35,49,38,.1)}.reward-shop{padding-bottom:10px}.decor-slot-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(82px,1fr);grid-gap:6px;gap:6px;margin:-5px 0 15px;padding-bottom:3px;overflow-x:auto;scrollbar-width:none}.decor-slot-tabs::-webkit-scrollbar{display:none}.decor-slot-tabs button{height:33px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:9px;font-weight:900;cursor:pointer}.decor-slot-tabs button.active{border:1.5px solid var(--forest);background:var(--mint);color:var(--forest)}.reward-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.reward-card{min-width:0;min-height:214px;padding:8px;border:1.5px solid var(--line);border-radius:8px;background:var(--paper);display:grid;grid-template-rows:auto minmax(43px,auto) 35px;grid-gap:7px;gap:7px}.reward-card.owned{border-color:#8bb99a}.reward-card.equipped{border:2px solid var(--forest);background:#edf8f1}.reward-card>.opaque-companion{width:100%;height:auto;aspect-ratio:4/3;border-radius:7px;object-fit:contain;object-position:center;background:transparent;mix-blend-mode:normal;filter:saturate(1.14) contrast(1.08) drop-shadow(0 4px 3px rgba(35,49,38,.16))}.collection-swatch{height:116px;border:1px solid rgba(35,49,38,.12);border-radius:7px;background:#dfeadd;position:relative;overflow:hidden;display:grid;place-items:center}.collection-swatch:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-31px;height:65px;border-radius:50% 50% 0 0;background:#9fc68d}.collection-swatch span{position:relative;z-index:1;font-size:52px;filter:drop-shadow(0 3px 2px rgba(35,49,38,.2))}.collection-swatch span:has(canvas){filter:brightness(1.14) saturate(1.28) contrast(1.16) drop-shadow(0 4px 3px rgba(35,49,38,.2))}.shop-item-image{display:block;width:108px;height:108px}.collection-swatch.slot-ground{background:#c8dda8}.collection-swatch.slot-home{background:#e2d2b5}.collection-swatch.slot-sky{background:#bfdde7}.collection-swatch.slot-accent{background:#d4e8d3}.collection-swatch.slot-backdrop:before{display:none}.collection-swatch.item-meadow-backdrop{background:#bfe5df}.collection-swatch.item-twilight-backdrop{background:#777b9a}.collection-swatch.item-snow-backdrop{background:#c9e0ea}.collection-swatch.item-creek-backdrop{background:#83d0dc}.collection-swatch.item-mushroom-ground:before{background:#78a96e}.collection-swatch.item-leaves-ground:before{background:#c27b4f}.collection-swatch.item-flowers-ground:before{background:#96bd68}.reward-card>img.collection-scene-preview{height:116px;aspect-ratio:auto;object-fit:cover;object-position:center;border:1px solid rgba(35,49,38,.12);mix-blend-mode:normal}.reward-card-copy{min-width:0;display:grid;align-content:start;grid-gap:2px;gap:2px}.reward-card-copy strong{overflow-wrap:anywhere;font-size:12px;line-height:15px}.reward-card-copy small{color:var(--muted);font-size:8px;line-height:11px}.reward-card>button{min-width:0;height:35px;border:1.5px solid var(--ink);border-radius:7px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:900;cursor:pointer}.reward-card>button svg{width:13px;height:13px}.reward-card>button.use-action{border-color:var(--forest);background:transparent;color:var(--forest)}.reward-card>button.use-action:hover{background:var(--mint)}.reward-card>button.remove-action{border-color:#c45b6d;background:#fff4f5;color:var(--berry)}.reward-card>button.remove-action:hover{background:#ffe1e7}.reward-card>button:disabled{border-color:#8bb99a;background:var(--mint);color:var(--forest);cursor:default}@media (max-width:360px){.screen{padding-left:14px;padding-right:14px}.companion-copy{width:67%;padding:13px}.companion-card .opaque-companion{width:40%}.day-picker{gap:4px}.day-button{height:62px}.all-days-grid{gap:6px}}@media (max-width:520px){.app-header{gap:7px}.header-year-selector small,.learner-account>small{display:none}.header-year-selector{padding-inline:6px 4px}.compact-intro-copy{width:64%}.compact-intro h1{font-size:21px;line-height:25px}}@media (prefers-reduced-motion:no-preference){.companion-card .opaque-companion{animation:fox-arrive .55s ease-out both}.mission-card{animation:card-rise .45s ease-out .12s both}@keyframes fox-arrive{0%{opacity:0;transform:translateX(18px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes points-pop{0%{opacity:0;transform:scale(.45) rotate(-10deg)}70%{transform:scale(1.08) rotate(3deg)}to{opacity:1;transform:none}}@keyframes points-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes star-burst{0%{opacity:0;transform:translate(0) scale(.25) rotate(0)}to{opacity:1;transform:translate(var(--star-x),var(--star-y)) scale(1) rotate(28deg)}}@keyframes celebration-fade{0%,70%{opacity:1}to{opacity:0}}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}