@font-face{font-family:Inter;src:url('./assets/Inter.ttf');font-display:swap;font-weight:100 900}@font-face{font-family:Urbanist;src:url('./assets/Urbanist.ttf');font-display:swap;font-weight:100 900}
:root{--purple:#7e49d9;--ink:#27213d;--muted:#756f87;--line:#e8e1f0;--blue:#e8f1ff;--mint:#e7f7ed;--amber:#fff3d9;--pink:#fceaf1}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#faf8ff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6;background-image:radial-gradient(ellipse at 0 40%,#edf3ff70,transparent 50%),radial-gradient(ellipse at 100% 80%,#fceef850,transparent 45%)}button,input,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Urbanist,Inter,sans-serif;letter-spacing:-.04em;line-height:1.1;font-weight:780}.icon{width:20px;height:20px;flex:none;vertical-align:middle}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9d72e5;outline-offset:4px}.journey-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#ffffffc7;border-bottom:1px solid #eee8f5;backdrop-filter:blur(16px)}.logo img{display:block;width:171px;height:auto}.header-progress{display:grid;grid-template-columns:1fr 35px;align-items:center;gap:5px 13px;width:220px;margin-left:auto;margin-right:6vw}.header-progress>span{font-size:8px;color:#898096;letter-spacing:.14em;grid-column:1/3;font-weight:700}.progress-track{height:7px;background:#eee7f5;border-radius:20px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#9771ea,#76b2df);border-radius:20px;transition:width .45s}.header-progress>b{font-size:10px;color:#896da8;font-weight:650}.map-button{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);padding:10px 14px;border-radius:12px;color:#7c688f;font-size:11px}.map-button .icon{width:17px;height:17px}main{max-width:890px;margin:auto;padding:23px 28px 0;outline:0}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.lesson-top>span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#8b7a9a;text-transform:uppercase}.lesson-top i{font-style:normal;margin:0 7px;color:#c9bbd8}.round-button{display:grid;place-items:center;width:38px;height:38px;background:#fff;border:1px solid #e7dfef;border-radius:12px;color:#9477ac;flex:none}.round-button .icon{width:17px;height:17px}.text-button{font-size:11px;color:#9278a6;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.subtle{color:#9c89ac}.step-track{display:flex;gap:5px;margin:0 0 21px;height:5px}.step-track>span{height:100%;background:#eae3f1;border-radius:20px;flex:1}.step-track .past{background:#bc9ee9}.step-track .now{background:#8e59d2}.activity-card{background:#fff;border:1px solid #ece5f3;border-radius:29px;padding:27px 55px 31px;min-height:505px;box-shadow:0 12px 38px #5c397a06;text-align:center;animation:arrive .25s ease both}.activity-card h1{font-size:clamp(29px,3vw,42px);max-width:660px;margin:0 auto 17px}.card-label{font-size:9px;font-weight:750;color:#9673b3;letter-spacing:.14em;margin:5px 0 13px}.lead{font-size:14px;color:#746c84;line-height:1.8;max-width:555px;margin:0 auto 22px}.reward-preview{display:inline-flex;gap:8px;align-items:center;padding:9px 15px;background:#f5effe;border:1px solid #ebdff8;border-radius:30px;color:#9163ad;font-size:11px;margin-top:5px}.reward-preview .icon{height:16px;width:16px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12px;padding:13px 22px;border-radius:14px;min-height:47px;transition:transform .15s,box-shadow .15s}.primary{background:linear-gradient(110deg,#9252e4,#7543c9);color:white;box-shadow:0 4px 0 #6734b4,0 8px 15px #7a4bc11a}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #6734b4,0 12px 19px #7a4bc125}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #6734b4}.primary .icon,.secondary .icon{width:17px;height:17px}.secondary{background:#faf6ff;color:#805696;border:1px solid #e1d1ef;box-shadow:0 3px 0 #eadff3}.secondary:hover{background:#f1e8fc}.full{width:100%}.lesson-controls{display:flex;align-items:center;justify-content:space-between;padding:21px 5px 28px;gap:20px}.lesson-controls>span{font-size:10px;color:#a18bad}.local-footer{display:flex;align-items:center;justify-content:center;gap:30px;padding:14px 20px 26px;color:#9b8ba6;font-size:9px}.local-footer>span{display:flex;align-items:center;gap:6px}.local-footer .icon{height:12px;width:12px}.local-footer button{background:none;color:#90779f;font-size:9px;text-decoration:underline;text-underline-offset:3px}.welcome{padding:35px 15px 30px;text-align:center;max-width:760px;margin:auto}.welcome-tags{display:flex;justify-content:center;gap:10px;color:#9984aa;font-size:9px;letter-spacing:.09em}.welcome-tags span+span{padding-left:10px;border-left:1px solid #e1d4ed;color:#a99bb5;text-transform:none;letter-spacing:0}.welcome h1{font-size:clamp(43px,5vw,67px);margin-top:14px;line-height:1.02}.welcome h1 em{font-style:normal;color:#9062d0}.welcome>p{font-size:15px;line-height:1.9;color:#807389;margin:21px auto 25px}.big{min-width:205px;padding:16px 24px;font-size:14px}.welcome-foot{display:flex;gap:23px;justify-content:center;font-size:10px;color:#95869f;margin:26px auto 0}.welcome-foot>span:before{content:'✓';display:inline-block;color:#80aa93;margin-right:7px}.certificate-link{display:flex;gap:8px;align-items:center;justify-content:center;margin:23px auto 0;color:#8863a3;background:none;font-size:12px}.visual-scene{height:210px;width:340px;position:relative;margin:5px auto 18px;isolation:isolate}.welcome .visual-scene{height:225px;margin-top:32px;scale:1.07}.visual-scene:after{content:'';position:absolute;bottom:8px;left:35px;right:35px;height:18px;border-radius:50%;background:#e9dcf240;filter:blur(4px);z-index:-2}.buddy{position:absolute;left:104px;top:62px;width:139px;height:120px;animation:bob 5s ease-in-out infinite}.buddy-face{height:93px;border-radius:27px;background:linear-gradient(140deg,#b79aea,#8760c4);border:5px solid #d6c0f8;box-shadow:0 10px 0 #7652a929,inset 0 3px 0 #efddff77;position:relative}.buddy-face:before,.buddy-face:after{content:'';position:absolute;top:28px;width:12px;height:25px;border-radius:8px;background:#c2a7e9}.buddy-face:before{left:-16px}.buddy-face:after{right:-16px}.buddy-face>i{width:13px;height:16px;background:#fff;border-radius:50%;position:absolute;top:26px}.buddy-face>i:first-child{left:31px}.buddy-face>i:nth-child(2){right:31px}.buddy-face>b{width:21px;height:9px;border-bottom:3px solid #f3eaff;border-radius:0 0 20px 20px;position:absolute;bottom:18px;left:53px}.antenna{width:4px;height:20px;position:absolute;left:68px;top:-18px;background:#a17ad2}.antenna:before{content:'';position:absolute;width:14px;height:14px;background:#e2c8ff;border:3px solid #b190d6;border-radius:50%;left:-5px;top:-7px}.buddy-base{height:17px;width:82px;position:absolute;bottom:6px;left:29px;border-radius:7px;background:linear-gradient(#c9b3e9,#af91d5);box-shadow:0 5px 0 #9b7bbb20}.idea-bubble{position:absolute;left:12px;top:18px;padding:12px 15px;background:#eaf3ff;border:2px solid #dce8fb;border-radius:16px;transform:rotate(-8deg);font-size:12px;color:#7394c6;box-shadow:0 6px 0 #dce7f740}.idea-bubble>span{color:#b094d7;margin-left:12px;font-size:19px}.hint-bubble{position:absolute;right:0;top:99px;padding:12px 16px;background:#fff7e3;border:2px solid #f2e4bf;border-radius:17px;font-size:11px;color:#b1975d;transform:rotate(7deg);z-index:3}.scene-star{position:absolute;color:#bca0df;font-size:35px;animation:twinkle 6s ease-in-out infinite}.scene-star.a{right:39px;top:11px}.scene-star.b{left:44px;bottom:33px;font-size:21px;color:#a5cdbb}.scene-dot{position:absolute;width:9px;height:9px;right:59px;bottom:27px;border-radius:50%;background:#d6c2f1}.prompt-scene{height:204px}.prompt-tile{position:absolute;width:170px;text-align:left;padding:15px 17px;font-size:8px;font-weight:750;letter-spacing:.08em;border-radius:15px;box-shadow:0 9px 0 #73509509;border:1px solid #ffffffcc}.prompt-tile>span{float:right;opacity:.6}.prompt-tile>b{display:block;font-size:13px;font-weight:600;letter-spacing:0;margin-top:8px}.prompt-tile.goal{left:12px;top:20px;background:#e9f1ff;color:#7d9bc8;transform:rotate(-8deg)}.prompt-tile.source{left:91px;top:70px;background:#efe6fb;color:#a281c4;transform:rotate(3deg);z-index:2}.prompt-tile.rule{right:1px;top:121px;background:#e9f5ec;color:#82a88e;transform:rotate(-5deg);z-index:3}.water-scene{height:215px}.sun{position:absolute;left:25px;top:25px;width:49px;height:49px;background:#ffe9a3;border:7px solid #fff2cb;border-radius:50%;box-shadow:0 0 0 8px #fff7dc}.cloud{position:absolute;top:44px;left:154px;width:106px;height:46px;background:#e4edfc;border-radius:45px;z-index:1;box-shadow:0 7px 0 #cbdcf04d}.cloud i,.cloud b{position:absolute;border-radius:50%;background:#e4edfc;bottom:12px}.cloud i{height:57px;width:57px;left:14px}.cloud b{height:45px;width:45px;right:9px}.rain{position:absolute;left:185px;top:103px;display:flex;gap:17px}.rain i{display:block;width:5px;height:21px;background:#a4c3ec;border-radius:5px;transform:rotate(17deg);animation:rain 2s ease-in infinite}.rain i:nth-child(2){animation-delay:.5s}.rain i:nth-child(3){animation-delay:1s}.water{position:absolute;left:67px;bottom:33px;width:200px;height:34px;background:#dcecfb;border-radius:50%;border-bottom:4px solid #c9e0f5}.water i{position:absolute;border-top:2px solid #b7d6ef;border-radius:50%;width:92px;height:16px;top:8px;left:20px}.water i+i{left:100px;width:52px;top:16px}.cycle-label{position:absolute;font-size:9px;color:#7e9cba;font-weight:600}.evaporation{left:8px;top:105px;transform:rotate(-12deg)}.condensation{right:33px;top:13px}.precipitation{right:0;bottom:55px;transform:rotate(4deg)}.small-water .visual-scene{height:165px;scale:.85;margin-top:-20px;margin-bottom:-2px}.evidence-paper{position:absolute;left:48px;top:29px;width:235px;height:135px;background:#fff9eb;border:2px solid #f0dfba;border-radius:15px;padding:16px 23px;transform:rotate(-5deg);box-shadow:0 8px 0 #e9dbb833}.evidence-paper>span{font-size:8px;font-weight:750;color:#b19a64;letter-spacing:.12em}.evidence-paper>div{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:6px;color:#a99160}.evidence-paper b{font:750 39px Urbanist}.evidence-paper i{font-style:normal;font-size:22px;opacity:.5}.evidence-paper small{font-size:9px;color:#aa9c7f}.magnifier{position:absolute;right:21px;bottom:16px;height:81px;width:81px;border:9px solid #b999d9;background:#ffffffaf;border-radius:50%;font:700 34px Urbanist;color:#ac8ec8;display:grid;place-items:center;transform:rotate(-25deg);box-shadow:inset 0 0 0 3px white}.magnifier:after{content:'';height:40px;width:15px;border-radius:6px;position:absolute;top:60px;left:23px;background:#ad8bcd}.evidence-stamp{position:absolute;left:23px;bottom:20px;font-size:8px;background:#e6f4ea;border:1px solid #d5e9db;color:#82a38d;border-radius:8px;padding:8px 12px;transform:rotate(6deg)}.edit-paper{position:absolute;left:41px;top:31px;padding:27px 22px;background:#fdf8fc;border:2px solid #f0dfeb;width:253px;height:135px;border-radius:15px;transform:rotate(-4deg)}.edit-paper>span{font-size:15px;white-space:nowrap;color:#a27c97}.old-word{color:#d595a4;text-decoration:line-through;text-decoration-thickness:2px;margin-right:4px}.new-word{position:absolute;top:3px;left:69px;color:#82aa93;font-size:14px;transform:rotate(4deg)}.edit-paper>i{display:block;height:4px;background:#efe2eb;border-radius:4px;width:82%;margin-top:17px}.edit-paper>i+i{width:63%;margin-top:10px}.edit-paper>i+i+i{width:73%}.pencil{position:absolute;right:17px;top:60px;width:14px;height:121px;background:linear-gradient(90deg,#c2a0dc 0 40%,#ae88c9 40% 70%,#d6bae7 70%);transform:rotate(31deg);border-radius:5px 5px 0 0}.pencil:after{content:'';position:absolute;bottom:-18px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:18px solid #d9c5a6}.edit-sticker{position:absolute;left:11px;bottom:4px;background:#fff1cf;color:#b29963;border:1px solid #ecdcae;font-size:10px;padding:10px 15px;line-height:1.6;border-radius:11px;transform:rotate(9deg)}.project-card{position:absolute;border-radius:15px;padding:17px;font-size:9px;letter-spacing:.1em;font-weight:750;width:157px;height:160px;box-shadow:0 8px 0 #8461960a}.back-card{left:60px;top:12px;background:#eaf0fc;color:#91a6ce;transform:rotate(-13deg);border:2px solid #dae4f8}.back-card i{display:block;height:6px;width:75%;background:#d6e0f1;margin-top:25px;border-radius:4px}.back-card i+i{width:54%;margin-top:11px}.front-card{left:140px;top:35px;background:#f2e8fc;color:#ad8bc6;transform:rotate(8deg);border:2px solid #e5d7f3}.front-card div{display:flex;gap:22px;font:700 50px Urbanist;margin:9px 0;color:#bd9ed5}.front-card div b{font-size:40px;color:#ccaee4}.front-card>span{font-size:6px;background:#fff8;border:1px solid #eadff3;border-radius:6px;padding:5px 8px}.celebrate-scene{height:192px}.medal{height:102px;width:102px;position:absolute;left:119px;top:21px;border:8px solid #ecd6a2;border-radius:50%;background:#fff2c9;box-shadow:0 0 0 6px #fff6df,0 10px 0 #e8d6b225;display:grid;place-items:center;z-index:2}.medal span{font-size:57px;color:#ccb079}.medal i,.medal b{position:absolute;top:76px;height:70px;width:30px;background:#b28ad6;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.medal i{left:7px;transform:rotate(13deg)}.medal b{right:7px;transform:rotate(-13deg);background:#c7a8e1}.confetti{position:absolute;border-radius:3px;width:7px;height:17px;background:#c5a8e4;animation:confettiFloat 4s ease-in-out infinite}.c1{left:65px;top:32px;rotate:-25deg}.c2{right:65px;top:45px;background:#a9cdb8;rotate:20deg;animation-delay:-1s}.c3{left:80px;bottom:35px;background:#b3ccef;rotate:40deg;animation-delay:-2s}.c4{right:79px;bottom:35px;background:#e5b6d0;rotate:-20deg;animation-delay:-3s}.c5{left:168px;top:1px;height:8px;rotate:40deg}.choice-illustrations{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:26px auto 15px;max-width:535px}.choice-illustrations button{padding:20px;border-radius:20px;border:2px solid #ede5f5;background:#fdfbff;box-shadow:0 5px 0 #f0e9f5;transition:.18s;color:#766382}.choice-illustrations button:hover{transform:translateY(-3px);border-color:#ccb2e4}.choice-illustrations button.selected{border-color:#b394d4;background:#f4ecfc}.choice-illustrations b{display:block;font:750 23px Urbanist;margin:17px 0 8px}.choice-illustrations small{font-size:10px;color:#927e9d}.mini-scene{display:grid;place-items:center;height:92px;width:102px;border-radius:22px;margin:auto;position:relative;background:#f0e8f9;color:#b497ce}.mini-scene>.icon{height:43px;width:43px}.mini-scene i{position:absolute;right:-3px;top:-7px;font-size:22px;background:white;color:#b8a3cb;width:35px;height:35px;border:2px solid #e8def2;border-radius:50%;font-style:normal;line-height:29px}.hint-scene{background:#e8f3ec;color:#8bb49c}.hint-scene i{color:#90b39c;border-color:#d9eadd}.demo-feedback{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:12px;line-height:1.8;color:#617b67;border-radius:13px;padding:15px;background:#eef8f1;margin:19px auto 0;max-width:570px}.demo-feedback:empty{display:none}.demo-feedback.retry{background:#fff6e5;color:#92783c}.demo-feedback .icon{margin-top:2px;width:18px;height:18px}.why{margin:22px auto 0;text-align:left;border-top:1px solid #eee7f5;padding-top:15px;max-width:590px}.why summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9272a9;cursor:pointer;list-style:none}.why .icon{height:14px;width:14px}.why p,.why li{font-size:12px;line-height:1.85;color:#7b6b86;margin-top:12px}.why h3{font-size:19px;margin-top:18px}.why ul{padding-left:19px}.goal-buttons{display:flex;gap:10px;margin:23px auto;justify-content:center}.goal-buttons button{border:1px solid #e6d9f2;background:#faf6ff;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:7px;font-size:11px;color:#9a78b3}.goal-buttons .icon{width:16px;height:16px}.goal-buttons button.selected{background:#eee1fc;border-color:#bd98dd;color:#8553a7}.prompt-build{display:flex;gap:11px;margin:20px 0 26px}.build-piece{flex:1;text-align:left;padding:18px;border-radius:14px;border:1px solid #dee8f7;background:#f0f6ff;animation:arrive .2s ease}.build-piece span{display:block;font-size:8px;letter-spacing:.1em;color:#8ca3c6;font-weight:700;margin-bottom:10px}.build-piece b{font-size:13px;line-height:1.7;font-weight:550;color:#6e83a7;display:block}.p1{background:#f7f0ff;border-color:#e9dff4}.p1 span{color:#aa8cc3}.p1 b{color:#8e72a3}.p2{background:#f0f8f1;border-color:#e0eee2}.p2 span{color:#8aaa90}.p2 b{color:#719076}.big-input{display:block;margin:20px auto 14px;max-width:310px;width:100%;padding:15px 20px;border:2px solid #ddd0ef;border-radius:15px;font-size:17px;text-align:center;color:#8d67a4;background:#fdfaff}.big-input::placeholder{color:#b9a6c7}.two-choices{display:flex;gap:13px;justify-content:center;margin-top:23px}.two-choices button{padding:17px 20px;border:2px solid #ede1cd;background:#fffcf6;color:#987c50;border-radius:14px;font-size:12px;flex:1;max-width:260px;box-shadow:0 4px 0 #f6eedf}.two-choices button.selected{border-color:#c7af80;background:#fff3d6}.sentence-options{display:flex;flex-direction:column;gap:12px;max-width:550px;margin:25px auto}.sentence-options button{padding:18px;border:2px solid #efdfeb;background:#fffafd;border-radius:14px;color:#9a6f8a;font-size:15px;text-align:left;box-shadow:0 4px 0 #f8eff5}.sentence-options mark{background:#f4d9e8;border-radius:4px;color:#a06589;padding:2px 5px}.sentence-options button.selected{border-color:#bf98b0;background:#faeef5}.project-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px auto;max-width:560px}.project-choices button{border:2px solid #eadef4;border-radius:19px;background:#fcf9ff;padding:22px 20px;color:#846793;box-shadow:0 5px 0 #f3ebf8}.project-choices .selected{border-color:#b596cf;background:#f3eafa}.project-mini{height:73px;width:90px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#e9ddf6;color:#b596ce;margin:0 auto 20px}.project-mini .icon{width:31px;height:31px}.project-mini b{font:750 26px Urbanist}.project-mini.blue{background:#e2ecfd;color:#9cb5de}.project-choices h2{font-size:24px}.project-choices p{font-size:11px;color:#a28bae;margin-top:12px;line-height:1.8}.project-brief{text-align:left;background:#faf6ff;border:1px solid #e9dff1;border-radius:13px;padding:17px 20px;font-size:12px;color:#8f74a2;line-height:1.9;max-width:570px;margin:auto}.project-brief b{font-size:8px;letter-spacing:.12em;color:#ae8bc5;display:block;margin-bottom:9px}.challenge-icons{display:flex;justify-content:center;gap:20px;margin:34px auto}.challenge-icons>span{display:flex;flex-direction:column;align-items:center;gap:15px;padding:23px;background:#f2eafb;border:1px solid #e5d8f3;border-radius:21px;color:#a384bc;font-size:12px;min-width:108px}.challenge-icons>span:nth-child(2){background:#eaf5ed;color:#8fb69b;border-color:#dcecdf;transform:translateY(-11px)}.challenge-icons>span:nth-child(3){background:#eaf0fc;color:#93abd0;border-color:#dce5f6}.challenge-icons .icon{height:32px;width:32px}.gentle-note{display:inline-flex;padding:10px 16px;background:#f7f3fb;border-radius:30px;color:#a18aaf;font-size:11px;margin:9px 0}.video-box{min-height:267px;background:linear-gradient(125deg,#f0e5ff,#e6f0ff);border:1px solid #e3d7f2;border-radius:19px;margin:23px 0 16px;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-orb{width:65px;height:65px;border:3px solid #fffc;border-radius:22px;background:#ffffff77;display:grid;place-items:center;color:#ac89cc;box-shadow:0 8px 24px #80679c0a;margin-bottom:16px}.video-orb .icon{width:29px;height:29px}.video-box h2{font-size:24px;max-width:370px;color:#8f70a7}.video-box p{font-size:10px;color:#a08aad;margin:11px 0 19px}.video-box.playing{min-height:0;aspect-ratio:16/9;position:relative;padding:0;overflow:hidden}.video-box iframe{height:100%;width:100%;inset:0;position:absolute;border:0}.external-link{font-size:11px;color:#9976b0;text-decoration:underline;text-underline-offset:4px}.video-note{font-size:9px;color:#ad98bc;margin-top:11px}.question-emblem{height:53px;width:53px;background:#eee4fa;border:1px solid #e5d7f2;color:#ac8bc9;display:grid;place-items:center;border-radius:16px;margin:13px auto 19px;transform:rotate(-6deg)}.question-emblem .icon{width:25px;height:25px}.question h1{font-size:clamp(26px,2.8vw,36px);margin-bottom:15px}.question-lead{font-size:13px;margin-bottom:20px}.answer-grid{display:flex;flex-direction:column;gap:11px;max-width:585px;margin:auto}.answer-tile{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #eae0f3;border-radius:15px;padding:15px 19px;background:#fdfbff;box-shadow:0 4px 0 #f2eaf8;color:#8c6c9e;transition:.15s}.answer-tile:hover{border-color:#c6a6de;transform:translateY(-2px)}.answer-tile>span{display:grid;place-items:center;height:28px;width:28px;border:1px solid #e2d2ed;background:#f3eafc;border-radius:9px;flex:none;color:#b092c4;font-size:10px;font-weight:750}.answer-tile>b{font-size:12px;font-weight:550;line-height:1.75}.answer-tile.selected{border-color:#b189d1;background:#f2e6fb;box-shadow:0 4px 0 #e9d7f7}.answer-tile.selected>span{background:#b890d5;color:white;border-color:#b890d5}.multi .answer-tile>span{color:transparent}.multi .answer-tile.selected>span{color:white}.multi .answer-tile .icon{width:17px;height:17px}.compact{flex-direction:row;justify-content:center;gap:12px}.compact .answer-tile{flex:1;flex-direction:column;text-align:center;padding:20px 13px;gap:14px}.compact .answer-tile>span{height:43px;width:43px;font-size:20px;border-radius:13px}.compact .answer-tile>b{font-size:12px;line-height:1.55}.part-count{display:flex;gap:5px;align-items:center;justify-content:center;color:#b49dc1;font-size:9px;margin:21px auto}.part-count>span{width:7px;height:7px;background:#eee4f5;border-radius:50%}.part-count>span.filled{background:#b38ed0}.part-count>span:last-of-type{margin-right:7px}.fact-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:-3px auto 20px;max-width:580px}.fact-strip>span{font-size:9px;background:#fff8e9;border:1px solid #f0e4c8;color:#b39b62;border-radius:8px;padding:8px 10px}.fact-strip b{font-size:8px;margin-right:5px}.number-lab{display:flex;flex-direction:column;align-items:center;margin:25px 0}.number-icon{font:750 40px Urbanist;background:#f2eafa;border:2px solid #e8d9f4;color:#b196c4;border-radius:17px;padding:18px 30px;margin-bottom:23px;min-width:180px}.number-lab>label{font-size:10px;color:#ae94bd;margin-bottom:10px}.number-lab>div{display:flex;align-items:center;gap:15px}.number-lab input{width:125px;text-align:center;font-size:28px;color:#9470ae;border:2px solid #d6c0e7;border-radius:15px;padding:13px;background:#fdfaff}.number-lab b{font-size:14px;color:#ad91bf}.order-game{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px;margin:24px auto 0;max-width:565px}.order-game li{display:flex;align-items:center;gap:14px;background:#fdfaff;border:2px solid #e9dbf3;padding:12px 15px;border-radius:13px;box-shadow:0 4px 0 #f5edf9}.order-game li>span{width:29px;height:29px;display:grid;place-items:center;flex:none;background:#f0e2f9;border:1px solid #e0cbee;border-radius:9px;color:#b18ac7;font-size:11px;font-weight:750}.order-game li>b{text-align:left;font-size:12px;font-weight:550;color:#9473a4;flex:1}.order-game li>div{display:flex;gap:5px}.order-game button{display:grid;place-items:center;width:33px;height:34px;background:#f2e9fa;border:1px solid #e5d4f0;border-radius:8px;color:#b497c6}.order-game button:disabled{opacity:.3;cursor:default}.order-game .icon{height:15px;width:15px}.answer-feedback{display:flex;gap:12px;text-align:left;border-radius:14px;padding:17px 20px;margin:25px auto 0;max-width:585px;animation:arrive .2s ease;outline:none}.answer-feedback.right{background:#eaf7ee;border:1px solid #dceee1;color:#689679}.answer-feedback.retry{background:#fff5e1;border:1px solid #f3e5c6;color:#b69751}.answer-feedback>span{margin-top:3px}.answer-feedback b{font-size:12px}.answer-feedback p{font-size:11px;line-height:1.85;margin-top:7px}.choice-hint{display:block;margin-top:17px;font-size:9px;color:#b59dc2}.workspace{margin:23px auto 14px;border:2px solid #e9ddf2;border-radius:17px;overflow:hidden;text-align:left;background:#fefbff}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid #ede3f5;background:#f8f2fd;color:#a080b2;font-size:8px;letter-spacing:.06em;font-weight:700}.workspace-top>span:last-child{letter-spacing:0;font-weight:400;font-size:8px;color:#b7a2c6;display:flex;align-items:center;gap:5px}.workspace-top .icon{width:10px;height:10px}.workspace textarea{width:100%;border:0;background:transparent;display:block;min-height:210px;padding:19px;resize:vertical;color:#8e6f9e;line-height:1.85;font-size:13px}.workspace textarea::placeholder{color:#baa4c7}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;font-size:9px;color:#b09abe;border-top:1px solid #f0e7f7}.workspace-bottom button{background:none;font-size:9px;color:#a17ab8;text-decoration:underline;text-underline-offset:3px}.writing-note{font-size:9px;color:#ab94b9;margin-top:17px}#practice-feedback{font-size:12px;color:#a77991;margin-top:15px}.review-cards{display:flex;flex-direction:column;gap:14px;margin:30px auto 21px;max-width:580px}.review-cards label{display:flex;align-items:center;gap:16px;text-align:left;border:2px solid #e3ecdf;background:#f7fcf5;padding:17px;border-radius:15px;cursor:pointer;color:#91a387}.review-cards input{position:absolute;opacity:0;width:1px;height:1px}.review-cards label>span{height:33px;width:33px;border:2px solid #dce8d8;border-radius:11px;background:white;display:grid;place-items:center;color:transparent;flex:none}.review-cards label>b{font-size:12px;font-weight:550;line-height:1.8}.review-cards label:has(input:checked){border-color:#aeca9f;background:#eef8e9;color:#709362}.review-cards input:checked+span{background:#a4c08f;border-color:#a4c08f;color:white}.review-cards input:focus-visible+span{outline:3px solid #936dc1;outline-offset:4px}.finish-stats{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:24px}.finish-stats span{font-size:11px;color:#a082b4;padding:10px 15px;border:1px solid #e7d9f2;border-radius:11px;background:#f8f1ff;display:flex;gap:7px;align-items:center}.finish-stats .icon{height:14px;width:14px}dialog{max-width:700px;width:calc(100% - 34px);max-height:calc(100vh - 40px);border:1px solid #e3d6ee;border-radius:25px;padding:35px;background:#fff;color:var(--ink);box-shadow:0 25px 100px #4a2b6520}dialog::backdrop{background:#32213e50;backdrop-filter:blur(8px)}.panel-close{position:absolute;right:18px;top:18px}.panel-kicker{font-size:9px;color:#a082b7;letter-spacing:.12em;font-weight:700;padding-right:30px;margin-bottom:13px}#panel-body>h2{font-size:35px;max-width:520px;margin:0 0 16px}#panel-body>p{font-size:12px;color:#9b829e;line-height:1.9;margin:15px 0 22px}.map-grid{display:flex;flex-direction:column;gap:10px;margin:24px 0}.map-grid>button{display:flex;align-items:center;gap:14px;text-align:left;padding:13px 15px;background:#fdfaff;border:1px solid #e9ddef;border-radius:14px}.map-dot{width:41px;height:41px;border-radius:13px;background:#efe2fa;display:grid;place-items:center;color:#b091c8;font:700 13px Urbanist;flex:none}.map-dot .icon{height:18px;width:18px}.map-dot.blue{background:#e8effc;color:#9cb3d4}.map-dot.mint{background:#e9f5ed;color:#9bbb9c}.map-dot.amber{background:#fcf1dc;color:#c5ac71}.map-dot.pink{background:#f8e6ef;color:#c192ad}.map-grid b{font:700 21px Urbanist;color:#84658f}.map-grid small{display:block;font-size:9px;color:#b5a0c0;margin-top:5px}.map-grid>button>.icon{margin-left:auto;height:16px;width:16px;color:#bba5c9}.guide-options{display:flex;gap:10px;margin:20px 0}.guide-options>button{border:1px solid #e3d1ed;background:#fbf6ff;border-radius:11px;padding:11px 20px;color:#ac8abb;font-size:11px}.guide-options>.selected{background:#ede0f8;color:#9369aa;border-color:#ba94d0}.guide-detail{padding:16px 0;border-bottom:1px solid #eee3f5}.guide-detail summary{font:700 20px Urbanist;color:#9b7baa;cursor:pointer}.guide-detail p{font-size:11px;line-height:1.9;color:#a388b1;margin-top:13px}.guide-detail a{display:block;font-size:11px;color:#a788bc;text-decoration:underline;text-underline-offset:3px;margin-top:15px}.guide-actions{display:flex;gap:20px;align-items:center;margin-top:25px}.danger-text{color:#b78494}.danger-button{background:#b9758d;box-shadow:0 4px 0 #a3637b}.progress-pills{display:flex;gap:10px;margin:23px 0}.progress-pills>span{display:flex;align-items:center;gap:8px;border-radius:12px;padding:12px;background:#f6edfc;border:1px solid #e6d6ef;color:#9d77af;font-size:11px}.progress-pills .icon{height:16px;width:16px}.name-field{display:block;font-size:11px;color:#a583b3;margin-bottom:21px}.name-field small{font-size:9px;color:#b8a0c4;margin-left:8px}.name-field input{display:block;width:100%;border:1px solid #dac5e6;background:#fdf9ff;padding:13px 16px;border-radius:11px;margin-top:9px;color:#92709f}.certificate-note{font-size:9px!important;color:#ad95ba!important;line-height:1.8!important;margin-top:20px!important}#certificate{margin:25px 0}.certificate-inner{aspect-ratio:1.414;background:#fffdf7;border:1px solid #d7bb86;padding:26px 35px;text-align:center;position:relative;isolation:isolate;overflow:hidden}.certificate-inner:before{content:'';position:absolute;inset:10px;border:1px solid #e2cfac;z-index:-1}.cert-decoration{position:absolute;inset:-30% -20%;background:radial-gradient(ellipse at 12% 18%,#ecdbfa8c,transparent 30%),radial-gradient(ellipse at 90% 80%,#dfeaff7c,transparent 30%);z-index:-2}.certificate-inner>img{width:132px;display:block;margin:0 auto 18px}.cert-kicker{font-size:7px;letter-spacing:.15em;color:#b8975c;margin:0 0 10px}.certificate-inner h2{font-size:26px;color:#9b77ad;margin-bottom:15px}.certificate-inner>p{font-size:8px;color:#b69dc2;margin:7px 0}.learner-name{font:700 27px Urbanist;color:#886097;border-bottom:1px solid #dec7e3;max-width:330px;padding-bottom:9px;margin:9px auto;overflow-wrap:anywhere}.certificate-inner h3{font-size:23px;color:#ac87b9;margin:9px 0 14px}.cert-evidence{font-size:8px;color:#ad98b7;line-height:1.9}.cert-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px auto 10px;font-size:8px;color:#b39bbe}.cert-bottom>b{height:40px;width:40px;border:2px solid #e3cb99;border-radius:50%;display:grid;place-items:center;font-size:29px;color:#cab078;background:#fff5d9}.certificate-inner>small{display:block;font-size:5px;color:#b5a2bf;line-height:1.7}#feedback-toast{position:fixed;left:50%;bottom:25px;translate:-50% 20px;padding:13px 20px;background:#3a2848;color:white;border-radius:13px;box-shadow:0 7px 40px #4d2b6620;font-size:12px;max-width:85vw;opacity:0;pointer-events:none;transition:.2s;z-index:80}#feedback-toast.show{opacity:1;translate:-50% 0}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:white;border:2px solid #9369bc;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes bob{50%{translate:0 -6px}}@keyframes twinkle{50%{rotate:15deg;scale:1.1}}@keyframes rain{0%{translate:0 0;opacity:.1}30%{opacity:1}100%{translate:-8px 19px;opacity:0}}@keyframes confettiFloat{50%{translate:0 -8px;rotate:15deg}}
/* Comfortable contrast for instructions and choices */
.lead,.writing-note,.video-note,.local-footer,.local-footer button,.welcome>p,.welcome-foot,.welcome-tags,.header-progress>span,.header-progress>b,.lesson-top>span,.lesson-controls>span,.text-button,.why summary,.why p,.why li,.choice-illustrations small,.project-choices p,.workspace-top,.workspace-top>span:last-child,.workspace-bottom,.workspace-bottom button,.choice-hint,.map-grid small,.name-field,.name-field small,.certificate-note{color:#76627f}.answer-tile,.answer-tile>b,.sentence-options button,.two-choices button,.order-game li>b,.review-cards label>b,.project-brief,.goal-buttons button,.build-piece b,.guide-detail p,#panel-body>p{color:#725b80}.demo-feedback.right,.answer-feedback.right{color:#416e4d}.demo-feedback.retry,.answer-feedback.retry{color:#80632c}.fact-strip>span{color:#93783e}.guide-detail summary{color:#80628e}.guide-detail a{color:#846295}.certificate-inner>p,.cert-evidence,.cert-bottom,.certificate-inner>small{color:#8c7197}
@media(max-width:700px){.journey-header{height:67px;padding:0 18px;gap:13px}.logo img{width:135px}.header-progress{width:83px;margin:0 0 0 auto;display:flex;gap:7px}.header-progress>span{display:none}.header-progress .progress-track{flex:1;height:6px}.header-progress b{font-size:8px}.map-button{padding:9px;border-radius:10px}.map-button span{display:none}.map-button .icon{width:17px;height:17px}main{padding:17px 15px 0}.lesson-top{margin-bottom:13px}.lesson-top>span{font-size:8px;letter-spacing:.04em}.lesson-top i{margin:0 5px}.round-button{width:34px;height:34px;border-radius:11px}.lesson-top .text-button{font-size:10px}.step-track{margin-bottom:17px;gap:4px;height:4px}.activity-card{padding:24px 22px 26px;min-height:470px;border-radius:24px;box-shadow:0 7px 25px #5c397a04}.activity-card h1{font-size:31px;line-height:1.1;margin-bottom:15px}.card-label{font-size:8px;letter-spacing:.1em;margin:4px 0 12px}.lead{font-size:13px;line-height:1.8;margin-bottom:20px}.visual-scene{width:295px;height:195px;max-width:100%;margin:0 auto 16px;scale:.94;transform-origin:center}.buddy{left:85px;top:58px}.idea-bubble{left:0;top:14px;padding:10px 12px;font-size:11px}.hint-bubble{right:-4px;top:117px;padding:10px 12px;font-size:10px}.scene-star.a{right:25px;top:4px}.scene-star.b{left:25px;bottom:26px}.reward-preview{font-size:10px;padding:8px 12px;max-width:100%;text-align:left;line-height:1.6}.lesson-controls{padding:19px 3px 26px;gap:12px;position:sticky;bottom:0;z-index:10;background:linear-gradient(#faf8ff00,#faf8ff 15%);margin:0 -3px}.lesson-controls .text-button{font-size:9px}.lesson-controls>span{font-size:9px}.primary{padding:13px 19px;min-height:46px;font-size:12px}.local-footer{font-size:8px;gap:13px;flex-wrap:wrap;padding:2px 20px 22px}.local-footer button{font-size:8px}.welcome{padding:27px 5px 30px}.welcome-tags{font-size:7px;gap:7px}.welcome .visual-scene{scale:1;margin-top:27px;height:218px}.welcome h1{font-size:49px;margin-top:2px}.welcome>p{font-size:13px;margin:20px 0 25px;line-height:1.9}.big{padding:16px 25px;font-size:14px;min-width:200px}.welcome-foot{gap:15px;font-size:9px;margin-top:26px}.prompt-tile{width:153px;padding:14px}.prompt-tile.goal{left:0;top:20px}.prompt-tile.source{left:70px;top:69px}.prompt-tile.rule{right:-1px;top:116px}.prompt-tile b{font-size:12px}.prompt-scene{height:205px}.water-scene{height:205px}.sun{left:12px}.cloud{left:132px}.rain{left:163px}.water{left:43px}.evaporation{left:-5px;top:109px}.condensation{right:22px}.precipitation{right:-5px;bottom:44px}.small-water .visual-scene{scale:.8;height:152px;margin-top:-23px;margin-bottom:0}.evidence-paper{left:15px;top:24px;width:226px}.magnifier{right:0;bottom:12px}.evidence-stamp{left:0;bottom:13px}.edit-paper{left:10px;top:26px;width:236px;padding:25px 19px}.edit-paper>span{font-size:13px}.new-word{left:57px;top:3px}.pencil{right:7px;top:53px}.edit-sticker{left:0;bottom:8px}.back-card{left:25px}.front-card{left:117px}.project-scene{height:202px}.medal{left:95px;top:17px}.celebrate-scene{height:190px}.c1{left:41px}.c2{right:44px}.c3{left:44px}.c4{right:50px}.c5{left:143px}.choice-illustrations{gap:11px;margin:23px auto 17px}.choice-illustrations button{padding:15px 10px;border-radius:16px}.choice-illustrations b{font-size:20px;margin:16px 0 10px;line-height:1.1}.choice-illustrations small{font-size:9px;line-height:1.7;display:block}.mini-scene{height:77px;width:85px;border-radius:18px}.mini-scene>.icon{height:34px;width:34px}.mini-scene i{width:30px;height:30px;font-size:18px;line-height:25px}.demo-feedback{font-size:11px;padding:14px;gap:9px;margin-top:17px}.why{margin-top:21px;padding-top:14px}.why summary{font-size:10px}.why p,.why li{font-size:12px}.goal-buttons{gap:7px;margin:20px 0}.goal-buttons button{flex:1;flex-direction:column;gap:8px;font-size:9px;padding:10px 6px;border-radius:11px}.goal-buttons .icon{width:19px;height:19px}.prompt-build{flex-direction:column;gap:8px;margin:17px 0 23px}.build-piece{padding:14px 16px;display:grid;grid-template-columns:75px 1fr;align-items:center;gap:9px}.build-piece span{font-size:7px;letter-spacing:.06em;margin:0}.build-piece b{font-size:12px}.secondary{padding:12px 15px;font-size:10px;min-height:44px}.big-input{font-size:16px;padding:13px}.two-choices{gap:10px}.two-choices button{font-size:11px;padding:14px 12px;line-height:1.8;border-radius:13px}.sentence-options{margin:23px 0}.sentence-options button{font-size:13px;padding:15px;line-height:1.9}.project-choices{gap:11px}.project-choices button{padding:17px 11px;border-radius:16px}.project-mini{height:61px;width:71px;margin-bottom:18px;border-radius:14px}.project-mini .icon{height:26px;width:26px}.project-mini b{font-size:23px}.project-choices h2{font-size:22px}.project-choices p{font-size:10px;line-height:1.8}.project-brief{padding:15px;font-size:11px}.challenge-icons{gap:10px;margin:33px auto}.challenge-icons>span{min-width:0;flex:1;padding:18px 12px;gap:12px;font-size:10px;border-radius:17px}.challenge-icons .icon{height:27px;width:27px}.gentle-note{font-size:10px;padding:9px 13px}.video-box{padding:21px;min-height:268px;margin:22px 0 17px}.video-box h2{font-size:24px}.video-box p{font-size:10px}.video-note{font-size:8px}.question-emblem{height:46px;width:46px;border-radius:14px;margin:7px auto 19px}.question h1{font-size:28px;line-height:1.15}.question-lead{font-size:12px;line-height:1.85}.answer-tile{padding:13px 14px;gap:11px;border-radius:13px}.answer-tile>b{font-size:11px;line-height:1.8}.answer-tile>span{height:25px;width:25px;border-radius:8px;font-size:9px}.compact{gap:9px}.compact .answer-tile{padding:17px 9px;gap:11px}.compact .answer-tile>span{height:35px;width:35px;border-radius:11px;font-size:17px}.compact .answer-tile>b{font-size:10px}.fact-strip{gap:6px;margin:0 0 20px}.fact-strip>span{font-size:8px;padding:7px 9px;line-height:1.8}.fact-strip b{font-size:7px}.part-count{margin:17px auto 21px}.number-lab{margin:21px 0}.number-icon{font-size:34px;padding:16px 25px;min-width:160px}.number-lab input{font-size:26px;width:106px;padding:13px}.number-lab b{font-size:12px}.order-game{gap:10px;margin:22px 0}.order-game li{padding:11px 10px;gap:10px;border-radius:12px}.order-game li>span{height:25px;width:25px;border-radius:8px;font-size:10px}.order-game li>b{font-size:10px;line-height:1.7}.order-game li>div{gap:4px;flex-direction:column}.order-game button{height:27px;width:28px;border-radius:7px}.order-game .icon{height:13px;width:13px}.answer-feedback{padding:15px;gap:10px;margin-top:23px}.answer-feedback b{font-size:11px}.answer-feedback p{font-size:11px;line-height:1.85}.answer-feedback .icon{height:17px;width:17px}.workspace{margin:22px -6px 12px;border-radius:14px}.workspace-top{padding:12px;font-size:7px;gap:7px}.workspace-top>span:last-child{font-size:7px}.workspace-top .icon{width:9px;height:9px}.workspace textarea{font-size:12px;padding:15px;min-height:205px;line-height:1.9}.workspace-bottom{padding:10px 12px;font-size:8px}.workspace-bottom button{font-size:8px}.writing-note{font-size:8px;line-height:1.8}.review-cards{gap:11px;margin:24px 0 19px}.review-cards label{padding:14px;gap:12px;border-radius:13px}.review-cards label>span{height:30px;width:30px;border-radius:10px}.review-cards label>b{font-size:11px;line-height:1.8}.finish-stats{gap:10px}.finish-stats span{font-size:10px;padding:9px 12px}.finish-stats .icon{width:13px;height:13px}dialog{padding:29px 23px;border-radius:23px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.panel-close{right:12px;top:12px;width:31px;height:31px}.panel-kicker{font-size:8px;padding-right:28px}#panel-body>h2{font-size:31px;padding-right:16px}#panel-body>p{font-size:11px;line-height:1.9}.map-grid{gap:8px;margin:22px 0}.map-grid>button{padding:12px;gap:12px}.map-dot{width:37px;height:37px;border-radius:11px;font-size:12px}.map-grid b{font-size:20px}.map-grid small{font-size:8px;margin-top:4px}.map-grid>button>.icon{height:14px;width:14px}.guide-detail summary{font-size:19px}.guide-detail p,.guide-detail a{font-size:11px}.guide-actions{gap:15px;flex-wrap:wrap}.progress-pills{gap:8px;flex-wrap:wrap}.progress-pills>span{font-size:10px;padding:10px}.name-field{font-size:10px}.name-field small{font-size:8px;margin-left:5px}.name-field input{font-size:11px;padding:12px}.certificate-inner{padding:20px 20px}.certificate-inner>img{width:105px;margin-bottom:15px}.cert-kicker{font-size:5px;margin-bottom:9px}.certificate-inner h2{font-size:21px;margin-bottom:12px}.certificate-inner>p{font-size:6px;margin:5px 0}.learner-name{font-size:21px;padding-bottom:7px;margin:7px auto}.certificate-inner h3{font-size:18px;margin:9px 0 12px}.cert-evidence{font-size:6px}.cert-bottom{font-size:6px;margin:12px 0 9px;gap:6px}.cert-bottom>b{height:31px;width:31px;font-size:23px}.certificate-inner>small{font-size:4px}.certificate-note{font-size:8px!important}#feedback-toast{font-size:11px;padding:13px 16px;min-width:260px;text-align:center}}
@media(max-width:370px){.logo img{width:120px}.header-progress{width:65px}.journey-header{gap:10px;padding:0 14px}main{padding-inline:12px}.activity-card{padding-inline:18px}.visual-scene{scale:.85;margin-inline:-2px}.welcome .visual-scene{scale:.95}.welcome h1{font-size:44px}.compact .answer-tile>b{font-size:9px}.compact .answer-tile{padding-inline:7px}.lesson-top>span{font-size:7px}.lesson-controls .primary{padding-inline:15px}.reward-preview{font-size:9px}.choice-illustrations b{font-size:18px}.project-choices h2{font-size:19px}.welcome-foot{font-size:8px;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary:hover,.answer-tile:hover,.choice-illustrations button:hover{transform:none!important}}
@page{size:A4 landscape;margin:0}@media print{html,body{width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:white!important}body *{visibility:hidden!important}dialog:modal{position:static!important;max-width:none!important;width:auto!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important}dialog::backdrop{display:none!important}#certificate,#certificate *{visibility:visible!important}#certificate{position:fixed!important;inset:0!important;margin:0!important;width:297mm!important;height:210mm!important}.certificate-inner{width:100%!important;height:100%!important;aspect-ratio:auto!important;padding:20mm 24mm!important;border:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.certificate-inner:before{inset:8mm!important;border:1px solid #bca064!important}.certificate-inner>img{width:52mm!important;margin-bottom:8mm!important}.cert-kicker{font-size:9pt!important;letter-spacing:2pt!important;margin-bottom:5mm!important}.certificate-inner h2{font-size:31pt!important;margin-bottom:6mm!important}.certificate-inner>p{font-size:9pt!important;margin:3mm 0!important}.learner-name{font-size:30pt!important;max-width:190mm!important;padding-bottom:3mm!important;margin:3mm auto!important}.certificate-inner h3{font-size:27pt!important;margin:4mm 0 5mm!important}.cert-evidence{font-size:9pt!important}.cert-bottom{font-size:9pt!important;margin:7mm 0 4mm!important}.cert-bottom>b{height:17mm!important;width:17mm!important;font-size:39pt!important}.certificate-inner>small{font-size:6pt!important;line-height:1.7!important}.journey-header,main,.local-footer,#feedback-toast,.panel-close{display:none!important}.cert-decoration{background:radial-gradient(ellipse at 12% 18%,#ecdbfa8c,transparent 30%),radial-gradient(ellipse at 90% 80%,#dfeaff7c,transparent 30%)!important}}
/* Same-step answers keep their place; the next action stays close. */
.lesson-controls{position:sticky;bottom:0;z-index:15;background:linear-gradient(#faf8ff00,#faf8ffef 18%,#faf8ff 100%);backdrop-filter:blur(8px);padding-bottom:max(22px,env(safe-area-inset-bottom));min-height:88px}.activity-card{scroll-margin-bottom:105px}.answer-feedback{scroll-margin-bottom:105px}main{padding-bottom:8px}.answer-feedback:focus{outline:none}.lesson-controls .primary{flex:none}
.print-secondary{margin-top:13px}#cert-export-status{font-size:10px;color:#76627f;line-height:1.8;margin-top:13px}