*{box-sizing:border-box}body{margin:0;background:#edf4f8;color:#103451;font:16px/1.5 Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,summary,select{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:#145e91}.gold{display:inline-flex;align-items:center;justify-content:center;background:#ffd34e;color:#102e46;border:1px solid #d4a629;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;white-space:nowrap}.live-header{min-height:84px;padding:14px 28px;display:flex;align-items:center;gap:32px;justify-content:space-between;background:#0b2e50;border-bottom:5px solid #ffd34e;color:white}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:24px;font-weight:700;white-space:nowrap}.brand b{color:#ffd34e}.brand small{display:block;font-size:9px;letter-spacing:3px}.brand-mark{font-size:52px;line-height:1;color:#ffd34e;font-weight:400}.live-header nav{display:flex;gap:6px}.view-tab{border:0;border-radius:7px;padding:10px 15px;background:transparent;color:#d9e8f5;font-weight:700}.view-tab.active{background:#ffd34e;color:#102e46}.manage{color:#d4e7f7;font-size:12px;white-space:nowrap}.live-wrap{max-width:1580px;margin:auto;padding:20px 26px 120px}.course-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#56758f}.course-heading h1{font-size:23px;line-height:1.3;margin:3px 0 0}.course-picker{font-size:11px;color:#56758f;max-width:290px}.course-picker select{display:block;padding:8px;border:1px solid #c5d8e5;border-radius:7px;color:#103451;background:white;max-width:290px;font-size:12px}.live-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:20px;align-items:start}.contents,.learning-area,.tutor-card,.encouragement{background:white;border:1px solid #c8dbe8;border-radius:12px;overflow:hidden}.contents h2{font-size:15px;background:#ffd34e;color:#132d41;margin:0;padding:13px 16px}.course-progress{font-size:12px;margin:12px 14px 6px;color:#56758f}.progress-track{height:5px;background:#e3edf3;margin:0 14px 16px;border-radius:5px;overflow:hidden}.progress-track span{display:block;background:#1da879;height:100%;transition:width .25s}.contents h3{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#56758f;margin:16px 14px 6px}.page-link{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:10px 12px;border:0;background:white;color:#23465f;font-size:12px;line-height:1.4;min-height:48px}.page-link[aria-current=true]{background:#fff1b5;box-shadow:inset 4px 0 #e4b52a;font-weight:bold}.page-number{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbdae5;border-radius:50%;min-width:22px;height:22px;font-size:10px;background:#f7fafc}.page-check{color:#127b55;font-weight:bold;margin-left:auto}.learning-area{min-width:0}.audio-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #dce7ef;background:#f8fbfd}.audio-bar>div{margin-right:auto;min-width:0}.audio-bar strong{font-size:12px;display:block}.audio-bar small{font-size:10px;color:#56758f;display:block;max-width:250px}.audio-bar button{font-size:11px;padding:7px 10px;border-radius:6px;border:1px solid #c7d8e5;background:white;color:#163951}.audio-bar .gold{background:#ffd34e;border-color:#d4a629}.teaching-page{padding:22px}.page-eyebrow{display:flex;justify-content:space-between;gap:12px;color:#56758f;font-size:10px;text-transform:uppercase;letter-spacing:1px}.teaching-page h2{font-size:26px;line-height:1.25;margin:10px 0 18px}.lesson-visual{border-radius:12px;background:#f0f8ff;border:1px solid #d9e7f0;padding:8px}.lesson-visual svg{display:block;width:100%!important;max-width:none!important;max-height:320px;height:auto}.lesson-notes{margin-top:20px;max-height:245px;overflow:auto;padding-right:8px;scrollbar-gutter:stable}.lesson-notes h3{font-size:16px;color:#176eaa;margin:0 0 8px}.lesson-notes p{font-size:15px;margin:0 0 12px;line-height:1.65}.lesson-actions{border-top:1px solid #e0eaf1;padding:14px 20px;display:flex;gap:12px;align-items:center}.lesson-actions button{font-size:12px}.lesson-actions span{font-size:10px;color:#56758f}.tutor-card{text-align:center;background:linear-gradient(145deg,#155780,#0b2e50);color:white;padding:24px 14px}.sarah-avatar{background:#e7f5f8;color:#21668b;border-radius:50%;width:84px;height:84px;margin:0 auto 20px;font:64px/84px Georgia,serif;position:relative}.sarah-avatar span{position:absolute;font:24px Arial,sans-serif;color:#ffd34e;right:-2px;bottom:4px}.tutor-card .eyebrow{color:#a8d7f0;font-size:8px}.tutor-card h2{font-size:29px;line-height:1.1;margin:10px 0}.tutor-card>p{font-size:12px;color:#d5e9f5}.tutor-card button{width:100%;margin:8px 0}.tutor-card .tutor-note{font-size:11px;color:#bbd5e7;line-height:1.6}.encouragement{padding:18px;margin-top:16px;background:#fff6d6;border-color:#ecd582}.encouragement>span{color:#c69500;font-size:22px}.encouragement h3{font-size:18px;margin:5px 0}.encouragement p{font-size:12px;margin:0;color:#51677a}.live-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#0b2e50;border-top:3px solid #ffd34e;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(26px,calc((100vw - 1528px)/2)) calc(12px + env(safe-area-inset-bottom));color:white;box-shadow:0 -8px 25px #16395112}.live-footer>span{font-size:12px;color:#d3e5f2}.live-footer .gold{padding:9px 19px}.mobile-toolbar{display:none}.panel-heading{padding:24px 24px 12px}.panel-heading h2{font-size:25px;line-height:1.25;margin:8px 0}.panel-heading p{font-size:13px;color:#56758f}.question-group{padding:0 20px}.question-group h3{font-size:17px;background:#fff3c3;border-radius:7px;padding:10px}.live-question{padding:14px 0 20px;border-bottom:1px solid #dce7ee}.question-text{font-size:16px;font-weight:bold;margin:0 0 14px}.answer-option{display:flex;align-items:start;gap:9px;border:1px solid #d3e1eb;border-radius:7px;padding:10px 12px;margin:7px 0;font-size:14px}.answer-option:has(input:checked){border-color:#b28700;background:#fff6d6}.answer-option input{margin-top:4px;accent-color:#0b5f94}.live-question .gold{font-size:12px;margin-top:10px}.written-label{display:block;color:#56758f;font-size:12px}.written-label textarea{display:block;width:100%;padding:10px;border:1px solid #bdcedd;border-radius:7px;color:#103451;font-size:15px;margin-top:5px}.answer-feedback{border-left:4px solid #2b86bd;background:#eef7ff;padding:12px;margin-top:12px;font-size:14px}.answer-feedback.correct{background:#eff9f0;border-color:#159363}.answer-feedback h4{margin:0 0 7px}.answer-feedback p{margin:5px 0}.quiz-group{margin:0 20px 12px;border:1px solid #c9dce9;border-radius:8px;overflow:hidden}.quiz-group>summary{padding:12px;background:#fff3c3;font-size:14px;font-weight:bold}.quiz-group>summary span{display:block;font-size:10px;color:#56758f;margin-top:3px}.quiz-group .live-question{margin:0 16px}.progress-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 24px 24px}.progress-cards div{border:1px solid #d1e1eb;border-radius:10px;padding:17px;background:#f4f9fc}.progress-cards strong{display:block;font-size:30px;color:#12699d}.progress-cards span{font-size:12px;color:#56758f}#resume-lesson{margin:0 24px 24px}.welcome{max-width:900px;margin:80px auto;padding:30px}.welcome h1{font-size:56px;line-height:1.08;margin:18px 0;color:#0b2e50}.welcome>p{font-size:19px;color:#526f83;max-width:620px}.welcome .sign-in{margin-top:15px;padding:14px 22px}.welcome .welcome-note{font-size:12px;margin-top:24px}.welcome:after{content:'✦';position:fixed;right:8%;bottom:12%;font-size:190px;color:#f7cb4970;z-index:-1}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9554e5;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1150px){.live-layout{grid-template-columns:190px minmax(0,1fr)}.tutor{display:none}.live-header{gap:16px}.brand{font-size:20px}.view-tab{font-size:13px;padding:10px}.course-heading h1{font-size:21px}}@media(max-width:700px){.live-header{padding:10px 14px;min-height:70px;gap:8px;flex-wrap:wrap}.brand{font-size:19px}.brand-mark{font-size:39px}.brand small{font-size:7px}.manage{font-size:10px;margin-left:auto}.live-header nav{width:100%;justify-content:space-between;gap:3px}.view-tab{flex:1;font-size:12px;padding:8px 6px}.live-wrap{padding:14px 12px 120px}.course-heading{display:block;margin-bottom:14px}.course-heading h1{font-size:20px}.course-picker{display:block;max-width:none;margin-top:12px}.course-picker select{max-width:none;width:100%;font-size:12px}.mobile-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px;color:#56758f}.mobile-toolbar button{background:white;border:1px solid #c7d9e6;border-radius:6px;color:#103451;padding:8px 10px;font-size:12px}.live-layout{display:block}.contents{display:none;margin-bottom:14px}.contents.is-open{display:block}.contents h3{margin-top:10px}.page-link{padding:9px 14px}.tutor{display:none}.audio-bar{padding:10px;gap:5px;flex-wrap:wrap}.audio-bar>div{width:100%;margin-bottom:4px}.audio-bar small{max-width:none}.teaching-page{padding:16px}.teaching-page h2{font-size:23px;margin:8px 0 14px}.page-eyebrow{font-size:9px}.lesson-visual{padding:3px}.lesson-notes{max-height:280px}.lesson-notes p{font-size:15px}.lesson-actions{padding:12px;flex-wrap:wrap;gap:7px}.live-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.live-footer .gold{padding:9px 13px;font-size:13px}.panel-heading{padding:18px 16px 8px}.panel-heading h2{font-size:22px}.question-group{padding:0 16px}.quiz-group{margin:0 12px 12px}.progress-cards{padding:8px 16px 20px}.welcome{margin:35px auto;padding:20px}.welcome h1{font-size:40px}.welcome>p{font-size:17px}}

.live-header .admin-login{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:#ffd447;color:#102f4b;border:1px solid #d9ad26;border-radius:8px;text-decoration:none;font-weight:700;white-space:nowrap;margin-left:auto}.live-header .admin-login:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:700px){.live-header .admin-login{padding:9px 13px}.live-header .manage{display:none}}