:root{color:#523723;background:#f7e5a3;font-family:Nunito,Noto Sans SC,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}.app-shell{height:100vh;overflow:hidden;background:linear-gradient(180deg,#89d8d0 0 220px,#f7e5a3 220px 100%)}.kid-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;min-height:112px;padding:24px 32px}.kid-header h1,.lesson-titlebar h2,.course-rail h2,.quiz-panel h2{margin:0;letter-spacing:0}.profile-summary{min-width:150px;border:3px solid #523723;border-radius:999px;background:#fffbe8;padding:12px 16px;box-shadow:0 5px #d1a24f;font-weight:900;text-align:center}.parent-settings-button{min-width:120px}.eyebrow{margin:0 0 4px;color:#2f776e;font-size:13px;font-weight:900;text-transform:uppercase}.theater-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;height:calc(100vh - 112px);padding:0 32px 32px;overflow:hidden}.theater-main{min-width:0;min-height:0;overflow:hidden}.island-card,.theater-card,.course-rail{border:3px solid #523723;border-radius:24px;background:#fffbe8;box-shadow:0 8px #c7983e}.lesson-player,.quiz-panel{min-width:0}.lesson-player{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;height:100%;min-height:0;overflow:hidden}.lesson-titlebar,.lesson-actions,.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-titlebar{margin-bottom:16px}.lesson-count{border-radius:999px;background:#dff5e9;border:2px solid #4b8d6e;padding:8px 12px;font-weight:900;white-space:nowrap}.video-frame video,.missing-media{width:100%;height:100%;min-height:0;border-radius:20px;border:3px solid #2c2118;background:#0e1f2d;object-fit:contain}.video-frame{min-height:0;overflow:hidden}.missing-media{display:grid;place-items:center;color:#fffbe8;padding:24px;text-align:center}.watch-progress{height:18px;border-radius:999px;background:#ead6a1;border:2px solid #8d6b3d;overflow:hidden;margin:0}.watch-progress span{display:block;height:100%;background:#6fcf97}.lesson-actions p,.quiz-header p{margin:0;font-weight:900}.quiz-progress-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.course-rail{min-width:0;min-height:0;height:100%;overflow:hidden;padding:16px}.course-rail-header{margin-bottom:12px}.lesson-grid{display:grid;gap:10px;max-height:calc(100vh - 236px);overflow:auto;padding-right:4px}.lesson-card{display:grid;grid-template-columns:42px minmax(0,1fr) 58px;align-items:center;gap:10px;width:100%;min-height:62px;border:2px solid #8d6b3d;border-radius:18px;background:#fff0b9;color:#523723;text-align:left;cursor:pointer;font-weight:900}.lesson-card:disabled{opacity:.5;cursor:not-allowed}.lesson-card.selected{background:#dff5e9;border-color:#2f776e}.lesson-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#8fd6cf;border:2px solid #4a807a}.lesson-title,.lesson-status{overflow-wrap:anywhere}.quiz-panel,.admin-panel{display:grid;gap:14px;max-height:min(70vh,720px);overflow:auto;padding-right:4px}.quiz-panel{position:relative;overflow:auto}.answer-grid{display:grid;gap:12px}.answer-button{width:100%;min-height:60px;text-align:left;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.answer-button:not(:disabled):active{transform:translateY(2px) scale(.99)}.answer-button.is-correct{background:#55bd7d;box-shadow:0 6px #2f7b51;animation:answer-pop .42s ease}.answer-button.is-incorrect{background:#f0a857;box-shadow:0 6px #a85f22;animation:answer-wiggle .42s ease}.feedback{margin:0;border:2px solid #8d6b3d;border-radius:18px;padding:12px 14px;background:#fff0b9;font-weight:900;animation:feedback-rise .3s ease}.feedback.correct{color:#246c49;background:#dff5e9}.feedback.incorrect{color:#8a4f00;background:#ffe1b8}.combo-badge{border:2px solid #8d6b3d;border-radius:999px;background:#fff2a8;color:#523723;box-shadow:0 4px #d1a24f;padding:6px 12px;font-weight:900;white-space:nowrap;animation:combo-pop .36s ease}.quiz-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.quiz-sparkles span{position:absolute;bottom:26px;color:#f8c847;font-size:26px;text-shadow:0 2px 0 #8d6b3d;animation:sparkle-float .9s ease-out forwards}.quiz-sparkles span:nth-child(1){left:18%}.quiz-sparkles span:nth-child(2){left:34%;animation-delay:80ms}.quiz-sparkles span:nth-child(3){left:52%;animation-delay:.14s}.quiz-sparkles span:nth-child(4){left:68%;animation-delay:40ms}.quiz-sparkles span:nth-child(5){left:82%;animation-delay:.12s}.flying-stars{pointer-events:none;position:fixed;top:52%;right:180px;width:1px;height:1px;z-index:20}.flying-stars span{position:absolute;color:#f8c847;font-size:28px;text-shadow:0 2px 0 #8d6b3d;animation:star-to-score .85s ease-out forwards}.flying-stars span:nth-child(1){transform:translate(-90px,20px)}.flying-stars span:nth-child(2){transform:translate(-40px,-10px);animation-delay:70ms}.flying-stars span:nth-child(3){transform:translate(10px,18px);animation-delay:.12s}.flying-stars span:nth-child(4){transform:translate(50px,-16px);animation-delay:40ms}.quiz-complete{place-items:center;text-align:center;padding:32px}.complete-stars{display:flex;gap:10px;color:#f8c847;font-size:42px;text-shadow:0 3px 0 #8d6b3d;animation:answer-pop .52s ease}.complete-summary{margin:0;border:2px solid #8d6b3d;border-radius:18px;background:#fff0b9;padding:12px 16px;font-weight:900}.admin-section,.admin-review,.review-question{display:grid;gap:10px;border:2px solid #e3c47b;border-radius:18px;background:#fff8db;padding:14px}.admin-section h3,.admin-review h3,.review-question h4,.admin-message,.admin-review p,.review-question p{margin:0}.field-label{display:grid;gap:6px;font-weight:900}.admin-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.text-input{min-height:42px;width:100%;border:2px solid #8d6b3d;border-radius:12px;padding:0 10px;color:#523723;background:#fffbe8}.admin-message.warning,.warning-list{color:#8a4f00}.admin-message.success{color:#2f776e}.warning-list{margin:0;padding-left:22px}.empty-state{max-width:680px;margin:80px auto;padding:28px;text-align:center}.empty-state p{margin:12px 0 20px;font-weight:700}.web-app-shell{min-height:100vh;overflow:auto}.web-storage-warning{margin:0 32px 18px;padding:12px 16px;border:2px solid #8d6b3d;border-radius:18px;color:#523723;background:#fffbe8;font-weight:800}.web-lesson-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0 32px 32px}.web-lesson-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;min-height:180px;border:3px solid #523723;border-radius:24px;background:#fffbe8;box-shadow:0 8px #c7983e;padding:16px}.web-lesson-card.is-completed{background:#f4ffe8;border-color:#4b8d6e}.web-lesson-card h2,.web-lesson-card p{margin:0;overflow-wrap:anywhere}.web-lesson-card h2{line-height:1.18}.web-lesson-card>button{align-self:end}.web-lesson-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.web-lesson-card .lesson-number{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#f6d365;border:2px solid #8d6b3d;font-weight:900}.lesson-complete-badge{border:2px solid #4b8d6e;border-radius:999px;background:#dff5e9;color:#2f776e;padding:6px 10px;font-size:13px;font-weight:900;white-space:nowrap}.quiz-nav-row{display:flex;justify-content:flex-start}.quiz-back-button{min-height:44px;border:2px solid #8d6b3d;border-radius:999px;background:#dff5e9;color:#523723;box-shadow:0 4px #c7983e;padding:0 16px;font-weight:900}.web-quiz-panel{margin:0 32px 32px}@media(max-width:1100px){.theater-workspace{grid-template-columns:1fr}.course-rail,.lesson-grid{max-height:none}body,.app-shell{overflow:auto}.app-shell{height:auto;min-height:100vh}.theater-workspace{height:auto;overflow:visible}}@media(max-width:720px){.kid-header,.theater-workspace{padding-left:16px;padding-right:16px}.web-quiz-panel{margin:0 16px 24px}.kid-header,.admin-button-row{grid-template-columns:1fr}.lesson-titlebar,.lesson-actions,.quiz-header{display:grid;grid-template-columns:1fr}.quiz-panel h2{font-size:36px;overflow-wrap:anywhere}.lesson-card{grid-template-columns:42px minmax(0,1fr)}.lesson-status{grid-column:2}}@media(max-width:420px){.quiz-panel h2{font-size:30px}}@keyframes answer-pop{0%{transform:scale(1)}50%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes answer-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes feedback-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes combo-pop{0%{transform:scale(.82)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(.7) rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.3) rotate(24deg)}}@keyframes star-to-score{0%{opacity:0}15%{opacity:1}to{opacity:0;transform:translate(130px,-42vh) scale(.55) rotate(24deg)}}@media(prefers-reduced-motion:reduce){.answer-button,.feedback,.quiz-sparkles span,.combo-badge,.flying-stars span,.complete-stars{animation:none;transition:none}}