*{box-sizing:border-box}body{margin:0;background:#f4f4ed;color:#233b3d;font-family:Segoe UI,Malgun Gothic,sans-serif}.learning-app{max-width:1100px;min-height:100vh;margin:auto;padding:28px 36px 40px;background:#fffefa;border:0;border-radius:0}.learning-app .lesson-header{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:0 0 18px;border-bottom:2px solid #e7e9db}.learning-app .lesson-mark{background:#ffe690;color:#30594d;padding:18px;border-radius:22px;font-size:1.4rem;font-weight:800}.learning-app h1{font-size:clamp(1.3rem,3vw,2rem);margin:0;line-height:1.3}.learning-app h2{font-size:1.65rem;line-height:1.4;margin:14px 0}.learning-app h3{font-size:1.1rem}.learning-app p{line-height:1.6}.learning-app .eyebrow{color:#487367;font-size:.8rem;margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em}.learning-app button{font:inherit;font-weight:650;min-height:52px;border:2px solid #286653;background:#286653;color:#fff;padding:12px 18px;border-radius:12px;cursor:pointer;margin:5px}.learning-app button.secondary{background:#fffefa;color:#286653}.learning-app button.chosen{background:#ffdf7d;color:#243f34;border-color:#766320}.learning-app button:disabled{opacity:.48;cursor:not-allowed}.learning-app :focus-visible{outline:3px solid #aa5b16;outline-offset:4px}.learning-app label{display:block;margin:14px 0 8px;font-weight:600}.learning-app input,.learning-app textarea{font:inherit;border:2px solid #9aada4;border-radius:10px;padding:12px;width:100%;max-width:650px}.learning-app .entry-form{max-width:650px;margin:44px auto}.learning-app .demo-banner{background:#fff0bf;border:1px solid #dec579;padding:12px 16px;border-radius:10px;font-size:.9rem}.learning-app .study-progress p{display:flex;justify-content:space-between;font-size:.9rem;color:#416452;margin:16px 0 6px}.learning-app progress{width:100%;height:10px;accent-color:#40816c}.learning-app .activity-panel{padding-top:10px}.learning-app .activity-instructions{font-size:1.1rem}.learning-app fieldset.activity-body{border:0;padding:0;margin:0;min-width:0}.learning-app .character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.learning-app .media-slot{margin:10px 0;min-height:170px;padding:20px;border:2px dashed #bac8b9;border-radius:14px;background:#f5f6ee;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.learning-app .media-slot p{font-size:.9rem;margin:8px 0;color:#526359}.learning-app .media-slot small{font-size:.75rem;color:#677665}.learning-app .placeholder-label{font-size:1.2rem;font-weight:650}.learning-app .media-slot img{max-width:100%;max-height:440px;-o-object-fit:contain;object-fit:contain}.learning-app .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.learning-app .card-grid{display:flex;flex-wrap:wrap;gap:8px}.learning-app .tile-row,.learning-app .word-slots{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.learning-app .empty-tile,.learning-app button.letter-tile{font-size:2rem;min-width:76px;min-height:76px;display:inline-flex;align-items:center;justify-content:center}.learning-app .empty-tile{border:2px dashed #adbaaa;border-radius:12px}.learning-app .audio-player{margin:10px 0}.learning-app .audio-player .muted{display:block;font-size:.8rem}.learning-app .sound-row{display:flex;flex-wrap:wrap;gap:12px}.learning-app .matching-row{border-bottom:1px solid #dde3d7;padding:4px 0}.learning-app .matching-row .audio-player{margin:0}.learning-app .matching-row .audio-player button{font-size:.8rem;min-height:40px;padding:8px}.learning-app .muted,.learning-app .save-status{color:#54685c;font-size:.9rem}.learning-app .placeholder-note{background:#f5f1e5;border-radius:10px;padding:12px 16px;font-size:.85rem;line-height:1.5}.learning-app .page-controls,.learning-app .stage-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px}.learning-app .page-label{color:#48614d;font-weight:650}.learning-app .story-text{font-size:1.2rem;line-height:1.9;white-space:pre-line}.learning-app .sorting-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-app .sort-zone{min-height:230px;padding:12px;border:2px dashed #b6c7b5;border-radius:16px;background:#f1f5eb}.learning-app .zone-target{width:100%;margin:0 0 12px}.learning-app .move-card{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learning-app .task-feedback{padding:16px;background:#fff0c3;border-radius:12px}.learning-app .task-feedback.success{background:#e6f2df}.learning-app .scene-list{list-style:none;padding:0;display:grid;gap:10px}.learning-app .scene-list li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.learning-app .scene-list .media-slot{min-height:85px;padding:10px;margin:0}.learning-app .scene-list .media-slot p{margin:4px 0}.learning-app .scene-number{font-size:1.4rem;font-weight:700}.learning-app .completion-panel{text-align:center;padding:60px 12px}.learning-app .completion-star{font-size:5rem;color:#b28b15}.learning-app .error{padding:14px 18px;background:#fff0ed;color:#8c2b1f;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width:700px){.learning-app{padding:18px}.learning-app .character-grid{grid-template-columns:1fr 1fr}.learning-app .two-columns{grid-template-columns:1fr;gap:12px}.learning-app .sorting-layout{grid-template-columns:1fr 1fr}.learning-app .sort-zone:first-child{grid-column:1/-1;min-height:130px}.learning-app .scene-list li{grid-template-columns:28px 1fr}.learning-app .scene-list li>div{grid-column:2}}