:root{--color-navy: #1b2a4a;--color-navy-soft: #2d3f63;--color-cream: #faf7f2;--color-paper: #ffffff;--color-sage: #5b8a72;--color-sage-light: #e8f0eb;--color-coral: #e07a5f;--color-coral-dark: #c96850;--color-ink: #2c2c2c;--color-muted: #6b7280;--color-border: #e5e0d8;--color-teacher: #f3ebe3;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 12px;--shadow: 0 2px 12px rgba(27, 42, 74, .08);--max-width: 760px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--color-ink);background:var(--color-cream);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-navy);line-height:1.3;margin:0 0 .5rem}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:1.35rem}p{margin:0 0 1rem}p:last-child{margin-bottom:0}.app{min-height:100vh}.app-header{background:var(--color-navy);color:#fff;padding:1rem 1.5rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.app-header__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-header__brand{font-family:var(--font-display);font-size:.95rem;font-weight:500;opacity:.9}.mode-toggle{display:inline-flex;background:#ffffff1f;border-radius:999px;padding:4px;gap:4px}.mode-toggle__btn{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.45rem 1rem;border:none;border-radius:999px;cursor:pointer;background:transparent;color:#ffffffbf;transition:background .2s,color .2s}.mode-toggle__btn:hover{color:#fff}.mode-toggle__btn--active{background:#fff;color:var(--color-navy)}.mode-toggle__btn:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}.lesson-layout{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.lesson-layout--teacher-page,.lesson-main{display:flex;flex-direction:column;gap:1.25rem}.lesson-hero{background:var(--color-paper);border-radius:var(--radius);padding:1.75rem 2rem;box-shadow:var(--shadow);border-left:5px solid var(--color-sage)}.lesson-hero__unit{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-sage);margin-bottom:.5rem}.lesson-hero__goal{margin-top:1rem;padding:1rem 1.25rem;background:var(--color-sage-light);border-radius:8px;font-size:.95rem}.lesson-hero__goal-label{font-weight:700;color:var(--color-navy);display:block;margin-bottom:.25rem}.section-card{background:var(--color-paper);border-radius:var(--radius);padding:1.5rem 1.75rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.section-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-sage-light)}.section-card__icon{width:2rem;height:2rem;border-radius:8px;background:var(--color-sage-light);color:var(--color-sage);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.section-card__instructions{color:var(--color-muted);font-size:.9rem;margin-bottom:1rem}.warmup-list,.prompt-list,.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.warmup-list__item,.prompt-list__item{padding:.85rem 1rem;background:var(--color-cream);border-radius:8px;border-left:3px solid var(--color-sage)}.article__source{font-size:.85rem;color:var(--color-muted);font-style:italic;margin-bottom:1.25rem}.article__paragraph{margin-bottom:1rem;text-align:justify}.vocab-grid{display:grid;gap:1rem}.vocab-card{padding:1rem 1.25rem;background:var(--color-cream);border-radius:8px}.vocab-card__word{font-family:var(--font-display);font-weight:600;color:var(--color-navy);font-size:1.1rem}.vocab-card__definition{margin:.35rem 0;font-size:.95rem}.vocab-card__sentence{font-size:.875rem;color:var(--color-muted);font-style:italic}.question-block{padding:1rem 0;border-bottom:1px solid var(--color-border)}.question-block:last-child{border-bottom:none;padding-bottom:0}.question-block__label{font-weight:600;margin-bottom:.75rem;color:var(--color-navy)}.options-list{display:flex;flex-direction:column;gap:.5rem}.option-label{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;border-radius:8px;cursor:pointer;transition:background .15s}.option-label:hover{background:var(--color-cream)}.option-label--correct{background:#e8f5ec;border:1px solid #5b8a72}.option-label--incorrect{background:#fdeeed;border:1px solid #e07a5f}.option-label input{margin-top:.2rem;accent-color:var(--color-sage)}.quiz-feedback{margin-top:.85rem;padding:.85rem 1rem;border-radius:8px;font-size:.9rem}.quiz-feedback--correct{background:#e8f5ec;border-left:4px solid var(--color-sage)}.quiz-feedback--incorrect{background:#fdeeed;border-left:4px solid var(--color-coral)}.quiz-feedback__mark{font-weight:700;margin:0 0 .35rem;color:var(--color-navy)}.quiz-feedback__answer{margin:0 0 .35rem}.quiz-feedback__explanation{margin:0;color:var(--color-muted)}.evidence-feedback{margin-top:.75rem;padding:.85rem 1rem;background:var(--color-cream);border-radius:8px;border-left:3px solid var(--color-sage)}.evidence-feedback__note{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--color-navy)}.evidence-feedback__suggested{margin:0;font-size:.9rem}.text-input,.text-area{width:100%;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-paper);color:var(--color-ink);transition:border-color .15s,box-shadow .15s}.text-input:focus,.text-area:focus{outline:none;border-color:var(--color-sage);box-shadow:0 0 0 3px #5b8a7233}.text-area{min-height:160px;resize:vertical;line-height:1.6}.text-area:disabled{background:var(--color-cream);cursor:not-allowed}.word-count{font-size:.8rem;color:var(--color-muted);text-align:right;margin-top:.35rem}.examples-list{padding-left:1.25rem;margin:.75rem 0}.examples-list li{margin-bottom:.35rem}.language-practice{margin-top:1rem;padding:1rem;background:var(--color-cream);border-radius:8px}.checklist__item{display:flex;align-items:flex-start;gap:.65rem;padding:.5rem 0}.checklist__item input{margin-top:.25rem;accent-color:var(--color-sage)}.submit-bar{background:var(--color-paper);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:2px solid var(--color-sage-light);text-align:center}.submit-bar__note{font-size:.875rem;color:var(--color-muted);margin-bottom:1rem}.btn-primary{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.85rem 2rem;border:none;border-radius:999px;background:var(--color-coral);color:#fff;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--color-coral-dark)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--color-navy);outline-offset:3px}.feedback-panel{margin-top:1.25rem;padding:1.25rem;background:var(--color-sage-light);border-radius:var(--radius);border-left:4px solid var(--color-sage);text-align:left}.feedback-panel__score{display:inline-block;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-sage);color:#fff;padding:.25rem .75rem;border-radius:999px;margin-bottom:.75rem}.feedback-panel ul{margin:.5rem 0 0;padding-left:1.25rem}.feedback-panel li{margin-bottom:.25rem}.model-answer-reveal{margin-top:1rem;padding:1rem 1.25rem;background:var(--color-cream);border-radius:8px;border:1px dashed var(--color-sage)}.model-answer-reveal__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-sage);margin-bottom:.5rem}.submitted-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--color-sage-light);color:var(--color-navy);border-radius:8px;font-weight:600;margin-bottom:1rem}.teacher-page,.teacher-sidebar{display:flex;flex-direction:column;gap:1rem}.teacher-panel{background:var(--color-teacher);border-radius:var(--radius);padding:1.25rem 1.5rem;border:1px solid #e0d5c8;box-shadow:var(--shadow)}.teacher-panel__title{font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #d4c4b0}.teacher-panel__content{font-size:.9rem}.answer-key-item{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid #e0d5c8}.answer-key-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.answer-key-item__label{font-weight:600;color:var(--color-navy);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.answer-key-item__value{margin-top:.25rem}.rubric-cards{display:grid;gap:1rem}.rubric-card{padding:1rem 1.15rem;background:#fff;border-radius:8px;border:1px solid #e0d5c8}.rubric-card__criterion{font-family:var(--font-display);font-size:1rem;color:var(--color-navy);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-sage-light)}.rubric-card__levels{display:grid;gap:.75rem}.rubric-card__level{padding:.65rem .85rem;border-radius:6px;background:var(--color-cream)}.rubric-card__level p{margin:.25rem 0 0;font-size:.875rem;line-height:1.5;word-break:normal;overflow-wrap:break-word}.rubric-card__label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-navy)}.rubric-card__level--excellent{border-left:3px solid var(--color-sage)}.rubric-card__level--developing{border-left:3px solid #c9a227}.rubric-card__level--beginning{border-left:3px solid var(--color-coral)}@media(min-width:640px){.rubric-card__levels{grid-template-columns:repeat(3,1fr)}}.script-phase{margin-bottom:1rem}.script-phase:last-child{margin-bottom:0}.script-phase__name{font-weight:700;color:var(--color-coral-dark);font-size:.85rem}.teacher-notes-list{padding-left:1.15rem;margin:0}.teacher-notes-list li{margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.status-panel{background:var(--color-paper);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--color-border);text-align:center}.status-panel--error{border-left:5px solid var(--color-coral)}.status-panel__title{margin-bottom:.75rem}.status-panel__message{color:var(--color-ink);margin-bottom:.5rem}.status-panel__hint{color:var(--color-muted);font-size:.9rem;margin-bottom:1.25rem}.status-panel__link{display:inline-block;font-weight:600;color:var(--color-sage);text-decoration:none;padding:.5rem 1rem;border-radius:999px;background:var(--color-sage-light)}.status-panel__link:hover{text-decoration:underline}.archive-list{display:flex;flex-direction:column;gap:1rem}.archive-card{background:var(--color-paper);border-radius:var(--radius);padding:1.5rem 1.75rem;box-shadow:var(--shadow);border:1px solid var(--color-border);border-left:5px solid var(--color-sage)}.archive-card__meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.archive-card__date{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.archive-card__badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--color-sage);padding:.2rem .55rem;border-radius:999px}.archive-card__title{font-size:1.25rem;margin-bottom:.35rem}.archive-card__unit{color:var(--color-muted);font-size:.9rem;margin-bottom:.5rem}.archive-card__type{font-size:.9rem;margin-bottom:1rem}.archive-card__links{display:flex;flex-wrap:wrap;gap:.65rem}.archive-card__link{display:inline-block;font-size:.875rem;font-weight:600;text-decoration:none;padding:.55rem 1.1rem;border-radius:999px;transition:background .15s}.archive-card__link--student{background:var(--color-coral);color:#fff}.archive-card__link--student:hover{background:var(--color-coral-dark)}.archive-card__link--teacher{background:var(--color-teacher);color:var(--color-navy);border:1px solid #e0d5c8}.archive-card__link--teacher:hover{background:#ebe0d4}@media(max-width:600px){.lesson-layout{padding:1.25rem 1rem 3rem}.section-card,.lesson-hero{padding:1.25rem}}