.lesson-builder{max-width:980px;margin:auto;padding:28px 20px 64px}.lesson-builder h1{font-size:32px}.lesson-build-steps{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;padding-left:24px;color:#60777b}.lesson-build-steps [aria-current]{color:#246e70;font-weight:700}.lesson-builder label{display:grid;gap:8px;margin:20px 0;font-weight:700}.lesson-builder select,.lesson-builder textarea,.lesson-builder input[type=number]{font:inherit;box-sizing:border-box;padding:12px;border:1px solid #b9cecd;border-radius:9px;max-width:100%;width:100%}.lesson-builder textarea{line-height:1.8}.lesson-builder details{border-bottom:1px solid #dce6e5;padding:16px 0}.lesson-builder summary{cursor:pointer;font-weight:700}.lesson-question{padding:16px 0;border-top:1px solid #edf0ef}.lesson-question p{margin:6px 0}.lesson-builder .lesson-check{display:flex;align-items:center;gap:12px}.lesson-check input{width:22px;height:22px}.lesson-activity-config{border-top:1px solid #dce6e5}.lesson-trigger-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.lesson-build-nav{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.lesson-summary li{padding:12px}.lesson-summary p{white-space:pre-wrap;line-height:1.8}.lesson-live{border-left:5px solid #357f80}.lesson-live-controls{display:flex;gap:12px;flex-wrap:wrap}.lesson-activity-page textarea{width:100%;box-sizing:border-box;min-height:170px;padding:14px;font:inherit;line-height:1.8}.lesson-activity-page .activity-prompt{white-space:pre-wrap;line-height:1.9}.lesson-stage-list{display:flex;gap:14px;flex-wrap:wrap;padding-left:22px}.lesson-stage-list [aria-current]{color:#257779;font-weight:700}@media(max-width:600px){.lesson-builder{padding:20px 16px}.lesson-trigger-row{grid-template-columns:1fr}.lesson-build-nav button{flex:1}.lesson-build-steps{gap:10px;font-size:13px}}

.video-question-mix{margin:18px 0;padding:16px;border:1px solid #ccdeda;border-radius:14px;background:#f5faf8}.video-question-mix [hidden]{display:none}.video-mix-summary{font-weight:700;font-variant-numeric:tabular-nums;color:#285f60}.video-mix-controls{border:0;padding:0;margin:18px 0;min-width:0}.video-mix-controls legend{padding:0;margin-bottom:8px;font-weight:700}.video-mix-marks{display:grid;grid-template-columns:repeat(var(--mix-stops),minmax(0,1fr));gap:0}.video-mix-marks .video-mix-mark{position:relative;min-width:0;width:100%;height:48px;padding:4px 0 16px;border:0;border-radius:8px;background:transparent;color:#526966;font:inherit;font-size:17px;font-weight:700;box-shadow:none}.video-mix-mark::after{content:"";position:absolute;bottom:0;left:calc(50% - 1px);width:2px;height:10px;background:#a3b8b3}.video-mix-marks .video-mix-mark[aria-pressed=true]{background:#e1efeb;color:#1d6265}.video-mix-mark[aria-pressed=true]::after{background:#286e70}.video-mix-mark:focus-visible{outline:3px solid #b87914;outline-offset:-3px}.video-mix-range{margin-inline:calc(50% / var(--mix-stops) - 12px)}.lesson-builder .video-mix-controls input[type=range]{display:block;box-sizing:border-box;width:100%;min-height:44px;height:44px;margin:0;appearance:none;-webkit-appearance:none;touch-action:pan-y;padding:0;border:0;background:transparent;cursor:pointer;box-shadow:none;outline-offset:0}.video-mix-controls input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:#bed4ce}.video-mix-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border:3px solid #fff;border-radius:50%;background:#2d7577;box-shadow:0 0 0 1px #2d7577}.video-mix-controls input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:#bed4ce}.video-mix-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#2d7577;box-shadow:0 0 0 1px #2d7577}.video-mix-controls input[type=range]:disabled{opacity:.45;cursor:default}.video-mix-mark:disabled{opacity:.5}@media(max-width:600px){.video-question-mix{margin-inline:-10px;padding:14px 10px}}
.video-question-mix textarea{font-size:16px!important;min-height:86px!important}.video-text-answer{display:grid;gap:12px}.video-text-answer input{width:100%;box-sizing:border-box;min-height:48px;padding:12px;font:inherit;font-size:16px;border:1px solid #b6cfc9;border-radius:8px}.video-text-answer button{min-height:44px}.video-text-answer label{display:block}

/* Quiet student time notice; no flashing, sound or input interception. */
.student-countdown {
  position:fixed; right:max(12px, env(safe-area-inset-right));
  top:calc(var(--app-header-height, 64px) + 8px + env(safe-area-inset-top)); z-index:35;
  max-width:calc(100vw - 24px); padding:7px 12px;
  border:1px solid #ccd9d6; border-radius:999px;
  background:#f3f7f6; color:#445b56;
  font-size:13px; font-weight:500; line-height:1.5;
  font-variant-numeric:tabular-nums; pointer-events:none;
}
.student-countdown[hidden] { display:none; }
body.has-student-countdown #app { padding-top:56px; }
body[data-student-watch="true"].has-student-countdown .student-countdown { top:calc(8px + env(safe-area-inset-top)); }
.student-countdown-announcement {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}

.lesson-question-picker { margin:20px 0; }
.lesson-question-choice { border:1px solid #d5e3df; border-radius:12px; margin:12px 0; padding:4px 16px 16px; background:#fbfdfc; }
.lesson-question-choice .activity-prompt,.lesson-selected-questions { white-space:pre-wrap; line-height:1.8; }
.lesson-question-order { margin-left:auto; padding:3px 10px; border-radius:999px; background:#e7f2ee; color:#245f5b; font-size:13px; }
.lesson-selected-questions { padding-left:24px; }
.lesson-selected-questions li { margin:8px 0; }

.lesson-order-editor .lesson-selected-questions { display:flex; flex-direction:column; list-style:none; padding:0; white-space:normal; }
.lesson-order-editor li { display:grid; grid-template-columns:24px minmax(0,1fr) 44px; gap:10px; align-items:center; box-sizing:border-box; height:166px; padding:12px; border:1px solid #cadfd9; border-radius:12px; background:#fff; }
.lesson-builder .lesson-order-editor button { width:44px; min-width:44px; height:44px; margin:0; padding:7px; color:#315f60; background:#f0f6f4; border:1px solid #c8dad5; border-radius:9px; font-size:20px; }
.lesson-builder .lesson-order-editor button:disabled { opacity:.3; }
.lesson-builder .lesson-order-editor button:focus-visible { outline:3px solid #b47e26; outline-offset:2px; }
.question-position { font-weight:700; color:#287173; }
.question-order-summary { min-width:0; display:grid; gap:6px; }
.question-order-heading,.question-order-text { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; white-space:normal; }
.question-order-heading { -webkit-line-clamp:2; line-clamp:2; line-height:1.4; max-height:2.8em; }
.question-order-text { -webkit-line-clamp:3; line-clamp:3; line-height:1.5; max-height:4.5em; }
.question-order-controls { display:flex; flex-direction:column; gap:6px; }
.lesson-builder input[type=text] { box-sizing:border-box; width:100%; min-height:44px; padding:12px; font:inherit; border:1px solid #b9cecd; border-radius:9px; }
.video-answer-keys { min-width:0; }
.video-answer-keys .video-mix-summary,.video-answer-list { overflow-wrap:anywhere; }
.video-answer-list { margin:8px 0 18px; line-height:1.7; }
.video-answer-keys h4 { margin:18px 0 10px; font-size:1rem; }
.video-answer-addition { display:grid; gap:6px; margin:10px 0; font-size:.9rem; }
.video-answer-additions { min-width:0; }
.lesson-builder .video-answer-keys button { max-width:100%; margin-top:8px; }
@media(max-width:600px) { .lesson-order-editor li{gap:7px;padding:10px;} }

.lesson-trigger-row select:disabled { background:#eef1f1; color:#899695; border-color:#d8dfde; cursor:not-allowed; opacity:1; -webkit-text-fill-color:#899695; }

.lesson-compact-choice { border-bottom:1px solid #dce6e5; padding:12px 0; }
.lesson-compact-choice .lesson-check { margin:8px 0; }
.lesson-compact-choice details { padding:8px 0; border:0; }
.lesson-compact-choice input[type=text] { box-sizing:border-box; width:100%; padding:12px; font:inherit; border:1px solid #b9cecd; border-radius:9px; min-height:44px; margin-bottom:12px; }
.lesson-trigger-row label[hidden] { display:none; }

.video-question-options { border:0; padding:0; margin:0; min-width:0; }
.video-question-options.is-disabled { opacity:.4; }
.video-question-options details.is-disabled { opacity:.4; }
.video-question-options[inert], .video-question-options details[inert] { pointer-events:none; }

.lesson-option-card { margin:18px 0; padding:16px; border:1px solid #ccdeda; border-radius:14px; background:#f5faf8; }
.lesson-builder .lesson-option-heading { margin:0 0 20px; font-size:21px; line-height:1.5; color:#243f43; }
.lesson-builder .lesson-option-heading .lesson-check { margin:8px 0; font-size:inherit; color:inherit; }
.lesson-option-content { border:0; padding:0; margin:0; min-width:0; }
.lesson-option-content.is-disabled { opacity:.4; }
.lesson-option-content[inert] { pointer-events:none; }
@media(max-width:600px){.lesson-option-card { margin-inline:-10px; padding:14px 10px; }}

.lesson-builder .question-time { display:flex; align-items:center; gap:10px; margin:4px 0 0; font-size:14px; }
.lesson-builder .question-time select { width:auto; min-width:90px; min-height:44px; padding:8px; }
.lesson-order-editor li.has-question-time { height:224px; }