[hidden]{display:none!important}html,body{height:auto;overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:auto 1fr;align-content:start;gap:12px}.top{height:auto;align-items:flex-start;gap:14px}.brand{font-size:23px;line-height:1.15;letter-spacing:0}.tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.tool{min-height:44px;padding:8px 10px}.shell{height:auto;min-height:calc(100dvh - 110px)}.shell.no-media{grid-template-columns:1fr;max-width:850px}.media-pane{padding:12px;background:#e1f5f5}.media-pane img{height:auto;max-height:calc(100dvh - 130px);filter:none}.panel{display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:visible}.heading{justify-content:flex-end}.instruction{font-size:23px;padding:10px}.context{font-size:23px;font-weight:900;text-align:center;color:#397273}.sentence{font-size:30px;line-height:1.4;padding:18px}.word-slot{display:inline-block;min-width:2.3em;padding:1px 8px;border-bottom:3px solid #397c91;border-radius:8px;color:#397c91}.word-slot.filled{min-width:0;background:#e6faed;border-color:#319061;color:#196346;animation:word-arrival .24s ease-out}.choice{min-height:105px;font-size:30px;transition:transform .14s,border-color .14s}.choice:hover,.choice:focus-visible{transform:translateY(-3px)}.feedback{min-height:34px;text-align:center;line-height:1.2}.complete{display:none;position:fixed;inset:0;z-index:50;padding:20px;place-items:center;background:linear-gradient(135deg,#eefaf3,#fff8d6)}.complete.show{display:grid}.complete-card{background:#fffdf7;border:5px solid white;border-radius:30px;padding:30px;text-align:center;max-width:650px;box-shadow:0 20px 50px #0018}.complete-card h2{font-size:clamp(29px,4.4vw,48px);margin:8px;letter-spacing:0}.complete-card p{font-size:23px;font-weight:bold}.complete button,#popup button{min-height:44px;padding:12px 18px;margin:4px;border:2px solid #d7e2ee;border-radius:14px;background:white;color:#183968;font:inherit;font-weight:bold}.complete #again{background:#ec7664;color:white;border-color:#ec7664}#popup{position:fixed;inset:0;z-index:60;background:#e9f6ffef;padding:20px;display:grid;place-items:center}.popup-card{max-width:520px;background:#fffdf7;border-radius:24px;padding:25px;text-align:center}.popup-card p{font-size:23px;line-height:1.4}.eduflier-achievement-sparkles{z-index:100}#sceneFallback{font-size:23px;line-height:1.4;padding:18px}@keyframes word-arrival{from{opacity:.35;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}@media(max-width:900px){.app{padding:8px;min-height:100dvh;gap:10px}.top{flex-direction:column;gap:9px}.brand{font-size:22px}.tools{justify-content:flex-start}.tools .tool{font-size:14px}.shell{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.shell.no-media{grid-template-rows:auto}.media-pane{min-height:0;padding:0}.media-pane img{height:180px;max-height:180px;border-radius:0}.panel{padding:12px;gap:12px}.instruction{font-size:20px;padding:8px}.context{font-size:21px}.sentence{font-size:24px;line-height:1.35;padding:14px}.choices{grid-template-columns:repeat(3,1fr);gap:10px}.choice{min-height:74px;font-size:27px;padding:8px}.complete-card{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}
#activityToolbar{position:sticky;top:0;z-index:200;background:#e9f7f4;padding:10px 3vw;flex-wrap:wrap;min-height:65px}#activityToolbar .tools{flex-wrap:wrap}#app{min-height:calc(100dvh - var(--voice-toolbar-height,90px));height:auto;grid-template-rows:1fr}#pronounVoiceFocus{display:grid;gap:12px;border-radius:20px}.voice-speaking{outline:4px solid #127c9d;outline-offset:4px;background-color:#e4f8ff}#activityToolbar button{min-height:44px}#again{display:none}body[data-current-modal] #popup,body[data-current-modal] #finish{top:var(--voice-toolbar-height,90px)}#popup{overflow:auto}@media(max-width:900px){#activityToolbar{gap:8px;align-items:flex-start}.brand{font-size:15px}.shell{grid-template-rows:auto auto}}

#shell.printed-they{min-height:0;height:auto;margin:0 auto;align-self:start}.printed-they .panel{justify-content:flex-start;padding:28px}.printed-they .choices{grid-template-columns:repeat(2,minmax(0,1fr))}.printed-they #feedback:empty{display:none}@media(max-width:900px){.printed-they .panel{padding:14px}}