@import url("/fonts/fonts.css");:root{--navy:#07186c;--blue:#0673ff;--blue-dark:#0054db;--ink:#102469;--muted:#53679a;--border:#d4e5fc;--surface:#f7fbff;--radius:17px;font-family:Roboto Condensed,Segoe UI,Arial,sans-serif;color:var(--ink);background:#e6f2ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7044e4;outline-offset:3px}button{border:0}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Nunito,Segoe UI,Arial,sans-serif;letter-spacing:-.5px}input[type=checkbox]{accent-color:var(--blue);width:21px;height:21px}button{transition:background .15s,box-shadow .15s,transform .15s}button:active{transform:translateY(1px)}.education-app{min-height:100dvh;background:radial-gradient(ellipse at 70% 10%,#b9e0ff 0,transparent 60%),linear-gradient(120deg,#edf4ff,#d8edff);--accent:var(--program-theme,#0673ff)}.skip-link{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip-link:focus{top:0}.brand{display:flex;align-items:center;gap:9px;color:#08186c}.brand>svg{height:59px;width:49px;color:#3154dc}.brand strong{font-family:Nunito,Arial,sans-serif;font-size:25px;line-height:.98;letter-spacing:-1px;font-weight:1000;display:block;text-align:left}.brand span{font-size:9px;letter-spacing:.4px;margin-top:5px;display:block;font-weight:700;white-space:nowrap}.brand-button{background:linear-gradient(100deg,#fff,#f6faff);height:100%;padding:10px 20px 10px 28px;min-width:235px;border-radius:0 0 18px 0}.app-header,.brand-button{display:flex;align-items:center}.app-header{height:91px;background:linear-gradient(115deg,#fafdff,#eaf4ff 50%,#fff);gap:24px;position:relative;z-index:25;box-shadow:0 1px 0 #badbff;flex-wrap:nowrap}.program-branding{display:flex;align-items:center;justify-content:center;flex:1 1;min-width:0}.program-branding>div{display:flex;flex-direction:column;gap:5px}.program-branding>div>strong{font-size:17px}.program-branding>div>span{font-size:12px;color:#536c9d}.program-branding img{max-width:145px;max-height:53px;object-fit:contain}.sponsor-wordmark{background:#ec262d;color:white;font-size:24px;padding:8px 16px;border-radius:4px}.header-program-symbol{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e3edff;color:#3676d6}.institution-branding{display:flex;align-items:center;gap:10px;border-left:1px solid #508ddd;padding-left:23px;max-width:270px}.institution-branding>div{min-width:0}.institution-branding strong{font-size:19px;font-weight:800;line-height:1.1;display:block}.institution-branding>div>span{display:block;margin-top:4px;font-size:15px}.institution-branding img{width:57px;height:57px;object-fit:contain}.school-seal{display:grid;place-items:center;border:3px double #5363ad;border-radius:50%;width:59px;height:59px;color:#344687;flex-shrink:0}.header-actions{display:flex;align-items:stretch;align-self:stretch;gap:3px;margin-left:auto}.header-actions button,.language-display{padding:12px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:75px;background:transparent;font-size:13px}.header-actions button:hover{background:#dfecff}.header-actions button:last-child,.language-display{border-left:1px solid #d4e4ff}.mobile-menu{display:none!important}.app-shell{display:grid;grid-template-columns:227px minmax(0,1fr);grid-gap:13px;gap:13px;padding:12px 9px 0}.sidebar{background:linear-gradient(140deg,#f8fbff,#eaf3ff);border:1px solid #fff;border-radius:17px;align-self:start;overflow:hidden}.sidebar nav{padding:8px}.nav-item{display:flex;gap:15px;align-items:center;text-align:left;min-height:51px;width:100%;padding:9px 16px;border-radius:9px;background:transparent;position:relative;font-size:15px;line-height:1.2;white-space:nowrap}.nav-item:after{content:"";position:absolute;bottom:0;left:65px;right:10px;height:1px;background:#fff}.nav-item>svg{color:#375686}.nav-item.active{color:white;background:linear-gradient(#0087ff,#0066f5);border:1px solid #fff;box-shadow:0 0 0 3px #d0e5ff,0 6px 13px #0575fa16}.nav-item.active:after{display:none}.nav-item.active>svg{color:white}.nav-item:not(.active):hover{background:#dceaff}.tooth-icon{width:26px;height:29px}.nav-check{margin-left:auto}.sidebar-bottom{padding:11px 18px 15px;border-top:1px solid white;display:flex;flex-wrap:wrap;gap:5px}.sidebar-action{display:flex;align-items:center;gap:7px;min-height:35px;background:none;text-decoration:none;text-align:left;font-size:12px;width:100%;color:#415d96}.sidebar-action:hover{color:var(--blue)}.admin-link{font-size:11px;opacity:.8}.progress-summary{padding:7px 0 12px;width:100%}.progress-summary>span{display:block;font-size:9px;font-weight:700;letter-spacing:.6px}.progress-summary>strong{display:block;font-size:13px;margin-top:6px}.progress-track{height:5px;border-radius:5px;background:#dbe8fd;margin-top:9px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#267dff;border-radius:5px}.home-view,.main-content{min-width:0}.reference-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:12px;gap:12px;align-items:stretch}.reference-center{min-width:0;display:flex;flex-direction:column;gap:10px}.reference-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;flex:1 1}.reference-mode-card{position:relative;height:445px;border-radius:17px;overflow:hidden;border:2px solid white;box-shadow:0 4px 10px #547fbb16;isolation:isolate}.reference-mode-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%;z-index:-1}.reference-mode-heading{text-align:center;padding:23px 8px 0;position:relative}.reference-mode-heading h1{font-weight:1000;font-size:clamp(33px,3.1vw,54px);line-height:1.06;letter-spacing:-2px;color:white;text-shadow:3px 0 #132bab,-3px 0 #132bab,0 3px #132bab,0 -3px #132bab,5px 5px 0 #063599,0 5px 10px #142974;white-space:nowrap;font-style:italic}.child-card h1{text-shadow:3px 0 #8232d6,-3px 0 #8232d6,0 3px #8232d6,0 -3px #8232d6,5px 5px 0 #4530a5,0 5px 10px #633fc3}.reference-mode-heading>strong{font-family:Nunito,sans-serif;font-size:20px;line-height:1.15;display:block;margin-top:7px;font-weight:1000}.reference-mode-heading>p{font-size:16px;line-height:1.28;margin-top:9px}.adult-card .reference-mode-heading>strong{color:white;background:#0767b2b0;border-radius:20px;width:max-content;margin-left:auto;margin-right:auto;padding:0 12px}.adult-card .reference-mode-heading>p{color:white;text-align:right;margin:10px 22px 0 0}.child-feature-label{position:absolute;right:14px;top:165px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff9c9,#ffe587);box-shadow:0 0 0 2px white,0 3px 15px #544b1b22;border-radius:21px;transform:rotate(-8deg);padding:13px 11px;font-size:14px;line-height:1.1}.child-feature-label>svg{color:#168cf9;width:32px;height:32px}.adult-feature-list{position:absolute;right:11px;top:177px;background:linear-gradient(110deg,#6ea7cd66,#1c629866);border:1px solid #90bbd855;padding:16px 12px;border-radius:13px;display:grid;grid-gap:20px;gap:20px;color:white;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.adult-feature-list>span{display:flex;align-items:center;gap:9px;font-size:13px}.adult-feature-list svg{background:#05b9ff;color:white;border-radius:50%;padding:4px;width:29px;height:29px}.mode-start-button{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;background:linear-gradient(#008bff,#0063f5);color:white;border:3px solid white;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:17px;padding:15px 20px;box-shadow:0 0 0 2px #2b8dfb88,0 5px 14px #003a8366;max-width:calc(100% - 25px);min-height:57px}.mode-start-button:hover{background:linear-gradient(#2a9dff,#075ee0);box-shadow:0 0 0 4px #b7dbff8a,0 5px 20px #124aac66}.mode-start-button:active{transform:translateX(-50%) translateY(1px)}.recommended-section{background:#f9fcffdb;border:1px solid white;border-radius:17px;padding:5px 9px 7px}.recommended-section h2{font-family:Roboto Condensed,sans-serif;font-size:21px;font-weight:800;margin:0 9px 7px;letter-spacing:-.6px}.recommendations{display:flex;align-items:center;gap:5px;min-width:0}.recommended-rail{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;flex:1 1}.recommended-rail::-webkit-scrollbar{display:none}.recommended-card{flex:1 0 90px;max-width:138px;min-width:80px;border:1px solid #e5dce7;background:linear-gradient(#ddedf8,#fff);padding:0;position:relative;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.recommended-card img{height:65px;width:100%;object-fit:cover}.recommended-card strong{font-family:Roboto Condensed,sans-serif;font-size:13px;font-weight:700;line-height:1.02;text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center;padding:3px 2px}.recommended-card:hover{box-shadow:inset 0 0 0 2px var(--blue)}.rail-arrow{display:grid;place-items:center;width:27px;height:32px;flex-shrink:0;border:2px solid #d8eaff;background:#fff;border-radius:50%;padding:0;box-shadow:0 2px 5px #3e75b514}.home-lesson-preview{background:#f5faff;border:1px solid #fff;border-radius:17px;padding:10px;min-width:0}.module-previews{margin-top:12px;background:#f8fcffda;border:1px solid white;border-radius:17px;padding:8px 12px 10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.section-heading h2{font-family:Roboto Condensed,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.7px}.section-heading>span{font-size:12px;color:#5a73a4}.preview-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:10px;gap:10px}.preview-card{min-width:0;border-radius:13px;border:2px solid transparent;background:#ffffffca;padding:0 0 8px;text-align:left;overflow:hidden;transition:box-shadow .15s}.preview-card.featured-preview{border-color:#0270ff;box-shadow:0 0 0 2px #c0e2ff}.preview-card:hover{border-color:#0673ff;box-shadow:0 4px 12px #2478d826}.preview-image{height:100px;position:relative;background:#e8f2ff;overflow:hidden;border-radius:10px 10px 0 0}.preview-image>img{height:100%;width:100%;object-fit:cover}.preview-play{position:absolute;bottom:7px;left:7px;width:29px;height:29px;border-radius:50%;border:2px solid white;display:grid;place-items:center;background:#1d263c99;color:white;box-shadow:0 2px 4px #0003}.preview-duration{position:absolute;bottom:5px;right:5px;border-radius:5px;background:#1b284fa3;color:white;font-size:11px;padding:1px 3px;font-weight:700}.preview-card h3{font-family:Roboto Condensed,sans-serif;font-size:15px;line-height:1.12;margin:7px 7px 3px;font-weight:800;letter-spacing:-.4px}.preview-card p{font-size:12px;line-height:1.15;margin:0 7px;color:#314985}.app-footer{display:flex;justify-content:space-between;gap:18px;padding:13px 4px;font-size:10px;color:#647faf}.app-footer>span{gap:5px}.app-footer>span,.mode-welcome{display:flex;align-items:center}.mode-welcome{justify-content:space-between;margin:6px 5px 18px}.mode-welcome h1{font-size:32px;margin-top:5px}.mode-welcome p{margin-top:6px;font-size:15px;color:#446596}.tiny-label{font-size:11px;letter-spacing:1px;font-weight:800;color:#4c70a9}.stars-badge{display:flex;align-items:center;gap:7px;background:#fff5c4;color:#ac7100;padding:13px 20px;border-radius:15px;box-shadow:0 3px 0 #edce73}.stars-badge strong{font-size:26px}.audience-feature{position:relative;min-height:430px;overflow:hidden;border-radius:18px;background:#eff7ff;display:flex;align-items:center;border:2px solid white}.audience-feature>img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;object-position:center 75%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}.audience-feature>div{position:relative;max-width:58%;padding:35px}.audience-feature h2{font-size:34px;line-height:1.15;margin:14px 0}.audience-feature p{font-size:17px;line-height:1.55;margin-bottom:24px;max-width:310px}.audience-feature.child{background:#e9f8ff}.audience-feature.adult{background:#e4f0fa}.feature-badges{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px}.feature-badges>span{display:flex;align-items:center;gap:6px}.mode-welcome~.reference-top+.module-previews .preview-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-welcome~.reference-top+.module-previews .preview-image{height:140px}.mode-welcome~.reference-top+.module-previews .preview-card p{font-size:14px;line-height:1.3}.mode-welcome~.reference-top+.module-previews .preview-card h3{font-size:18px}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;min-height:44px;border-radius:11px;font-weight:700;font-size:15px;padding:11px 18px}.primary-button{background:linear-gradient(#0985ff,#0567ee);color:white;box-shadow:0 4px 10px #0d78eb22;border:1px solid #0064ec}.primary-button:hover{background:#005ce0}.secondary-button{background:#f5f9ff;border:1px solid #bdd5f2;color:#234b8f}.secondary-button:hover{background:#e8f2ff}.text-button{background:none;padding-left:0;padding-right:0;min-height:36px;color:#315d9c;font-size:13px}.icon-button{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:9px;color:#234780}.icon-button.active,.icon-button:hover{background:#e1eeff;color:#006cfa}.button-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#0c97e8;display:inline-block;box-shadow:0 0 0 4px #00aaff13}.lesson-player{border-radius:17px;background:#f9fcff;border:1px solid white;padding:25px;min-width:0}.lesson-heading{margin-bottom:24px}.lesson-heading>.tiny-label{display:block;margin-top:19px}.lesson-heading h1{font-size:32px;margin-top:6px}.lesson-heading p{margin-top:7px;color:#4b6597;font-size:16px}.lesson-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:25px;gap:25px}.lesson-main{min-width:0}.lesson-steps{display:flex;position:relative;gap:5px;margin-bottom:13px}.lesson-steps:before{content:"";height:2px;background:#d9e6f8;position:absolute;left:12%;right:12%;top:19px}.lesson-steps>button{flex:1 1;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0 0 5px;font-size:12px;line-height:1.1}.lesson-steps>button>span{height:37px;width:37px;border-radius:50%;background:#dce7f5;display:grid;place-items:center;font-family:Nunito,sans-serif;font-weight:900;font-size:19px;border:2px solid #f9fcff;color:#163478}.lesson-steps>button.active>span{background:var(--blue);color:white;box-shadow:0 0 0 2px #d3eaff}.lesson-steps>button.active{color:var(--blue)}.scene-stage{position:relative;height:450px;border-radius:15px;background:radial-gradient(ellipse at 50% 45%,#fff,#e3f1ff 78%,#d8eafd);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 20px #4f8bb116}.scene-label{top:16px;z-index:4;background:#ffffffc9;display:flex;align-items:center;gap:8px;border:1px solid #fff;padding:7px 9px;font-size:9px;letter-spacing:.7px;font-weight:700;color:#4074aa}.scene-hint,.scene-label{position:absolute;left:16px;border-radius:7px;pointer-events:none}.scene-hint{bottom:16px;font-size:10px;color:#3c6696;padding:5px 7px;background:#ffffff9c}.scene-caption{position:absolute;bottom:60px;left:8%;right:8%;background:#0c2355e8;color:white;border-radius:9px;padding:13px 17px;font-size:16px;line-height:1.4;text-align:center;pointer-events:none}.surface-tabs{display:flex;gap:7px;padding:10px 0}.surface-tabs>button{flex:1 1;min-height:41px;background:#e5effb;border:1px solid #cbdcf5;border-radius:24px;font-weight:700;font-size:14px;padding:7px 4px;color:#375784;white-space:nowrap}.surface-tabs>button.active{background:white;color:#026fff;border:2px solid #1682ff;box-shadow:0 2px 6px #2d80e626}.player-controls{display:flex;align-items:center;gap:9px;background:#eff7ff;border:1px solid #dceafa;border-radius:13px;padding:13px 11px}.play-button{background:#0677ff;color:#fff;display:grid;place-items:center;border-radius:50%;width:47px;height:47px;flex-shrink:0;box-shadow:0 2px 4px #116ecc1a}.play-button:hover{background:#005bdd}.timeline-wrap{flex:1 1;min-width:30px;display:flex;flex-direction:column;justify-content:center;gap:4px}.timeline-wrap>input{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:7px;border-radius:8px;background:linear-gradient(to right,#03a7ff var(--progress),#bfd3ed var(--progress));width:100%;cursor:pointer;margin:8px 0 0}.timeline-wrap>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:21px;height:21px;border-radius:50%;background:#0075ff;border:2px solid white;box-shadow:0 1px 4px #3674c644}.timeline-wrap>input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0075ff;border:2px solid white}.timecode{font-size:12px;text-align:right;font-weight:700;white-space:nowrap}.audio-note{font-size:12px;color:#6b7a96;line-height:1.4;margin:12px 2px}.schematic-note{font-size:11px;color:#7587a4;line-height:1.4}.lesson-info{background:#eff6ff;border:1px solid #dfeaf8;padding:25px 23px;border-radius:16px;align-self:start;margin-top:74px}.lesson-info h2{font-size:24px;line-height:1.25;margin:15px 0}.step-description{font-size:19px;line-height:1.65;color:#304d81;min-height:140px}.lesson-tip{display:flex;gap:12px;border-top:1px solid #d4e3f6;border-bottom:1px solid #d4e3f6;padding:22px 0;margin:24px 0;color:#2e659f;align-items:flex-start}.lesson-tip p{font-size:14px;line-height:1.5}.step-navigation{display:flex;gap:7px}.step-navigation>.primary-button{font-size:14px;flex:1 1;padding:10px 8px}.step-navigation>.secondary-button{padding:10px}.source-note{margin-top:23px;font-size:11px;display:grid;grid-gap:8px;gap:8px;color:#6d819f}.source-note a{display:flex;align-items:center;gap:5px;width:max-content;color:#3573bd}.lesson-complete{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e5f7ed;border:1px solid #c1e5cc;border-radius:15px;padding:22px;margin-top:24px;color:#237b54}.lesson-complete>div>svg{float:left;margin-right:18px;margin-top:7px;color:#e2b42e}.lesson-complete h2{font-size:23px}.lesson-complete p{font-size:14px;margin-top:6px}.preview-title{font-size:24px;letter-spacing:-.8px;margin:3px 6px 13px;font-weight:1000}.compact-player{padding:0;border:0;background:none}.compact-player .lesson-body{display:block}.compact-player .scene-stage{height:246px;background:radial-gradient(ellipse,#cae9ff,#265574);border-radius:13px}.compact-player .scene-label{top:10px;left:auto;right:10px;border-radius:50%;width:35px;height:35px;padding:0;justify-content:center;font-size:0;border:2px solid white;background:#0875e1;color:white}.compact-player .scene-label:after{content:"3D";font-size:15px;letter-spacing:-1px}.compact-player .scene-label .status-dot{display:none}.compact-player .scene-hint{font-size:9px;bottom:9px;left:8px}.compact-player .lesson-steps{gap:0;margin:0 3px 8px}.compact-player .lesson-steps>button{font-size:11px;gap:5px;min-height:58px}.compact-player .lesson-steps>button>span{width:32px;height:32px;font-size:17px}.compact-player .lesson-steps:before{top:16px}.compact-player .lesson-steps>button>strong{font-weight:600;font-family:Roboto Condensed,sans-serif}.compact-player .surface-tabs{margin-top:-39px;position:relative;z-index:5;padding:0 5px;gap:3px}.compact-player .surface-tabs>button{min-height:37px;font-size:12px;flex:1 1;background:#5b7d9fbf;color:white;border:1px solid #afd1ed85}.compact-player .surface-tabs>button.active{border:2px solid #007bff}.compact-info{padding:13px 8px 9px;background:linear-gradient(#fff,#eaf5ff);border-radius:13px 13px 0 0;margin-top:5px;min-height:144px}.compact-info h3{font-family:Roboto Condensed,sans-serif;font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:10px;line-height:1.1}.compact-info h3>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0077ff;color:white;font-size:20px;flex-shrink:0}.compact-info p{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.4;margin:7px 0}.compact-info p>svg{color:#25b44c;flex-shrink:0;margin-top:2px}.compact-player .player-controls{border:0;border-radius:0 0 13px 13px;padding:7px 6px 10px;gap:7px}.compact-player .play-button{width:43px;height:43px}.compact-player .icon-button{width:31px;min-width:31px}.compact-player .caption-toggle{display:none}.compact-player .scene-caption{font-size:12px;bottom:50px;padding:8px}.compact-player .timecode{font-size:11px}.scene-fallback,.scene-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:14px}.scene-fallback img{width:100%;height:80%;object-fit:contain}.scene-fallback span{font-size:12px;padding:10px;text-align:center}.brushing-timer{position:absolute;top:25px;left:0;right:0;display:flex;align-items:center;flex-direction:column;pointer-events:none;z-index:5}.brushing-timer strong{font-family:Nunito,sans-serif;font-size:56px;font-weight:900;letter-spacing:-2px}.brushing-timer>span{background:#066cff;color:white;border-radius:25px;font-size:17px;padding:4px 20px}.timer-player .scene-label{display:none}.timer-player .scene-stage{height:520px}.timer-player .scene-stage>div[role=region]{padding-top:70px}.timer-player .lesson-info{margin-top:0}.nutrition-scene{height:100%;display:grid;grid-template-columns:1.15fr 1fr;grid-gap:15px;gap:15px;align-items:center;padding:35px}.nutrition-scene img{max-height:200px;width:100%;object-fit:contain}.nutrition-scene h3{font-size:21px;margin-bottom:15px}.nutrition-scene p{font-size:16px;line-height:1.5;color:#406492}.nutrition-scene>div:nth-child(2){border-left:1px solid #c8ddf1;padding:20px}.quiz-view{padding:20px;background:#f8fcff;border-radius:18px;border:1px solid white;min-height:650px}.quiz-intro{max-width:640px;margin:30px auto;text-align:center;padding:40px 25px}.quiz-trophy{margin:0 auto 25px;border-radius:40px;width:140px;height:140px;background:linear-gradient(145deg,#fff6c9,#ffe293);color:#cd8d03;display:flex;align-items:center;justify-content:center;position:relative}.quiz-trophy>svg+svg{position:absolute;right:13px;top:10px}.quiz-intro h1{font-size:40px;line-height:1.25;margin:15px 0}.quiz-intro>p{font-size:18px;line-height:1.5;color:#5b719a;margin:15px auto 28px;max-width:450px}.quiz-panel{max-width:650px;margin:40px auto;padding:10px 15px}.quiz-progress-heading{display:flex;justify-content:space-between;align-items:center}.quiz-progress-heading>span:last-child{display:flex;gap:5px;align-items:center;color:#b0860f}.quiz-progress{height:7px;background:#dceafc;border-radius:8px;overflow:hidden;margin:15px 0 34px}.quiz-progress>span{display:block;height:100%;background:linear-gradient(90deg,#349dfc,#0569ed);border-radius:8px}.quiz-panel h1{font-size:30px;line-height:1.4;margin-bottom:27px}.quiz-options{display:grid;grid-gap:13px;gap:13px}.quiz-option{border:2px solid #d7e5f9;background:white;border-radius:13px;display:flex;align-items:center;gap:14px;padding:14px;font-size:18px;text-align:left;min-height:64px;opacity:1!important}.quiz-option.selected{background:#eaf4ff;border-color:#3989ec}.quiz-option.correct{background:#e5f7e9;border-color:#73bf89;color:#1c6c3d}.quiz-option.incorrect{background:#fff5e2;border-color:#e0bb72;color:#79622e}.option-letter{background:#edf3fc;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;font-weight:700;flex-shrink:0;font-size:16px}.quiz-option>svg{margin-left:auto}.quiz-actions{display:flex;justify-content:flex-end;margin-top:25px}.answer-feedback{margin-top:19px;padding:18px 21px;border-radius:13px;background:#fff5e1;border:1px solid #f0d69e}.answer-feedback p{margin-top:8px;line-height:1.5;font-size:16px}.correct-feedback{background:#e8f6ee;border-color:#bbdfcc;color:#297c51}.quiz-stars{color:#e6b528;display:flex;justify-content:center;gap:8px;margin:10px 0 20px}.quiz-results h1{font-size:57px}.quiz-results h2{font-size:25px}.program-welcome{max-width:800px;margin:25px auto;min-height:660px;background:#fbfdff;border:1px solid white;border-radius:22px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:50px 30px;box-shadow:0 10px 40px #357cb114}.program-welcome>.brand{margin-bottom:40px}.program-welcome>h1{font-size:33px;margin:12px 0 25px}.welcome-sponsor{margin:5px 0 30px;font-size:18px;line-height:1.6}.welcome-sponsor img{max-width:180px;max-height:90px;object-fit:contain;margin:0 auto 15px}.welcome-institution{border-top:1px solid #dfebfb;padding:25px 0;text-align:center;max-width:500px;min-width:240px}.welcome-institution>svg{margin:0 auto;color:#4778b8}.welcome-institution img{width:85px;height:85px;object-fit:contain;margin:0 auto}.welcome-institution h2{font-size:25px;margin:15px 0 6px}.welcome-institution p{color:#697b96}.program-welcome>.primary-button{margin-top:10px;min-width:210px}.muted-text{color:#7c8cac;font-size:12px;margin-top:16px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#091b5890;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.settings-dialog{background:#fbfdff;border:1px solid white;border-radius:22px;max-width:580px;width:100%;padding:35px;position:relative;box-shadow:0 25px 90px #00134455;max-height:90dvh;overflow-y:auto}.modal-close{position:absolute;right:15px;top:14px}.settings-dialog h2{font-size:29px;margin-bottom:24px}.settings-dialog>p{font-size:17px;line-height:1.75;color:#496087}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:23px;border-top:1px solid #e0eafa;padding:20px 0}.setting-row strong{display:block;font-size:16px}.setting-row small{display:block;font-size:13px;color:#687e9e;margin-top:6px;line-height:1.5}.settings-dialog>.secondary-button{margin-top:15px;font-size:13px}.how-steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid #d7e6fa;font-size:14px;font-weight:700}.medical-note{font-size:14px!important;margin-top:17px;background:#eaf4ff;padding:14px;border-radius:12px}.offline-notice{background:#fff1bf;color:#6c531b;padding:10px 20px;gap:10px;font-size:14px}.error-page,.loading-page,.offline-notice{display:flex;justify-content:center;align-items:center}.error-page,.loading-page{min-height:100dvh;flex-direction:column;gap:23px;background:#f4f9ff;padding:25px;text-align:center}.error-page>svg{height:65px;width:65px}.error-page h1{font-size:30px}.error-page p{max-width:650px;line-height:1.6}.loading-spinner{display:block;border:3px solid #d2e5fc;border-top-color:#0c7af6;width:31px;height:31px;border-radius:50%;animation:spin 1s linear infinite}.loading-page>.loading-spinner{margin-top:20px}.empty-state{padding:30px;text-align:center;color:#6682a5}.sidebar-backdrop{display:none}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1700px){.app-header{height:96px;gap:30px}.brand-button{min-width:250px}.app-shell{grid-template-columns:235px minmax(0,1fr);gap:14px;padding:14px 12px 0}.reference-top{grid-template-columns:minmax(0,1fr) 390px}.reference-mode-card{height:500px}.reference-mode-heading{padding-top:26px}.reference-mode-heading h1{font-size:58px}.reference-mode-heading>strong{font-size:24px}.reference-mode-heading>p{font-size:20px}.mode-start-button{font-size:21px;padding:17px 26px;bottom:18px}.child-feature-label{top:180px;right:20px;font-size:18px;padding:18px}.adult-feature-list{top:200px;right:18px;gap:23px;padding:21px 17px}.adult-feature-list>span{font-size:16px}.recommended-card{flex-basis:115px;max-width:170px}.recommended-card img{height:77px}.recommended-card strong{font-size:15px;min-height:35px}.recommended-section h2{font-size:23px}.compact-player .scene-stage{height:292px}.compact-info{min-height:155px}.compact-info p{font-size:16px}.compact-info h3{font-size:20px}.preview-title{font-size:27px}.compact-player .lesson-steps>button{font-size:14px}.preview-image{height:121px}.preview-card h3{font-size:18px}.preview-card p{font-size:15px}.nav-item{font-size:17px;min-height:57px}.sidebar-bottom{padding-top:14px}.sidebar-action{font-size:14px;min-height:39px}.app-footer{font-size:12px}.module-previews{padding:10px 15px 13px}.section-heading h2{font-size:24px}}@media(min-width:2100px){.app-shell{max-width:2200px;margin:0 auto}.reference-mode-card{height:590px}.reference-top{grid-template-columns:minmax(0,1fr) 450px}.compact-player .scene-stage{height:370px}.child-feature-label{top:215px}.adult-feature-list{top:235px}.preview-image{height:160px}.recommended-card img{height:90px}.recommended-card{max-width:180px}.reference-mode-heading h1{font-size:65px}.app-header{padding:0 calc((100vw - 2200px)/2)}.scene-stage{height:620px}}@media(max-width:1399px){.app-header{height:84px;gap:13px}.brand-button{min-width:205px;padding-left:17px;padding-right:17px}.brand strong{font-size:22px}.brand>svg{width:43px;height:50px}.program-branding>div>strong{font-size:15px}.program-branding>div>span{font-size:10px}.institution-branding{padding-left:15px;max-width:210px;gap:7px}.institution-branding strong{font-size:16px}.institution-branding>div>span{font-size:13px}.school-seal{width:48px;height:48px}.header-actions button,.language-display{padding:10px 12px;min-width:66px;font-size:12px}.app-shell{grid-template-columns:203px minmax(0,1fr);gap:11px}.nav-item{font-size:14px;padding:10px;gap:10px;min-height:49px}.nav-item>svg{width:23px}.reference-top{grid-template-columns:minmax(0,1fr) 303px;gap:10px}.reference-mode-card{height:397px}.reference-mode-heading h1{font-size:36px}.reference-mode-heading>strong{font-size:18px}.reference-mode-heading>p{font-size:14px}.reference-mode-heading{padding-top:20px}.mode-start-button{font-size:15px;padding:12px;gap:8px;min-height:51px;bottom:12px}.adult-feature-list{top:160px;gap:14px;padding:12px 8px;right:8px}.adult-feature-list>span{font-size:11px;gap:6px}.adult-feature-list svg{width:24px;height:24px}.child-feature-label{font-size:12px;top:155px;right:10px;padding:11px 8px}.child-feature-label>svg{width:23px}.recommended-section h2{font-size:19px}.recommended-card{flex-basis:82px}.recommended-card img{height:61px}.recommended-card strong{font-size:12px}.preview-title{font-size:21px;margin-bottom:12px}.compact-player .scene-stage{height:218px}.compact-info{min-height:130px;padding:12px 5px 6px}.compact-info h3{font-size:16px}.compact-info p{font-size:12px}.compact-player .lesson-steps>button{font-size:10px}.compact-player .surface-tabs>button{font-size:11px;min-height:34px}.compact-player .surface-tabs{margin-top:-36px}.compact-player .player-controls{padding:5px 4px 8px;gap:6px}.compact-player .icon-button{width:26px;min-width:26px}.compact-player .play-button{width:40px;height:40px}.preview-rail{gap:8px}.preview-image{height:86px}.preview-card h3{font-size:13px}.preview-card p{font-size:11px}.lesson-body{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.lesson-info{padding:20px 18px}.lesson-info h2{font-size:23px}.step-description{font-size:17px}.audience-feature>div{padding:25px}.audience-feature h2{font-size:28px}.audience-feature p{font-size:15px}.audience-feature{min-height:397px}.feature-badges{font-size:11px;gap:10px}.section-heading>span{font-size:11px}}@media(max-width:1150px){.program-branding{display:none}.institution-branding{border-left:0;max-width:none;flex:1 1}.app-shell{grid-template-columns:185px minmax(0,1fr)}.brand-button{min-width:195px}.nav-item{font-size:12px;gap:9px;padding:10px 8px}.nav-item>svg{width:21px}.reference-top{grid-template-columns:minmax(0,1fr) 270px}.reference-mode-grid{gap:8px}.reference-mode-card{height:360px}.reference-mode-heading h1{font-size:28px;letter-spacing:-1px}.reference-mode-heading>p{font-size:13px}.reference-mode-heading>strong{font-size:16px}.mode-start-button{font-size:12px;border-width:2px;padding:11px;gap:6px;min-height:44px}.mode-start-button svg{width:14px}.child-feature-label{top:140px;font-size:11px;padding:9px 7px}.adult-feature-list{top:160px;gap:14px;padding:10px 6px}.adult-feature-list>span{font-size:9px}.adult-feature-list svg{height:21px;width:21px}.adult-card .reference-mode-heading>p{margin-right:5px;font-size:12px}.preview-title{font-size:19px}.compact-player .scene-stage{height:190px}.compact-info{min-height:120px}.compact-info p{font-size:11px}.compact-info h3{font-size:15px}.compact-player .lesson-steps>button{font-size:9px}.compact-player .surface-tabs>button{font-size:10px}.recommended-card{flex-basis:75px}.recommended-card strong{font-size:11px}.recommended-section h2{font-size:17px}.rail-arrow{width:23px;height:27px}.recommended-rail{gap:6px}.preview-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.preview-image{height:118px}.preview-card h3{font-size:16px}.preview-card p{font-size:13px}.lesson-body{grid-template-columns:minmax(0,1fr)}.lesson-info{margin-top:0;display:grid;grid-template-columns:1fr auto;grid-gap:10px 22px;gap:10px 22px;align-items:center}.lesson-info>.step-description,.lesson-info>.tiny-label,.lesson-info>h2{grid-column:1}.lesson-info h2{margin:0}.lesson-info>.step-description{min-height:0;font-size:17px}.lesson-tip{display:none}.step-navigation{grid-column:2;grid-row:1/4}.source-note{grid-column:1/-1;margin-top:8px}.scene-stage{height:420px}.audience-feature{min-height:360px}.audience-feature h2{font-size:26px}.audience-feature>div{padding:23px 19px;max-width:65%}.audience-feature .primary-button{font-size:13px;padding:11px}.feature-badges{display:none}}@media(max-width:900px){.app-header{height:77px;gap:9px}.header-actions button,.language-display{padding:9px;min-width:58px;font-size:11px}.brand-button{min-width:178px;padding:10px 12px}.brand strong{font-size:19px}.brand>svg{width:37px;height:45px}.brand span{font-size:7px}.institution-branding strong{font-size:14px}.institution-branding>div>span{font-size:12px}.institution-branding{padding-left:3px}.school-seal{height:38px;width:38px}.school-seal svg{width:22px}.app-shell{grid-template-columns:165px minmax(0,1fr);padding:10px 7px;gap:10px}.sidebar nav{padding:7px 5px}.nav-item{font-size:11px;gap:7px;min-height:48px}.nav-item>svg{width:19px}.sidebar-bottom{padding:10px 11px}.sidebar-action{font-size:11px}.reference-top{grid-template-columns:1fr}.reference-mode-card{height:365px}.reference-mode-heading h1{font-size:35px}.reference-mode-heading>strong{font-size:18px}.reference-mode-heading>p{font-size:14px}.mode-start-button{font-size:14px;min-height:49px}.adult-feature-list>span{font-size:11px}.adult-feature-list{top:165px;right:12px;padding:12px 9px;gap:13px}.child-feature-label{font-size:13px;top:145px}.home-lesson-preview{display:none}.preview-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-image{height:112px}.app-footer{flex-direction:column;gap:7px}.lesson-player{padding:18px}.lesson-heading h1{font-size:29px}.player-controls{gap:6px;padding:11px 8px}.lesson-steps>button{font-size:11px}.scene-stage{height:360px}.lesson-info{display:block;padding:23px}.lesson-info h2{margin:10px 0}.step-navigation{margin:17px 0}.source-note{margin-top:18px}.scene-caption{font-size:14px;padding:10px;left:5%;right:5%}.mode-welcome h1{font-size:27px}.mode-welcome p{font-size:14px}.stars-badge{padding:10px 13px}.mode-welcome~.reference-top+.module-previews .preview-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.audience-feature{min-height:330px}.audience-feature h2{font-size:29px}.audience-feature>div{max-width:60%;padding:30px}.section-heading>span{display:none}}@media(max-width:640px){.app-header{height:71px;padding:0 8px;gap:3px;position:-webkit-sticky;position:sticky;top:0}.mobile-menu{display:inline-flex!important;width:34px;min-width:34px}.brand-button{min-width:0;padding:5px 8px;border-radius:0;background:none}.brand{gap:5px}.brand strong{font-size:18px}.brand>svg{width:31px;height:38px}.brand span{font-size:6px;letter-spacing:0}.institution-branding{display:none}.header-actions{gap:0}.header-actions button,.language-display{min-width:35px;width:35px;padding:7px 3px;gap:0}.header-actions button>svg{width:20px}.header-actions button:first-child,.header-actions button>span,.language-display{display:none}.header-actions button:last-child{border:0}.app-shell{display:block;padding:10px 9px 5px}.sidebar{position:fixed;left:0;top:71px;bottom:0;width:258px;z-index:50;transform:translateX(-110%);transition:transform .2s;border-radius:0 14px 0 0;overflow-y:auto;box-shadow:6px 10px 25px #1a3b6626}.sidebar.open{transform:translateX(0)}.sidebar nav{padding:13px}.nav-item{min-height:49px;font-size:16px;gap:15px;padding:10px 15px}.nav-item>svg{width:24px}.sidebar-bottom{padding:17px 26px}.sidebar-action{font-size:14px;min-height:42px}.sidebar-backdrop{display:block;position:fixed;inset:71px 0 0;z-index:45;background:#06164b69;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0}.reference-mode-grid{gap:10px;grid-template-columns:1fr}.reference-mode-card{height:410px;max-height:none}.reference-mode-card>img{object-position:center 64%}.reference-mode-heading{padding-top:20px}.reference-mode-heading h1{font-size:45px}.reference-mode-heading>strong{font-size:21px;margin-top:8px}.reference-mode-heading>p{font-size:16px}.reference-mode-card.adult-card>img{object-position:center 43%}.adult-card .reference-mode-heading>p{text-align:right;font-size:16px;margin:9px 18px 0 0}.mode-start-button{font-size:18px;min-height:56px;padding:14px 21px;border-width:3px;bottom:14px}.mode-start-button>svg{width:20px}.child-feature-label{top:152px;right:20px;font-size:15px;padding:15px}.child-feature-label>svg{width:29px}.adult-feature-list{top:171px;right:16px;padding:15px 13px;gap:17px}.adult-feature-list>span{font-size:13px;gap:8px}.adult-feature-list svg{width:27px;height:27px}.recommended-section{padding:8px 5px}.recommended-section h2{font-size:20px}.recommended-card{flex-basis:90px;min-width:90px}.recommended-card img{height:68px}.recommended-card strong{font-size:13px}.rail-arrow{width:24px}.recommended-rail{gap:7px}.module-previews{padding:11px 9px}.section-heading h2{font-size:22px}.preview-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-image{height:103px}.preview-card h3{font-size:16px}.preview-card p{font-size:13px;line-height:1.3}.preview-card{padding-bottom:11px}.app-footer{padding:13px 5px;font-size:10px;line-height:1.5}.mode-welcome{gap:12px;margin:8px 4px 17px}.mode-welcome h1{font-size:24px;line-height:1.15}.mode-welcome p{font-size:13px;line-height:1.4}.stars-badge{flex-wrap:wrap;padding:10px;gap:5px;justify-content:center;min-width:67px}.stars-badge svg{width:19px}.stars-badge strong{font-size:22px}.stars-badge>span{width:100%;font-size:10px;text-align:center}.audience-feature{min-height:335px}.audience-feature>div{max-width:68%;padding:24px 17px}.audience-feature h2{font-size:26px}.audience-feature p{font-size:14px;line-height:1.5}.audience-feature img{width:58%}.audience-feature .primary-button{font-size:13px}.mode-welcome~.reference-top+.module-previews .preview-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-welcome~.reference-top+.module-previews .preview-image{height:112px}.mode-welcome~.reference-top+.module-previews .preview-card h3{font-size:16px}.mode-welcome~.reference-top+.module-previews .preview-card p{font-size:13px}.lesson-player{padding:15px 11px;border-radius:15px}.lesson-heading{margin-bottom:21px;padding:0 3px}.lesson-heading .text-button{font-size:12px}.lesson-heading>.tiny-label{margin-top:12px}.lesson-heading h1{font-size:27px}.lesson-heading p{font-size:14px;line-height:1.5}.lesson-steps{margin-bottom:12px;gap:0}.lesson-steps>button{font-size:10px;min-height:60px;padding:0 3px;line-height:1.2}.lesson-steps>button>span{height:31px;width:31px;font-size:16px}.lesson-steps:before{top:16px}.scene-stage{height:310px}.scene-label{font-size:8px;top:11px;left:10px;padding:5px 7px}.scene-hint{font-size:9px;left:10px;bottom:12px}.scene-caption{font-size:12px;bottom:55px;padding:9px;left:5%;right:5%}.surface-tabs{gap:5px}.surface-tabs>button{font-size:12px;min-height:42px;padding:8px 3px}.player-controls{padding:9px 7px;gap:5px}.play-button{height:40px;width:40px}.player-controls .icon-button{width:32px;min-width:32px;height:40px}.player-controls .icon-button svg{width:19px}.player-controls .timecode{font-size:10px}.timeline-wrap>input{height:6px}.audio-note{font-size:11px}.schematic-note{font-size:10px}.lesson-info{padding:20px 18px}.lesson-info h2{font-size:23px}.step-description{font-size:17px;line-height:1.6}.step-navigation{margin:22px 0 17px}.lesson-complete{flex-direction:column;align-items:flex-start;padding:20px}.lesson-complete h2{font-size:21px}.lesson-complete p{font-size:13px}.timer-player .scene-stage{height:360px}.brushing-timer{top:18px}.brushing-timer strong{font-size:45px}.brushing-timer>span{font-size:14px}.nutrition-scene{padding:40px 16px 30px;gap:10px}.nutrition-scene h3{font-size:16px}.nutrition-scene p{font-size:12px}.nutrition-scene>div:nth-child(2){padding:10px}.quiz-view{padding:15px 12px;min-height:600px}.quiz-intro{padding:30px 8px;margin:5px auto}.quiz-intro h1{font-size:29px}.quiz-intro>p{font-size:16px}.quiz-trophy{height:115px;width:115px;border-radius:30px}.quiz-trophy>svg{width:60px}.quiz-panel{padding:0 5px;margin:25px auto}.quiz-panel h1{font-size:25px}.quiz-option{font-size:16px;padding:11px;gap:12px;min-height:64px}.answer-feedback{padding:16px}.answer-feedback p{font-size:14px}.quiz-results h1{font-size:49px}.settings-dialog{padding:30px 24px;border-radius:18px}.settings-dialog h2{font-size:26px}.settings-dialog>p{font-size:15px;line-height:1.65}.setting-row strong{font-size:15px}.how-steps,.setting-row small{font-size:12px}.how-steps{gap:5px}.program-welcome{margin:0;padding:32px 20px;min-height:calc(100dvh - 100px)}.program-welcome .brand strong{font-size:24px}.program-welcome .brand>svg{height:52px;width:43px}.program-welcome .brand span{font-size:8px}.program-welcome>.brand{margin-bottom:30px}.program-welcome h1{font-size:28px}.welcome-sponsor{font-size:16px}.welcome-institution h2{font-size:23px}.offline-notice{font-size:12px;padding:9px 12px}.empty-state{padding:25px 10px;font-size:14px}}.smartboard .app-shell{grid-template-columns:1fr;padding:20px}.smartboard .sidebar{display:none}.smartboard .header-actions button{min-width:90px;font-size:18px}.smartboard .header-actions button>svg{width:28px;height:28px}.smartboard .app-header{height:105px}.smartboard .lesson-player:not(.compact-player){padding:28px}.smartboard .lesson-player:not(.compact-player) .lesson-heading h1{font-size:45px}.smartboard .lesson-player:not(.compact-player) .lesson-heading p{font-size:24px}.smartboard .lesson-player:not(.compact-player) .lesson-body{grid-template-columns:minmax(0,1fr) 370px;gap:30px}.smartboard .lesson-player:not(.compact-player) .scene-stage{height:540px}.smartboard .lesson-player:not(.compact-player) .lesson-steps>button{font-size:22px;min-height:92px}.smartboard .lesson-player:not(.compact-player) .lesson-steps>button>span{width:54px;height:54px;font-size:27px}.smartboard .lesson-player:not(.compact-player) .lesson-steps:before{top:26px}.smartboard .lesson-player:not(.compact-player) .surface-tabs>button{min-height:58px;font-size:24px}.smartboard .lesson-player:not(.compact-player) .lesson-info{margin-top:104px;padding:27px}.smartboard .lesson-player:not(.compact-player) .lesson-info h2{font-size:34px}.smartboard .lesson-player:not(.compact-player) .step-description{font-size:26px}.smartboard .lesson-player:not(.compact-player) .lesson-info .tiny-label{font-size:18px}.smartboard .lesson-player:not(.compact-player) .step-navigation button{min-height:59px;font-size:20px}.smartboard .lesson-player:not(.compact-player) .play-button{height:62px;width:62px}.smartboard .lesson-player:not(.compact-player) .player-controls .icon-button{height:60px;width:60px}.smartboard .lesson-player:not(.compact-player) .player-controls .icon-button svg{height:30px;width:30px}.smartboard .lesson-player:not(.compact-player) .timecode{font-size:21px}.smartboard .lesson-player:not(.compact-player) .scene-caption{font-size:25px;padding:20px}.smartboard .lesson-player:not(.compact-player) .text-button{font-size:22px;min-height:56px}.smartboard .lesson-player:not(.compact-player) .audio-note{font-size:19px}.smartboard .quiz-panel{max-width:950px}.smartboard .quiz-panel h1{font-size:40px}.smartboard .quiz-option{font-size:26px;min-height:83px}.smartboard .quiz-actions button{font-size:24px;min-height:59px}.smartboard .mode-welcome h1{font-size:42px}.smartboard .preview-card h3{font-size:23px}.smartboard .preview-card p{font-size:20px}.smartboard .app-header .brand-button{cursor:pointer}.smartboard .lesson-player:not(.compact-player) .lesson-tip{display:none}.smartboard .timer-player .lesson-info{margin-top:0}.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.smartboard .lesson-player:not(.compact-player) .lesson-body{grid-template-columns:1fr}.smartboard .lesson-player:not(.compact-player) .lesson-info{margin-top:0}.smartboard .lesson-player:not(.compact-player) .scene-stage{height:450px}.smartboard .app-shell{padding:10px}.smartboard .lesson-player:not(.compact-player){padding:15px}.smartboard .lesson-player:not(.compact-player) .lesson-steps>button{font-size:15px}.smartboard .lesson-player:not(.compact-player) .surface-tabs>button{font-size:17px}}.home-lesson-preview{align-self:start}.lesson-steps>button>strong{max-width:100%;overflow-wrap:anywhere}.surface-tabs>button{min-width:0;white-space:normal;line-height:1.2}.compact-player .scene-stage{width:100%;height:auto;aspect-ratio:4/3}.compact-player .lesson-steps{gap:5px}.compact-player .lesson-steps>button{line-height:1.25}.compact-player .surface-tabs{margin:8px 0;padding:0;gap:5px}.compact-player .surface-tabs>button{padding:8px 3px;min-height:40px;background:#e5effb;color:#375784;border-color:#cbdcf5}.compact-player .surface-tabs>button.active{background:#fff;color:#0073ff}.smartboard .lesson-player.timer-player:not(.compact-player) .lesson-info{margin-top:0}.lesson-player:-webkit-full-screen{overflow:auto;background:#f5faff}.lesson-player:fullscreen{overflow:auto;background:#f5faff}.compact-player:-webkit-full-screen{padding:20px}.compact-player:fullscreen{padding:20px}.compact-player:-webkit-full-screen .lesson-body,.compact-player:-webkit-full-screen .preview-title{width:min(100%,1100px);margin-inline:auto}.compact-player:fullscreen .lesson-body,.compact-player:fullscreen .preview-title{width:min(100%,1100px);margin-inline:auto}.compact-player:-webkit-full-screen .scene-stage{height:clamp(200px,calc(100dvh - 390px),720px);aspect-ratio:auto}.compact-player:fullscreen .scene-stage{height:clamp(200px,calc(100dvh - 390px),720px);aspect-ratio:auto}.compact-player:-webkit-full-screen .compact-info{min-height:0}.compact-player:fullscreen .compact-info{min-height:0}@media(min-width:1151px){.reference-top{grid-template-columns:minmax(0,1fr) 390px}.reference-mode-card.adult-card>img{object-position:center 24%}.reference-mode-card.child-card>img{object-position:center 43%}.education-app:has(.reference-mode-grid) .sidebar-bottom{display:flex;flex-wrap:nowrap;padding:6px 12px;gap:5px}.education-app:has(.reference-mode-grid) .sidebar-bottom .sidebar-action{font-size:0;min-height:35px;justify-content:center;width:33%}.education-app:has(.reference-mode-grid) .module-previews{margin-left:-240px}.education-app:has(.reference-mode-grid) .preview-card h3{font-size:16px}.education-app:has(.reference-mode-grid) .preview-card p{font-size:13px}.education-app:has(.reference-mode-grid) .preview-image{height:105px}.education-app:has(.reference-mode-grid) .app-footer{margin-left:-240px}}@media(min-width:1151px) and (max-width:1399px){.reference-top{grid-template-columns:minmax(0,1fr) 320px}.education-app:has(.reference-mode-grid) .app-footer,.education-app:has(.reference-mode-grid) .module-previews{margin-left:-214px}.reference-mode-heading h1{font-size:33px}.education-app:has(.reference-mode-grid) .preview-card h3{font-size:14px}.education-app:has(.reference-mode-grid) .preview-card p{font-size:12px}.education-app:has(.reference-mode-grid) .preview-image{height:90px}}@media(min-width:1700px){.reference-top{grid-template-columns:minmax(0,1fr) 420px}.education-app:has(.reference-mode-grid) .app-footer,.education-app:has(.reference-mode-grid) .module-previews{margin-left:-249px}}@media(min-width:2100px){.reference-top{grid-template-columns:minmax(0,1fr) 460px}}.smartboard .app-footer,.smartboard .module-previews{margin-left:0!important}@media(max-width:640px){.adult-feature-list{top:160px;gap:10px;padding:11px 13px}}.education-app{--blue:var(--program-theme,#0673ff)}.education-app .mode-start-button,.education-app .nav-item.active,.education-app .primary-button{background:linear-gradient(color-mix(in srgb,var(--blue),white 12%),var(--blue))}.education-app{--app-header-height:91px;--app-nav-gap:12px}.education-app .app-header{position:-webkit-sticky;position:sticky;top:0;height:var(--app-header-height)}.education-app .main-content{scroll-margin-top:calc(var(--app-header-height) + 12px)}@media(min-width:1700px){.education-app{--app-header-height:96px;--app-nav-gap:14px}}@media(max-width:1399px){.education-app{--app-header-height:84px}}@media(max-width:900px){.education-app{--app-header-height:77px;--app-nav-gap:10px}}@media(max-width:640px){.education-app{--app-header-height:71px}.education-app .sidebar{top:var(--app-header-height)}.education-app .sidebar-backdrop{inset:var(--app-header-height) 0 0}}.education-app.smartboard{--app-header-height:105px}@media(min-width:641px){.education-app .sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--app-header-height) + var(--app-nav-gap));max-height:calc(100dvh - var(--app-header-height) - var(--app-nav-gap) - 12px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:20}.education-app:has(.reference-mode-grid) .app-footer,.education-app:has(.reference-mode-grid) .module-previews{margin-left:0}}.custom-brand-logo{width:185px;height:66px;object-fit:contain}.mobile-program-branding{display:none}.program-branding{font-size:15px;gap:13px}.program-branding>span:first-child{white-space:nowrap}.program-branding>span:last-child{max-width:145px;line-height:1.3}.program-branding>img{max-width:145px;max-height:57px}.program-welcome{position:relative;overflow:hidden;padding-top:32px}.welcome-cover{width:calc(100% + 60px);max-width:none;height:205px;object-fit:cover;margin:-32px -30px 25px}.welcome-brand{display:flex;justify-content:center;margin-bottom:30px}.welcome-brand>.brand strong{font-size:27px}.welcome-brand>.brand>svg{width:48px;height:57px}.lesson-key-points{margin-top:23px;padding-top:20px;border-top:1px solid #d4e3f6}.lesson-key-points h3{font-family:Nunito,sans-serif;font-size:18px;margin-bottom:15px}.lesson-key-points ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.lesson-key-points li{display:flex;gap:9px;font-size:15px;line-height:1.5;color:#375886}.lesson-key-points li svg{margin-top:3px;color:#2389b9}.lesson-info .lesson-tip{padding:15px 0;margin:18px 0}.lesson-info .step-description{min-height:100px}.quiz-audio-note{display:block;font-size:12px;color:#7186a3;margin-top:15px}.smartboard .lesson-player:not(.compact-player) .lesson-key-points h3{font-size:26px}.smartboard .lesson-player:not(.compact-player) .lesson-key-points li{font-size:24px}.smartboard .lesson-player:not(.compact-player) .lesson-key-points li svg{width:24px;height:24px}@media(max-width:1399px){.program-branding{font-size:12px;gap:10px}.program-branding>img{max-width:113px}.program-branding>span:last-child{max-width:105px}.custom-brand-logo{width:160px;height:58px}}@media(max-width:1150px){.program-branding{display:flex;font-size:11px}.program-branding>span{display:none}.program-branding>img{max-width:108px;height:45px}.institution-branding{flex:1 1}.lesson-key-points{grid-column:1/-1}}@media(max-width:900px){.program-branding{display:none}.lesson-info .step-description{min-height:0}}@media(max-width:640px){.mobile-program-branding{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 14px;background:#f7fbff;border-bottom:1px solid #d1e7fd;min-height:57px}.mobile-program-branding>div{display:flex;align-items:center;gap:8px}.mobile-program-branding>div:first-child>img{max-width:100px;height:34px;object-fit:contain}.mobile-program-branding>div:last-child>img{width:35px;height:35px;object-fit:contain}.mobile-program-branding strong{font-size:14px;display:block}.mobile-program-branding small{font-size:10px;color:#5673a0;display:block;margin-top:2px}.custom-brand-logo{width:130px;height:43px}.welcome-cover{height:165px;width:calc(100% + 40px);margin:-32px -20px 24px}.welcome-brand{margin-bottom:25px}.lesson-key-points{margin-top:20px}.lesson-key-points h3{font-size:18px}.lesson-key-points li{font-size:15px}.adult-feature-list{gap:9px;top:158px}}