:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2c29;--muted:#6a7672;--teal:#276b61;--teal-deep:#20594f;--teal-soft:#eaf4f0;--amber:#d99b32;--bg:#faf9f5;--paper:#fff;--line:#e6e6df;--shadow:0 7px 22px #2336300e;--focus-ring:#80bbae;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box}html{min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:96px;padding:0 max(32px,50vw - 800px);display:flex}.header-brand{width:max-content;min-width:0;padding-bottom:19px;display:inline-block;position:relative}.logo{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0;line-height:0;display:inline-flex}.brand-emblem{width:56px;height:56px;transition:filter .18s;display:block}.logo:hover .brand-emblem,.logo:hover .brand-wordmark,.logo:focus-visible .brand-emblem,.logo:focus-visible .brand-wordmark{filter:brightness(.85)}.brand-wordmark{color:#1d3933;letter-spacing:-.035em;word-spacing:2px;white-space:nowrap;padding:3px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:700;line-height:1.05;transition:filter .18s;display:inline-block;position:relative}.brand-wordmark:after{content:"";background:#b08d4e;border-radius:100% 30% 70% 25%;width:37px;height:3px;position:absolute;bottom:0;right:1px;transform:rotate(-3deg)}.brand-wordmark-accent{color:var(--teal);position:relative}.brand-tagline{inset-inline:9px 0;color:#587568;text-align:justify;text-align-last:justify;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.3;position:absolute;bottom:0}.app-main{flex:1;width:min(1600px,100% - 64px);margin:0 auto;padding:24px 0 32px}.subject-main{padding:14px 0 18px}.subject-main .navigation-row{min-height:36px;margin:0 0 12px;padding:0 0 8px}.subject-main .page-heading.subject-heading{margin-bottom:12px}.subject-main .subject-meta{margin:0 0 4px}.subject-main h1{font-size:28px}.subject-main .context-trigger{min-height:38px;padding:8px 14px;font-size:14px}.subject-main .subject-layout{gap:12px}.subject-main .context-invitation{padding:10px 16px}.subject-main .lesson-main-tabs{margin-bottom:12px}.subject-main .panel{padding:18px 24px}.subject-main .panel-heading{margin-bottom:14px}.subject-main .panel-heading h2{font-size:20px}.subject-main .panel-heading p:last-child{margin:4px 0 0}.subject-main .availability-note{margin-bottom:12px;padding:10px 14px}.subject-main .lesson-controls{gap:18px;margin:0 0 14px}.subject-main .field textarea{min-height:48px;padding:8px 12px}.subject-main .material-description{margin:10px 0 14px}.subject-main .coming-note{margin:8px 0 0}.navigation-row{border-bottom:1px solid var(--line);align-items:center;min-height:48px;margin:-12px 0 29px;padding:0 0 12px;display:flex}.breadcrumbs{align-items:center;gap:12px;min-width:0;font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:16px;line-height:1.4;display:flex}.breadcrumbs button{color:#53655e;background:0 0;border:0;flex:none;min-height:44px;padding:8px 10px;font-weight:500;transition:color .16s}.breadcrumbs button:hover{color:var(--teal-deep)}.breadcrumbs svg{color:#a5b7ad;opacity:.85;flex:none}.breadcrumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--teal-deep);font-size:18px;font-weight:800;overflow:hidden}.subject-meta{color:#53655e;letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 10px;font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:14px;font-weight:400;line-height:1.6;display:flex}.subject-student-name{color:#344c42;font-weight:500}.subject-meta-separator{color:#b1bcb5;flex:none;font-size:14px;font-weight:400}.subject-grade{color:#65766e;white-space:nowrap;font-weight:400}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.overline{color:var(--teal);letter-spacing:.015em;margin:0 0 7px;font-size:14px;font-weight:700}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.045em;margin:0;font-size:38px;line-height:1.18}.subtitle{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.6}.primary-button,.secondary-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;box-shadow:0 2px 5px #276b6124}.primary-button:hover{background:var(--teal-deep);transform:translateY(-1px)}.page-action-button{border-radius:11px;gap:10px;min-height:44px;padding:10px 17px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 3px 9px #20594f2e}.page-action-button:hover{box-shadow:0 5px 13px #20594f3b}.page-action-button svg{transition:transform .18s}.page-action-button:hover svg{transform:scale(1.12)}.primary-button:disabled,.primary-button:disabled:hover{color:#4c6158;box-shadow:none;cursor:not-allowed;background:#d4ddd8;border-color:#d4ddd8;transform:none}.secondary-button{color:var(--teal);background:#fff;border:1px solid #cfddd6}.secondary-button:hover{background:var(--teal-soft)}.primary-button.small{min-height:39px;padding:8px 13px}.subject-picker{flex:none;position:relative}.subject-dropdown{z-index:5;overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:11px;width:230px;max-height:min(285px,50dvh);padding:7px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 14px 34px #162a2224}.dropdown-title{color:var(--muted);margin:5px 9px 8px;font-size:14px;font-weight:700}.subject-option{width:100%;min-height:35px;color:var(--ink);text-align:right;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 7px;font-size:14px;display:flex}.subject-option svg{color:var(--teal)}.subject-option span{flex:1}.subject-option small{color:var(--muted);font-size:14px}.subject-option:hover:not(:disabled){background:var(--teal-soft)}.subject-option:disabled{opacity:.57;cursor:default}.field-error{color:#a23d34;margin:5px 0 0;font-size:14px;font-weight:600;line-height:1.4}.field input[aria-invalid=true]{border-color:#bd665e}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.entity-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:right;width:100%;min-height:105px;color:var(--ink);box-shadow:var(--shadow);align-items:center;gap:15px;padding:18px 19px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.entity-card:hover{background:#f0f5f2;border-color:#a8c7bc;box-shadow:0 10px 24px #23363017}.student-card{gap:8px}.card-actions{z-index:1;flex:none;align-items:center;gap:2px;display:flex;position:relative}.entity-card>.delete-item-button{z-index:1;position:relative}.card-actions .edit-student-button{margin-left:0}.delete-item-button{color:#8c7770;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.delete-item-button svg{transition:transform .16s,color .16s}.delete-item-button:hover,.delete-item-button:focus-visible{color:#a33e35}.delete-item-button:hover svg{transform:scale(1.1)}.trash-can-lid{transform-box:fill-box;transform-origin:0 100%;transition:transform .18s}.delete-item-button:hover .trash-can-lid,.delete-item-button:focus-visible .trash-can-lid{transform:rotate(-34deg)}@media (prefers-reduced-motion:reduce){.trash-can-lid{transition:none}}.danger-button{color:#fff;background:#a33e35;border:1px solid #a33e35;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 17px;font-size:14px;font-weight:700;display:inline-flex}.danger-button:hover{background:#86332c}.delete-description{color:var(--muted);margin:14px 0 24px;font-size:14px;line-height:1.7}.student-card-open{min-width:0;color:inherit;text-align:right;background:0 0;border:0;flex:1;align-items:center;gap:15px;padding:0;display:flex}.student-card-open:after{content:"";cursor:pointer;position:absolute;inset:0}.edit-student-button{width:40px;height:40px;color:var(--teal);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-left:7px;padding:0;display:inline-grid}.edit-student-button svg{transition:transform .2s ease-out,color .16s}.edit-student-button:hover,.edit-student-button:focus-visible{color:var(--teal-deep)}.edit-student-button:hover svg,.edit-student-button:focus-visible svg{transform:translateY(-4px)rotate(-8deg)scale(1.1)}@media (prefers-reduced-motion:reduce){.edit-student-button svg{transition:none}.edit-student-button:hover svg,.edit-student-button:focus-visible svg{transform:none}}.entity-icon{border-radius:12px;flex:none;place-items:center;width:55px;height:55px;display:grid}.student-icon{color:var(--ink);background:0 0}.graduate-mouth-neutral,.graduate-mouth-smile{transition:opacity .16s}.graduate-mouth-smile,.student-card-open:hover .graduate-mouth-neutral,.student-card-open:focus-visible .graduate-mouth-neutral{opacity:0}.student-card-open:hover .graduate-mouth-smile,.student-card-open:focus-visible .graduate-mouth-smile{opacity:1}@media (prefers-reduced-motion:reduce){.graduate-mouth-neutral,.graduate-mouth-smile{transition:none}}.subject-icon{color:var(--teal);background:0 0}.entity-copy{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.entity-copy strong{font-size:17px}.entity-copy small{color:var(--muted);font-size:14px;line-height:1.5}.student-meta{color:#596963;flex-wrap:wrap;align-items:center;gap:4px 0;margin-top:8px;font-size:14px;font-weight:400;line-height:1.5;display:flex}.student-meta>span{white-space:nowrap;background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:inline}.student-meta>span+span:before{content:"·";color:#aab5ae;margin-inline:8px}.entity-copy .student-meta{margin-top:0;font-size:14px}.page-heading .student-meta{margin-top:8px;font-size:15px;font-weight:400;line-height:1.6}.dot-separator{color:#a5afa8;padding:0 4px}.empty-state{text-align:center;border-radius:var(--radius-lg);min-height:300px;color:var(--muted);background:linear-gradient(#fff 0%,#fbfdfc 100%);border:1.5px dashed #cad9d1;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-icon{background:var(--teal-soft);width:68px;height:68px;color:var(--teal);border-radius:20px;place-items:center;display:grid;box-shadow:0 4px 14px #276b611a}.empty-state h2{color:var(--ink);letter-spacing:-.02em;margin:18px 0 0;font-size:22px}.empty-state p{max-width:440px;margin:10px 0 24px;font-size:14px;line-height:1.7}.page-heading.subject-heading{flex-flow:wrap;align-items:center;gap:16px;margin-bottom:22px}.subject-layout{grid-template-columns:1fr;align-items:start;gap:22px;display:grid}.context-trigger{min-height:48px;color:var(--teal-deep);white-space:nowrap;direction:rtl;background:#fff;border:1px solid #a9c9bc;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:10px;padding:11px 17px;font-size:15px;font-weight:700;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 3px 10px #20594f12}.context-trigger:hover{border-color:var(--teal);background:#f5faf7;transform:translateY(-1px);box-shadow:0 5px 12px #20594f1c}.context-trigger:active{transform:translateY(0)}.context-trigger>svg{flex:none}@media (prefers-reduced-motion:reduce){.context-trigger{transition:none}.context-trigger:hover{transform:none}}.level-pills{flex-wrap:wrap;gap:8px;display:flex}.level-pill{min-height:36px;color:var(--ink);background:#fff;border:1px solid #cfddd6;border-radius:20px;padding:6px 15px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s}.level-pill:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.level-pill.active{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 2px 6px #276b612e}.level-pill:focus-visible{outline-offset:2px;outline:3px solid #80bbae}@media (prefers-reduced-motion:reduce){.level-pill{transition:none}.level-pill:hover{transform:none}}.lesson-controls{border:0;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px;padding:0;display:grid}.material-choice{border:0;min-width:0;margin:0;padding:0}.lesson-controls>.material-choice:last-child{border-inline-start:1px solid var(--line);padding-inline-start:36px}.material-choice legend{color:#2a443b;margin-bottom:10px;padding:0;font-size:14px;font-weight:700}.duration-pills{flex-wrap:wrap;gap:8px;display:flex}.duration-pills label{cursor:pointer;flex:none;position:relative}.duration-pills input{opacity:0;width:1px;height:1px;position:absolute}.duration-pills span{min-height:38px;color:var(--ink);background:#fff;border:1px solid #cfddd6;border-radius:20px;justify-content:center;align-items:center;padding:7px 18px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.duration-pills label:hover span{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.duration-pills label:hover span,.material-switch label:hover span{background-image:linear-gradient(#0000001a,#0000001a)}.duration-pills input:checked+span{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 2px 6px #276b612e}.duration-pills input:focus-visible+span{outline:3px solid var(--focus-ring);outline-offset:2px}.material-switch{gap:8px;min-height:44px;display:flex}.material-switch label{cursor:pointer;flex:1;position:relative}.material-switch input{opacity:0;width:1px;height:1px;position:absolute}.material-switch span{border-radius:var(--radius-sm);min-height:44px;color:var(--teal);background:#fff;border:1px solid #cfddd6;justify-content:center;align-items:center;padding:7px 10px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.material-switch label:hover span{border-color:var(--teal)}.material-switch input:checked+span{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 2px 6px #276b612e}.material-switch input:focus-visible+span{outline:3px solid var(--focus-ring);outline-offset:2px}.material-description{color:var(--muted);margin:16px 0 24px;font-size:14px;line-height:1.7}@media (max-width:640px){.lesson-controls{grid-template-columns:1fr;gap:20px}.lesson-controls>.material-choice:last-child{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:20px}}.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow);padding:27px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:29px;display:flex}.panel-heading h2{letter-spacing:-.025em;align-items:center;gap:8px;margin:0;font-size:23px;display:flex}.panel-heading p:last-child{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.6}.form-grid{gap:19px;display:grid}.field{flex-direction:column;gap:8px;font-size:16px;font-weight:700;display:flex}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe3dd;border-radius:8px;padding:12px 13px;font-size:16px;font-weight:400;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#9aa6a0}.field textarea{resize:vertical;min-height:56px}.field select{min-height:45px}.lesson-panel .panel-heading{margin-bottom:23px}.lesson-main-tabs{background:#eaefe9;border:1px solid #d0dbd4;border-radius:9px;grid-template-columns:1fr 1fr;gap:0;width:100%;margin-bottom:18px;padding:0;display:grid;overflow:hidden}.lesson-main-tabs button{color:#455951;width:100%;min-height:42px;font:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex;position:relative;cursor:pointer!important}.lesson-main-tabs button:first-child{border-inline-end:1px solid #d0dbd4}.lesson-main-tabs button *{pointer-events:none;cursor:pointer!important}.lesson-main-tabs button svg{color:var(--teal);flex:none;transition:transform .16s}.lesson-main-tabs button:hover:not(:disabled):not([aria-selected=true]){color:var(--teal-deep);background:#d5e2da;cursor:pointer!important}.lesson-main-tabs button:hover:not(:disabled) svg{transform:scale(1.08)}.lesson-main-tabs button[aria-selected=true]{background:var(--teal);color:#fff;box-shadow:none;border-inline-end-color:#0000;font-weight:700;cursor:pointer!important}.lesson-main-tabs button[aria-selected=true]:hover{background:var(--teal-deep)}.lesson-main-tabs button[aria-selected=true] svg{color:#fff}.lesson-main-tabs button[aria-selected=true] .studio-file-count{color:#fff;background:#ffffff38}.lesson-main-tabs button[aria-selected=true] .draft-dot{color:#fce8a6}.lesson-main-tabs button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-2px}.lesson-main-tabs button:disabled{opacity:.5;cursor:default!important}.saved-lessons-empty{max-width:560px;color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.75}.saved-lessons-empty p{margin:0}.saved-lessons-create{color:var(--teal);background:0 0;border:0;margin-top:14px;padding:2px 0;font-size:14px;font-weight:700;transition:color .16s,transform .16s}.saved-lessons-create:hover{color:var(--teal-deep);transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.saved-lessons-create{transition:none}.saved-lessons-create:hover{transform:none}}.lesson-panel .panel-heading h2 svg{color:var(--teal)}.suggestions{flex-wrap:wrap;gap:8px;margin:16px 0 21px;display:flex}.suggestions button{color:var(--teal);background:#fff;border:1px solid #dce4dd;border-radius:20px;padding:7px 10px;font-size:14px}.suggestions button:hover{background:var(--teal-soft)}.lesson-generate{justify-content:center;width:100%}.lesson-wand-icon{flex:none;overflow:visible}.lesson-wand-handle,.lesson-wand-sparkles{transform-box:fill-box;transform-origin:50%;transition:transform .22s}.lesson-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #18544933}.lesson-generate:hover:not(:disabled) .lesson-wand-handle{transform:translate(1px,1px)rotate(-8deg)}.lesson-generate:hover:not(:disabled) .lesson-wand-sparkles{transform:translate(-1px,-1px)scale(1.16)}.lesson-generate:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.lesson-generate,.lesson-wand-handle,.lesson-wand-sparkles{transition:none}.lesson-generate:hover:not(:disabled),.lesson-generate:active:not(:disabled),.lesson-generate:hover:not(:disabled) .lesson-wand-handle,.lesson-generate:hover:not(:disabled) .lesson-wand-sparkles{transform:none}}.lesson-review,.saved-lessons{min-width:0;scroll-margin-top:24px}.lesson-review-heading{z-index:4;border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex;position:sticky;top:0}.lesson-review-heading-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.lesson-review-close{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .16s,color .16s;display:grid}.lesson-review-close:hover:not(:disabled){background:var(--teal-soft);color:var(--teal-deep)}.lesson-review-close:disabled{opacity:.45;cursor:not-allowed}.lesson-edit-toggle{min-height:42px;color:var(--teal-deep);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:7px 4px 10px;font-size:14px;font-weight:700;transition:color .16s;display:inline-flex;position:relative}.lesson-edit-toggle:after{content:"";inset-inline-start:4px;transform-origin:100%;background:#b08d4e;border-radius:4px;width:20px;height:2px;transition:width .18s,background .18s;position:absolute;bottom:4px;transform:rotate(-3deg)}.lesson-edit-toggle svg{color:var(--teal);transition:transform .18s,color .18s}.lesson-edit-toggle:hover:after,.lesson-edit-toggle[aria-pressed=true]:after{background:var(--teal);width:calc(100% - 8px)}.lesson-edit-toggle:hover svg,.lesson-edit-toggle[aria-pressed=true] svg{transform:translateY(-2px)rotate(-7deg)}.lesson-edit-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}@media (prefers-reduced-motion:reduce){.lesson-edit-toggle,.lesson-edit-toggle:after,.lesson-edit-toggle svg{transition:none}}.lesson-download-button{width:42px;height:42px;color:var(--teal);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;transition:color .15s;display:inline-grid}.lesson-download-button svg{transition:transform .15s}.lesson-download-button:hover:not(:disabled){color:var(--teal-deep)}.lesson-download-button:hover:not(:disabled) svg{transform:translateY(2px)}.lesson-download-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lesson-download-button:disabled{opacity:.45;cursor:not-allowed}.lesson-review-heading h2,.saved-lessons h2{margin:0;font-size:23px}.lesson-review-note{border:1px solid #cce2d6;border-inline-start:3px solid var(--teal);color:#1c473b;background:#ebf5ef;border-radius:8px;align-items:center;gap:9px;margin:8px 0 20px;padding:8px 15px;font-size:14px;font-weight:600;line-height:1.45;display:inline-flex;box-shadow:0 1px 4px #183e300f}.lesson-review-note svg{color:var(--teal);flex:none}.lesson-document-title{overflow-wrap:anywhere;margin:0 0 8px;font-size:25px;line-height:1.5}.lesson-objective{color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px;line-height:1.8}.lesson-tabs{background:#eaefe9;border:1px solid #d0dbd4;border-radius:8px;gap:0;max-width:100%;margin:20px 0;padding:0;display:inline-flex;position:relative;overflow:hidden}.lesson-tabs button{z-index:1;color:#496156;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-inline-end:1px solid #d0dbd4;border-radius:0;min-height:38px;padding:7px 22px;font-size:14px;font-weight:600;transition:all .16s;position:relative;cursor:pointer!important}.lesson-tabs button:last-child{border-inline-end:0}.lesson-tabs button *{pointer-events:none;cursor:pointer!important}.lesson-tabs button:hover:not(:disabled):not([aria-pressed=true]){color:var(--teal-deep);background:#d5e2da;cursor:pointer!important}.lesson-tabs button[aria-pressed=true]{background:var(--teal);color:#fff;box-shadow:none;font-weight:700;cursor:pointer!important}.lesson-tabs button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-2px}.lesson-tabs button:disabled{opacity:.55;cursor:default!important}@media (max-width:600px){.lesson-tabs{width:100%;display:flex}.lesson-tabs button{white-space:normal;flex:1;min-width:0;padding:8px 6px;font-size:14px}}.lesson-document{font-size:15px;line-height:1.9}.lesson-prose{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.lesson-topic-heading{color:var(--teal-deep);border-bottom:1px solid #bfd4c9;margin:26px 0 8px;padding-bottom:8px;font-size:clamp(19px,1.5vw,21px);font-weight:800;line-height:1.4}.lesson-topic-group:first-child .lesson-topic-heading{margin-top:0}.lesson-visual{background:#fff;border:1px solid #dce6df;border-radius:8px;width:min(100%,420px);margin:10px 0 14px;padding:8px}.lesson-visual-svg{width:100%;height:auto;display:block;overflow:visible}.math-expression{direction:ltr;unicode-bidi:isolate}.lesson-exercise{border-bottom:1px solid var(--line);padding:18px 0}.lesson-exercise h4{color:var(--teal);margin:0 0 8px;font-size:16px}.exercise-subtitle{font-weight:700}.lesson-answer-space{border-bottom:1px dotted var(--line);height:70px;margin-top:12px}.lesson-edit-fields{gap:16px;display:grid}.lesson-review-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.lesson-text-button{color:var(--teal);background:0 0;border:0;border-radius:7px;padding:8px;font-size:14px;transition:background .16s,color .16s}.lesson-text-button:hover{color:var(--teal-deep);background:#e6eee8}.lesson-error{border-top:1px solid #eadbd7;padding:14px 0 14px 12px;color:var(--ink);border-inline-start:3px solid #b96a57;align-items:flex-start;gap:11px;margin:16px 0 0;padding-inline-start:14px;font-size:14px;line-height:1.6;display:flex}.lesson-error-icon{color:#a15b49;flex:none;margin-top:2px}.lesson-error-copy{flex:1;min-width:0}.lesson-error-copy strong{font-size:14px;font-weight:700;line-height:1.4;display:block}.lesson-error-copy p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.6}.lesson-error-retry{min-height:36px;color:var(--teal-deep);white-space:nowrap;background:0 0;border:1px solid #bfd3ca;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:14px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.lesson-error-retry:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal)}.lesson-error-retry:disabled{opacity:.5;cursor:default}.lesson-error-cancelled{border-color:#d8e4dc;border-inline-start-color:var(--teal)}.lesson-error-cancelled .lesson-error-icon{color:var(--teal)}@media (max-width:480px){.lesson-error{flex-wrap:wrap}.lesson-error-copy{flex-basis:calc(100% - 32px)}.lesson-error-retry{margin-inline-start:32px}}.lesson-discard{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:14px}.saved-lesson{border-top:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;display:flex}.saved-lesson:first-of-type{margin-top:20px}.saved-lesson>button:first-child{text-align:start;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;gap:8px;padding:0;display:grid}.saved-lesson strong{overflow-wrap:anywhere;font-size:15px}.saved-lesson small{color:var(--muted);font-size:14px}.studio-workspace{grid-template-columns:var(--sidebar-width,280px) 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);align-items:stretch;gap:0;height:calc(100vh - 220px);min-height:560px;margin-top:4px;display:grid;position:relative;overflow:hidden}.studio-workspace.sidebar-collapsed{grid-template-columns:1fr}.studio-workspace.sidebar-collapsed .studio-explorer{display:none}.studio-workspace.resizing,.studio-workspace.resizing *{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.studio-explorer{background:#fbfdfc;border-inline-end:1px solid #d4ded8;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}.studio-explorer-header{background:#eaefe9;border-bottom:1px solid #d4ded8;justify-content:space-between;align-items:center;height:38px;min-height:38px;padding:0 14px;display:flex}.studio-explorer-title{color:#2c4038;letter-spacing:.02em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.studio-explorer-title svg{color:var(--teal)}.studio-explorer-title h3{letter-spacing:.02em;margin:0;font-size:14px;font-weight:700}.studio-file-count{color:#2e4b40;pointer-events:none;background:#dbe6df;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:14px;font-weight:700;display:inline-flex}.studio-explorer-header-actions{align-items:center;gap:4px;display:flex}.studio-new-file-btn,.studio-sidebar-toggle-btn{color:#526960;background:0 0;border:0;border-radius:5px;place-items:center;width:26px;height:26px;transition:background .14s,color .14s;display:grid;cursor:pointer!important}.studio-new-file-btn{color:var(--teal)}.studio-new-file-btn:hover,.studio-sidebar-toggle-btn:hover{color:var(--teal-deep);background:#dbe6df;cursor:pointer!important}.studio-splitter{top:0;bottom:0;cursor:col-resize;z-index:10;touch-action:none;width:8px;position:absolute;inset-inline-start:calc(var(--sidebar-width,280px) - 4px)}.studio-splitter:after{content:"";top:0;bottom:0;background:0 0;width:2px;transition:background .15s;position:absolute;inset-inline-start:3px}.studio-splitter:hover:after,.studio-splitter.dragging:after,.studio-splitter:focus-visible:after{background:var(--teal)}.studio-splitter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;background:#e5f0e9}.studio-sidebar-expand-btn{border:0;height:38px;color:var(--teal-deep);background:#eaefe9;border-inline-end:1px solid #d4ded8;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;transition:background .14s,color .14s;display:flex;cursor:pointer!important}.studio-sidebar-expand-btn:hover{color:var(--teal);background:#dbe7df}.studio-sidebar-expand-btn svg{color:var(--teal)}.studio-sidebar-expand-floating{background:#fff;border:1px solid #cddbd2;border-radius:8px;height:36px;margin-bottom:20px;padding:0 14px;box-shadow:0 2px 6px #0000000a}.studio-sidebar-expand-floating:hover{border-color:var(--teal);background:#f0f5f2}.studio-explorer-list{flex-direction:column;flex:auto;min-height:0;padding:4px 0;display:flex;overflow-y:auto}.studio-explorer-list .saved-lesson{border:0;border-top:1px solid #f2f5f3;-webkit-user-select:none;user-select:none;background:0 0;border-inline-start:3px solid #0000;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:9px 12px;transition:background .14s,border-color .14s;display:flex;cursor:pointer!important}.studio-explorer-list .saved-lesson *{cursor:pointer!important}.studio-explorer-list .saved-lesson:first-of-type{border-top:0;margin-top:0}.studio-explorer-list .saved-lesson:hover{background:#f0f5f2;cursor:pointer!important}.studio-explorer-list .saved-lesson.active-file{background:var(--teal-soft);border-inline-start-color:var(--teal);cursor:pointer!important}.studio-explorer-list .saved-lesson>button:first-child{text-align:start;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;padding:0;display:flex;cursor:pointer!important}.studio-explorer-list .saved-lesson>button:first-child *{cursor:pointer!important}.saved-lesson-icon{color:#6f827a;pointer-events:none;flex:none;margin-top:2px;transition:color .14s}.studio-explorer-list .saved-lesson:hover .saved-lesson-icon{color:var(--teal)}.studio-explorer-list .saved-lesson.active-file .saved-lesson-icon{color:var(--teal-deep)}.saved-lesson-meta{pointer-events:none;flex:1;gap:2px;min-width:0;display:grid}.saved-lesson-meta strong{color:#22332e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden;cursor:pointer!important}.studio-explorer-list .saved-lesson.active-file strong{color:var(--teal-deep);font-weight:700}.saved-lesson-meta small{color:#667b73;font-size:14px;line-height:1.2;cursor:pointer!important}.studio-explorer-list .saved-lesson .lesson-download-button{opacity:.7;border-radius:50%;flex:none;width:36px;height:36px;transition:opacity .14s,background-color .14s,color .14s;cursor:pointer!important}.studio-explorer-list .saved-lesson .lesson-download-button svg{width:21px;height:21px}.studio-explorer-list .saved-lesson .lesson-download-button:hover:not(:disabled){opacity:1;color:var(--teal-deep);background:#e8f0e9;cursor:pointer!important}.studio-explorer-list .saved-lesson .lesson-download-button:hover:not(:disabled) svg{transform:none}.studio-editor{background:var(--paper);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}.studio-editor-tabbar{background:#eaefe9;border-bottom:1px solid #d4ded8;justify-content:space-between;align-items:stretch;gap:8px;height:38px;min-height:38px;padding:0;display:flex;overflow:hidden}.studio-tab-strip{scrollbar-width:none;flex:auto;align-items:stretch;min-width:0;display:flex;overflow:auto hidden}.studio-tab-strip::-webkit-scrollbar{display:none}.studio-tab{color:#526960;border-inline-end:1px solid #d0dbd4;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#e0eae4;border-top:2px solid #0000;border-bottom:1px solid #d4ded8;flex:1 1 0;align-items:center;gap:7px;min-width:44px;max-width:200px;height:38px;padding:0 10px;font-size:14px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative;overflow:hidden;cursor:pointer!important}.studio-tab *{cursor:pointer!important}.studio-tab:hover{color:#1c3830;background:#ecf3ee;cursor:pointer!important}.studio-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:2}.studio-tab.active,.studio-active-tab{z-index:1;margin-bottom:-1px;color:var(--teal-deep)!important;border-top:2px solid var(--teal)!important;cursor:pointer!important;background:#fff!important;border-bottom:1px solid #fff!important;font-weight:700!important}.studio-tab.active:hover,.studio-active-tab:hover{background:#e3ede7!important}.studio-tab svg{color:var(--muted);pointer-events:none;flex:none;transition:color .14s}.studio-tab:hover svg,.studio-tab.active svg{color:var(--teal)}.studio-tab .tab-title{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:auto;min-width:0;overflow:hidden;cursor:pointer!important}.studio-tab .draft-dot{color:var(--teal);pointer-events:none;flex:none;font-size:16px;line-height:1}.studio-tab-close{color:#7a8d86;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;margin-inline-start:4px;padding:0;transition:all .14s;display:grid;cursor:pointer!important}.studio-tab:hover .studio-tab-close{color:#395449}.studio-tab-close:hover{color:#a0352b!important;cursor:pointer!important;background:#dcebe2!important}.studio-tab-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.studio-editor-actions{z-index:2;flex:none;align-items:center;gap:6px;padding-inline:8px;display:flex}.studio-editor-actions .lesson-download-button{background:0 0;border-radius:50%;width:36px;height:36px;transition:background-color .15s,color .15s;cursor:pointer!important}.studio-editor-actions .lesson-download-button svg{pointer-events:none;width:21px;height:21px}.studio-editor-actions .lesson-download-button:hover:not(:disabled){color:var(--teal-deep);background:#e8f0e9}.studio-editor-actions .lesson-download-button:hover:not(:disabled) svg{transform:none}.studio-editor-actions .lesson-edit-toggle{color:#324d42;background:#fff;border:1px solid #cad7d0;border-radius:6px;min-height:30px;padding:4px 10px;font-size:14px;font-weight:600;transition:all .14s;cursor:pointer!important}.studio-editor-actions .lesson-edit-toggle:hover:not(:disabled){border-color:var(--teal);color:var(--teal-deep);background:#f2f7f4}.lesson-taught-toggle{color:#365548;white-space:nowrap;cursor:pointer;direction:rtl;background:#fcfdfb;border:1px solid #bdcec3;border-radius:6px;flex-direction:row-reverse;justify-content:center;align-items:center;gap:7px;width:116px;min-width:116px;min-height:30px;padding:4px 9px;font-size:14px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.lesson-taught-toggle:hover:not(:disabled){border-color:var(--teal);background:#f2f7f4}.lesson-taught-toggle[aria-pressed=true]{color:var(--teal-deep);background:#e4efe8;border-color:#9cbda9}.lesson-taught-icon{color:#648675;flex:none}.lesson-taught-icon circle{stroke:#9ab5a6;transition:fill .16s,stroke .16s}.lesson-taught-icon path{transition:stroke .16s}.lesson-taught-toggle[aria-pressed=true] .lesson-taught-icon circle{fill:var(--teal);stroke:var(--teal)}.lesson-taught-toggle[aria-pressed=true] .lesson-taught-icon path{stroke:#fff}.lesson-taught-toggle:disabled{opacity:.5;cursor:not-allowed}.lesson-taught-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.studio-editor-body{flex:auto;min-height:0;padding:24px 28px;overflow-y:auto}.studio-editor-body::-webkit-scrollbar{width:6px}.studio-explorer-list::-webkit-scrollbar{width:6px}.studio-editor-body::-webkit-scrollbar-thumb{background:#cbd8d1;border-radius:4px}.studio-explorer-list::-webkit-scrollbar-thumb{background:#cbd8d1;border-radius:4px}.studio-editor-body::-webkit-scrollbar-thumb:hover{background:#9ab4a7}.studio-explorer-list::-webkit-scrollbar-thumb:hover{background:#9ab4a7}.studio-editor-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.studio-editor-empty .empty-icon{width:72px;height:72px;color:var(--teal);background:#f0f5f2;border-radius:20px;place-items:center;margin-bottom:16px;display:grid}.studio-editor-empty h3{color:#2c4038;margin:0 0 8px;font-size:18px}.studio-editor-empty p{max-width:360px;margin:0 0 20px;font-size:14px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roster-search{align-items:center;gap:12px;max-width:560px;margin:-12px 0 24px;display:flex}.roster-search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cad9d1;border-radius:9px;flex:1;padding:10px 13px;font-size:16px}.roster-search button{white-space:nowrap;flex:none;min-height:44px}.roster-no-results{color:var(--muted);padding:24px 0;font-size:16px}.auth-flow{gap:16px;font-size:16px;line-height:1.5;display:grid}.auth-modes{border-bottom:1px solid var(--line);gap:8px;padding-bottom:8px;display:flex}.auth-modes button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:8px;font-size:15px}.auth-modes button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal-deep);font-weight:700}.auth-context{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.auth-flow form,.auth-card form{gap:16px;display:grid}.password-field{border:1px solid #dfe3dd;border-radius:8px;align-items:center;min-width:0;display:flex}.password-field input{border:0;border-radius:8px;flex:1;min-width:0}.password-field button{flex:none;min-width:52px;min-height:44px;margin-inline:4px}.password-field .password-visibility{place-items:center;min-width:44px;padding:8px;display:grid}.auth-error,.auth-message{border-radius:8px;margin:0;padding:12px;font-size:15px;line-height:1.6}.auth-error{color:#8a322a;background:#fff1ee}.auth-message{color:var(--teal-deep);background:var(--teal-soft)}.auth-invite p{margin:0 0 16px}.auth-brand{color:var(--teal-deep);font-size:20px;font-weight:700;text-decoration:none}.auth-card{gap:18px;display:grid}.auth-card h1{font-size:26px}.auth-card a.primary-button{text-decoration:none}.auth-card .lesson-text-button{min-height:44px;padding-block:10px;display:inline-block}.modal.auth-modal{padding:0}.auth-modal .modal-top{z-index:2;border-bottom:1px solid var(--line);background:#fff;margin:0;padding:20px 24px 16px;position:sticky;top:0}.auth-modal .auth-flow{padding:24px}.revision-modal .revision-prompt{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.revision-modal .revision-heading button{min-width:44px;min-height:44px}.revision-modal .primary-button{min-height:48px;font-size:16px}.revision-modal textarea{min-height:120px;font-size:16px}@media (max-width:600px){.auth-modal .modal-top{padding:16px 20px}.auth-modal .auth-flow{padding:20px}}.coming-note{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.6}.save-toast{z-index:100;width:max-content;max-width:calc(100vw - 32px);min-height:48px;color:var(--ink);text-align:right;background:#fff;border:1px solid #d4e0da;border-radius:11px;align-items:center;gap:10px;padding:9px 11px;animation:.4s cubic-bezier(.16,1,.3,1) both toast-arrive,.18s ease-in 2.32s forwards toast-depart;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #1230260f,0 10px 24px #12302621}.save-toast-icon{width:24px;height:24px;color:var(--teal);flex:none;order:1;place-items:center;display:grid}.save-toast-icon svg{width:24px;height:24px;overflow:visible}.toast-confirm-ring{stroke-width:1.8px;stroke-dasharray:0 1;transform-origin:12px 12px;animation:.72s both toast-ring-sweep}.toast-confirm-check{stroke-width:2.2px;stroke-dasharray:1;stroke-dashoffset:1px;animation:.34s ease-out .58s both toast-check-confirm}.save-toast-copy{color:#34443e;overflow-wrap:anywhere;padding:2px 5px;font-size:14px;font-weight:400;line-height:1.5}@keyframes toast-arrive{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes toast-depart{to{opacity:0;transform:translate(-50%,4px)scale(.98)}}@keyframes toast-ring-sweep{0%{opacity:0;stroke-dasharray:0 1;transform:rotate(-90deg)}14%{opacity:1;stroke-dasharray:.04 .96;animation-timing-function:ease-in;transform:rotate(-90deg)}38%{stroke-dasharray:.2 .8;animation-timing-function:cubic-bezier(.35,0,.65,1);transform:rotate(-86deg)}72%{opacity:1;stroke-dasharray:.75 .25;animation-timing-function:ease-out;transform:rotate(-28deg)}88%{opacity:.35;stroke-dasharray:.85 .15;transform:rotate(5deg)}to{opacity:0;stroke-dasharray:.85 .15;transform:rotate(5deg)}}@keyframes toast-check-confirm{0%{opacity:0;stroke-dashoffset:1px}25%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.save-toast,.toast-confirm-ring,.toast-confirm-check{animation:none}.toast-confirm-ring{opacity:0}.toast-confirm-check{stroke-dashoffset:0}}.modal-backdrop{--dialog-edge:clamp(8px,2.5dvh,20px);padding:var(--dialog-edge);z-index:10;background:#13201b6b;place-items:center;display:grid;position:fixed;inset:0}.native-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.native-dialog:not([open]){display:none}.native-dialog::backdrop{background:#13201b6b}.native-dialog>.modal{min-height:0;max-height:calc(100dvh - 2 * var(--dialog-edge));overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.storage-error{color:#86332c;background:#fff5f1;border:1px solid #e7c2b8;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.6}.storage-error p{margin:0 0 6px}.modal>.storage-error{margin:16px 0 0}.availability-note{background:#faf6ed;border-inline-start:3px solid #b08d4e;margin-bottom:20px;padding:14px 16px;font-size:14px;line-height:1.6}.availability-note p{color:#596963;margin:4px 0 0}.modal{background:#fff;border-radius:16px;width:min(100%,440px);padding:27px;box-shadow:0 25px 80px #0c241b40}.context-modal-backdrop{--dialog-edge:clamp(8px,2dvh,16px)}.modal.context-modal{width:min(100%,520px);padding:14px 20px}.context-modal .modal-top{margin-bottom:10px}.context-modal .modal-top h2{font-size:22px;line-height:1.3}.context-modal-intro{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.45}.modal.context-modal form{gap:clamp(8px,1.8dvh,16px)}.context-modal .field{gap:3px}.context-modal .field textarea{resize:none;min-height:36px;max-height:calc(7.5em + 12px);padding:4px 11px;overflow-y:auto}.context-modal .field select{min-height:40px;padding:7px 11px}.context-modal .modal-actions{margin-top:0}.context-modal .modal-actions .primary-button,.context-modal .modal-actions .secondary-button{min-height:36px;padding:6px 12px}.covered-lessons{border-top:1px solid var(--line);padding:8px 0 2px}.covered-lessons h3{margin:0 0 4px;font-size:14px}.covered-lessons p,.covered-lessons ul{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.covered-lessons ul{max-height:90px;padding-inline-start:18px;overflow-y:auto}.covered-lessons li+li{margin-top:2px}.covered-legacy{margin-top:6px}.covered-legacy p{white-space:pre-wrap;overflow-wrap:anywhere}.covered-legacy button{color:var(--teal-deep);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-inline-start:-8px;padding:4px 8px;font-size:14px}.covered-legacy button:hover{background:#e6eee8}.modal-top{justify-content:space-between;align-items:start;margin-bottom:24px;display:flex}.modal h2{margin:0;font-size:25px}.modal form{gap:19px;display:grid}.modal form>.field-error{padding-inline:13px}.grade-picker{position:relative}.grade-picker-trigger{width:100%;min-height:45px;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border:1px solid #dfe3dd;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 13px;font-size:14px;font-weight:400;transition:border-color .16s,box-shadow .16s;display:flex}.grade-picker-trigger:hover,.grade-picker-trigger[aria-expanded=true]{border-color:#83ada0;box-shadow:0 0 0 2px #266f6314}.grade-picker-trigger[aria-invalid=true]{border-color:#a23d34}.grade-picker-trigger:focus-visible,.grade-picker-menu button:focus-visible{outline-offset:2px;outline:3px solid #80bbae}.grade-picker-trigger svg{color:var(--teal);transition:transform .16s;transform:rotate(-90deg)}.grade-picker-trigger[aria-expanded=true] svg{transform:rotate(90deg)}.grade-picker-menu{overscroll-behavior:contain;background:#fff;border:1px solid #d9e3dc;border-radius:11px;max-height:min(180px,35dvh);margin-top:8px;padding:9px;scroll-margin-block-end:8px;animation:.15s ease-out grade-menu-enter;overflow-y:auto;box-shadow:0 8px 20px #162a221f}.grade-picker-menu button{min-height:35px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;font-size:14px;transition:background .15s,border-color .15s,color .15s}.grade-picker-menu button:hover{color:var(--teal-deep);background:#f1f7f3}.grade-picker-menu button[aria-pressed=true]{color:var(--teal-deep);border-color:#a9cec0;font-weight:700}.grade-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}@keyframes grade-menu-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.grade-picker-menu{animation:none}.grade-picker-trigger svg{transition:none}}.icon-button{width:32px;height:32px;color:var(--muted);background:#f4f5f2;border:0;border-radius:8px;place-items:center;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}@media (max-width:380px){.modal.context-modal{padding:12px 14px}.context-modal .modal-top h2{font-size:20px}.context-modal .level-pills{gap:6px}.context-modal .level-pills:not(.study-units-options){grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.context-modal .level-pill{padding-inline:6px}}@media (min-width:640px) and (max-height:600px){.modal.context-modal{width:min(100%,740px)}.modal.context-modal form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.context-modal .covered-lessons,.context-modal .modal-actions{grid-column:1/-1}.context-modal form>.field:first-child:not(:has(.study-units-options)){grid-column:1/-1}}@media (max-width:860px),(pointer:coarse) and (max-height:500px){.card-grid{grid-template-columns:1fr}.studio-workspace{grid-template-columns:1fr;gap:0}.studio-explorer{border-inline-end:0!important;border-bottom:1px solid #d4ded8!important}.studio-explorer-list{max-height:260px}.studio-editor-body{padding:18px 16px}}@media (max-width:640px){.duration-pills{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.duration-pills label,.duration-pills span{width:100%}.subject-main{padding-top:20px}.subject-main .navigation-row{min-height:36px;margin-bottom:18px;padding-bottom:8px}.subject-main .subject-heading,.subject-main .lesson-main-tabs,.subject-main .panel-heading{margin-bottom:18px}.student-meta>span:last-child{flex-basis:100%}.student-meta>span:last-child:before{display:none}}@media (max-width:600px){.app-header{height:67px;padding:0 17px}.app-main{width:calc(100% - 34px);padding:31px 0 56px}.navigation-row{margin:-5px 0 27px}.breadcrumbs{gap:7px;max-width:100%;font-size:14px}.breadcrumbs [aria-current=page]{max-width:38vw;font-size:14px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:27px}.page-heading>.primary-button,.subject-picker,.subject-picker>.primary-button{width:100%}.subject-dropdown{width:min(258px,100%);left:auto;right:0}h1{font-size:31px}.panel{padding:19px}.panel-heading{flex-direction:column}.panel-heading>.primary-button{width:100%}.entity-card{min-height:93px;padding:15px}.entity-icon{width:47px;height:47px}.modal{padding:21px}.save-toast{bottom:17px}.app-header{height:78px}.header-brand{padding-bottom:17px}.brand-tagline{font-size:14px;inset-inline-start:7px}.brand-emblem{width:45px;height:45px}.brand-wordmark{font-size:26px}.logo{gap:7px}}.revision-workspace{border-top:1px solid var(--border,#e2e5df);margin-top:22px;padding-top:24px}.revision-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.revision-heading h3{margin:0 0 8px;font-size:21px}.revision-heading p,.revision-submit>span{color:#62736e;font-size:14px}.revision-selection{border-inline-start:3px solid #b58a46;margin:18px 0;padding:4px 16px}.revision-selection>span,.revision-comparison small{color:#62736e;font-size:14px;font-weight:600}.revision-selection blockquote{white-space:pre-wrap;max-height:130px;margin:8px 0;font-size:14px;overflow:auto}.revision-submit{align-items:center;gap:16px;margin:20px 0 28px;display:flex}.revision-source{border-top:1px solid #e2e5df;max-height:520px;padding:0 8px;overflow:auto}.revision-source section{border-bottom:1px solid #edf0eb;padding:18px 0}.revision-source h4{color:#276b61;margin:0 0 12px}.revision-source .lesson-prose{cursor:text}.revision-source mark{color:inherit;background:#f6e8b8;border-radius:2px}.revision-proposal>section{border-top:1px solid #e2e5df;margin-top:24px}.revision-comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid}.revision-comparison>div{min-width:0}.revision-comparison>div:last-child{border-inline-start:2px solid #276b61;padding-inline-start:18px}.revision-comparison .lesson-prose{font-size:14px;line-height:1.9}@media (max-width:600px){.revision-heading,.revision-submit{flex-wrap:wrap}.revision-comparison{grid-template-columns:1fr;gap:12px}}.revision-inline mark{color:inherit;background:#f6e8b8;border-radius:2px}.revision-prompt{background:#fff;border:1px solid #d5e2dc;border-radius:14px;margin:14px 0 22px;padding:18px;box-shadow:0 10px 32px #183e3020}.revision-floating{z-index:80;overscroll-behavior:contain;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;position:fixed;overflow:auto}.revision-prompt .revision-heading{align-items:center;margin-bottom:12px}.revision-prompt .revision-heading button{font-size:24px;line-height:1}.revision-prompt textarea{font-size:14px}.revision-prompt .primary-button{margin-top:12px}.revision-quote{color:#62736e;white-space:pre-wrap;border-inline-start:2px solid #b58a46;max-height:48px;margin:0 0 12px;padding-inline-start:10px;font-size:14px;overflow:auto}.revision-document .lesson-document-title .lesson-prose{font:inherit}.revision-floating{direction:rtl;border-color:#c8dcd3;border-radius:12px;padding:14px 16px;box-shadow:0 8px 28px #183e3026}.revision-floating:before{content:"";left:calc(var(--arrow-left) - 9px);background:#276b61;border-radius:0 0 3px 3px;width:18px;height:3px;display:block;position:absolute;top:0}.revision-floating[data-placement=above]:before{border-radius:3px 3px 0 0;top:auto;bottom:0}.revision-floating .revision-heading{margin-bottom:9px;font-size:14px}.revision-floating .revision-quote{max-height:34px;margin-bottom:10px}.revision-floating textarea{min-height:72px}.generation-progress{z-index:100;box-sizing:border-box;color:#19342d;border:1px solid #cadbd2;border-top:3px solid var(--teal);text-align:right;direction:rtl;background:linear-gradient(155deg,#f2f8f4 0,#fff 145px);border-radius:16px;flex-direction:column;width:min(520px,100vw - 24px);height:min(480px,100dvh - 24px);padding:14px 16px 12px;display:flex;position:fixed;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 44px #142c2826,0 2px 9px #142c2814}.generation-progress:not(:has(.generation-live)){height:auto;max-height:calc(100dvh - 24px)}.generation-progress-head,.generation-activity,.generation-steps,.generation-progress-actions,.generation-live-heading,.generation-wait-note,.generation-live-footnote{flex:none}.generation-progress-head{align-items:center;gap:12px;min-width:0;display:flex}.generation-progress-pulse{width:40px;height:40px;color:var(--teal);background:#e5f1e9;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.generation-progress-pulse:before{content:"";border:1px solid #84b39b;border-radius:50%;animation:2s ease-out infinite generation-pulse;position:absolute;inset:0}.generation-progress-pulse svg{width:25px;height:25px;overflow:visible}.generation-spark{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite generation-sparkle}.generation-progress-heading{flex:1;gap:2px;min-width:0;display:grid}.generation-progress-heading strong{letter-spacing:-.02em;font-size:17px;line-height:1.35}.generation-progress-heading>span{color:#60766d;font-size:14px;line-height:1.45}.generation-activity{background:#f5f8f5;border:1px solid #e4ece5;border-radius:8px;margin-top:10px;padding:8px 10px}.generation-activity-meta{color:#62756b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.generation-connection{align-items:center;gap:6px;display:inline-flex}.generation-connection>span{background:#9a9e95;border-radius:50%;width:6px;height:6px}.generation-connection.connected{color:#276553}.generation-connection.connected>span{background:#277463}.generation-elapsed{align-items:center;gap:7px;display:inline-flex}.generation-elapsed time{font-variant-numeric:tabular-nums;color:#294c3f;min-width:4ch;font-weight:600}.generation-activity p{color:#526a5c;margin:5px 0 0;font-size:14px;line-height:1.5}.generation-steps{justify-content:space-between;gap:4px;margin:12px 0 10px;padding:0;list-style:none;display:flex}.generation-steps li{text-align:center;color:#829189;flex:1;align-content:start;justify-items:center;gap:6px;min-width:0;font-size:14px;line-height:1.3;display:grid;position:relative}.generation-steps li:not(:last-child):after{content:"";top:11px;background:#dce8df;width:calc(100% - 32px);height:1px;position:absolute;inset-inline-start:calc(50% + 16px)}.generation-steps li.done:not(:last-child):after{background:#277463}.generation-steps li.current{color:#1f6254;font-weight:700}.generation-steps li.done{color:#42695b}.generation-step-dot{color:#87978d;background:#fff;border:1px solid #cddbd2;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.generation-steps li.current .generation-step-dot{color:#fff;background:#277463;border-color:#277463;box-shadow:0 0 0 4px #e7f1e9}.generation-steps li.done .generation-step-dot{color:#1f7259;background:#d8f3e5;border-color:#a0d8bb}.generation-progress-actions{border-top:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.generation-progress-actions button{color:#7b5148;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.generation-progress-actions .generation-cancel{color:#b42318}.generation-progress-actions .generation-cancel:hover{color:#912018;background:#fff1f0}.generation-progress-actions .generation-details-toggle{color:var(--teal)}.generation-progress-actions .generation-details-toggle:hover{background:var(--teal-soft);color:var(--teal-deep)}.generation-progress-actions button:focus-visible{outline-offset:3px;outline:2px solid}.generation-details-toggle svg{flex:none;width:15px;height:15px;transition:transform .16s}.generation-details-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.generation-live{border-top:1px solid #edf0eb;flex-direction:column;flex:1;min-height:0;margin-top:6px;padding-top:6px;display:flex}.generation-live-heading{border-bottom:1px solid #d9e5dd;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;padding:2px 0 6px;display:flex}.generation-live-heading h3{color:#1c4d40;border-inline-start:3px solid #277463;margin:0;padding-inline-start:10px;font-size:14px;font-weight:700;line-height:1.4}.generation-live-heading>span{color:#688075;font-size:14px}.generation-live-list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bccfc1 transparent;flex:1;align-content:start;gap:0;min-height:0;margin:0;padding:3px 0;list-style:none;display:grid;overflow-y:auto}.generation-live-list li{color:#65786e;align-items:baseline;gap:10px;padding:5px;font-size:14px;line-height:1.45;display:flex;position:relative}.generation-live-list li:before{content:"";z-index:1;background:#cadbd2;border-radius:50%;flex:none;width:6px;height:6px;position:relative}.generation-live-list li:not(:last-child):after{content:"";inset-inline-start:7.5px;background:#e1eae4;width:1px;position:absolute;top:18px;bottom:-9px}.generation-live-list li:last-child{color:#193e32;font-weight:600}.generation-live-list li:last-child:before{background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.generation-wait-note{color:#7a5946;margin:9px 0 0;font-size:14px;line-height:1.5}.generation-live-footnote{color:#72857a;margin:6px 0 0;font-size:14px;line-height:1.5}@keyframes generation-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}@keyframes generation-sparkle{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.generation-progress-pulse:before,.generation-spark{animation:none}.generation-details-toggle svg{transition:none}}@media (max-width:600px){.generation-progress{padding:12px}.generation-steps li{font-size:14px}}@media (max-width:400px) and (min-height:561px){.generation-progress{height:min(520px,100dvh - 24px)}}@media (max-height:560px){.generation-progress{height:min(420px,100dvh - 24px);padding:10px 12px}.generation-progress-heading>span{display:none}.generation-progress-heading>.generation-student-note{display:block}.generation-progress-pulse{width:32px;height:32px}.generation-progress-pulse svg{width:22px;height:22px}.generation-steps{margin:8px 0}.generation-steps li{gap:4px}.generation-live-footnote{display:none}}@media (max-width:400px) and (max-height:560px){.generation-progress:has(.generation-student-note){height:min(456px,100dvh - 24px)}}@media (min-width:540px) and (max-height:500px){.generation-progress:has(.generation-live){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;width:min(760px,100vw - 24px);height:min(320px,100dvh - 24px);display:grid}.generation-progress-head{grid-area:1/1}.generation-activity{grid-area:2/1;margin:0}.generation-steps{grid-area:3/1;align-self:center;margin:0}.generation-progress-actions{grid-area:4/1;padding-top:4px}.generation-live{border-top:0;border-inline-start:1px solid #d9e5dd;grid-area:1/2/-1;height:100%;margin:0;padding-block:0;padding-inline-start:14px}.generation-progress-actions button{padding-inline:6px}}.context-invitation{border:1px solid #e1e7e2;border-inline-start:3px solid var(--teal);background:var(--paper);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex;box-shadow:0 3px 12px #23363009}.context-invitation p{gap:3px;margin:0;line-height:1.5;display:grid}.context-invitation strong{color:var(--ink);font-size:15px}.context-invitation p span{color:var(--muted);font-size:14px}.context-invitation-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.context-invitation-action{border:0;min-height:36px;color:var(--teal-deep);white-space:nowrap;background:0 0;border-bottom:1px solid #93b7aa;padding:5px 3px;font-size:14px;font-weight:700}.context-invitation-action:hover{border-bottom-color:var(--teal-deep);color:#184a41}.context-invitation-close{color:#80908a;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid}.context-invitation-close:hover{color:var(--teal-deep);background:#f1f4f1}.student-avatar{border-radius:18px;flex-shrink:0;place-items:center;width:55px;height:55px;display:grid}.avatar-0{color:#28604c;--graduate-gown:#c2e2d0;--graduate-trim:#60977b;--graduate-cap:#94c6aa;--graduate-band:#72ad8d}.avatar-1{color:#355d86;--graduate-gown:#cbdcf1;--graduate-trim:#7396c1;--graduate-cap:#a9c6e7;--graduate-band:#83acd7}.avatar-2{color:#75518b;--graduate-gown:#e1d0ec;--graduate-trim:#a37ab7;--graduate-cap:#cdb1df;--graduate-band:#b58fca}.avatar-3{color:#885c30;--graduate-gown:#f0d9b8;--graduate-trim:#bd9162;--graduate-cap:#e4bf90;--graduate-band:#cfa676}.avatar-4{color:#8a4c61;--graduate-gown:#edcbd3;--graduate-trim:#bd8294;--graduate-cap:#dfadb9;--graduate-band:#ca91a2}.avatar-custom{color:var(--student-color);--graduate-gown:color-mix(in srgb,var(--student-color) 35%,white);--graduate-trim:color-mix(in srgb,var(--student-color) 70%,white);--graduate-cap:color-mix(in srgb,var(--student-color) 52%,white);--graduate-band:color-mix(in srgb,var(--student-color) 68%,white)}.lesson-main-tabs button{gap:7px}.draft-dot{color:var(--teal);font-size:18px;line-height:1}.lesson-review[hidden]{display:none}@media (max-width:640px){.context-invitation{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 16px}.context-invitation-actions{justify-content:space-between;width:100%}.student-meta>span{white-space:normal}}.studio-workspace{height:clamp(580px,100dvh - 240px,960px);box-shadow:none;border-color:#cad5ce;border-radius:5px;grid-template-rows:minmax(0,1fr) 27px}.studio-explorer{background:#f0f3ef}.studio-explorer-header{background:#f0f3ef;border-bottom:0;flex-wrap:wrap;gap:8px;height:auto;min-height:44px;padding:8px 12px}.studio-explorer-folder{color:#344e42;border-block:1px solid #dce3dd;align-items:center;gap:7px;min-height:32px;padding:5px 12px;font-size:14px;display:flex}.studio-explorer-folder>span:last-child{color:var(--muted);margin-inline-start:auto;font-size:14px}.studio-lesson-search{flex:none;padding:10px 10px 6px}.studio-lesson-search input{width:100%;min-width:0;min-height:34px;color:var(--ink);background:#fff;border:1px solid #ccd8ce;border-radius:5px;padding:7px 10px;font-size:14px}.studio-lesson-search input::placeholder{color:#728077}.studio-search-empty{color:var(--muted);margin:0;padding:12px;font-size:14px;line-height:1.6}.studio-explorer-list{gap:4px;padding:4px 6px 10px}.studio-explorer-list .saved-lesson{border-top:0;border-inline-start-width:3px;border-radius:5px;align-items:center;gap:3px;padding:0 2px 0 5px}.studio-explorer-list .saved-lesson>.saved-lesson-select{align-self:stretch;gap:8px;padding:11px 7px}.studio-explorer-list .saved-lesson:hover{background:#e1e8e1}.studio-explorer-list .saved-lesson.active-file{background:#dce9e1}.studio-explorer-list .saved-lesson.active-file:hover{background:#ccdcd1}.saved-lesson-meta{gap:5px}.saved-lesson-meta strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.55;display:-webkit-box}.saved-lesson-meta small{font-size:14px;line-height:1.5}.saved-lesson-details{color:#667b73;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;line-height:1.5;display:flex}.saved-lesson-taught{color:#24553f;background:#cce2d3;border-radius:3px;padding:1px 5px;font-weight:600}.studio-explorer-list .saved-lesson:focus-within{outline:2px solid var(--focus-ring);outline-offset:-2px}.studio-editor-tabbar{background:#e8ede7;gap:0;height:37px;min-height:37px}.studio-tab{background:#e0e7e0;border-top-width:1px;flex:none;width:220px;max-width:260px;height:37px;font-size:14px}.studio-tab:hover{background:#cfdbd1}.studio-tab.active,.studio-active-tab{border-top-width:1px!important}.studio-editor-toolbar{background:#fafcf9;border-bottom:1px solid #e1e7e0;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:39px;padding:4px 10px;display:flex}.studio-file-path{color:#687b70;flex:1;align-items:center;gap:7px;min-width:0;font-size:14px;display:flex}.studio-file-path>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#3b5346;overflow:hidden}.studio-file-path>svg{color:var(--teal);flex:none}.studio-editor-actions{direction:rtl;gap:5px;padding:0}.studio-editor-actions .lesson-edit-toggle,.studio-editor-actions .lesson-taught-toggle{border-radius:4px;width:116px;min-width:116px;height:30px;min-height:30px;font-size:14px}.studio-editor-actions .lesson-edit-toggle{justify-content:center;overflow:hidden}.studio-editor-actions .lesson-edit-toggle:after{inset-inline-start:10px;width:18px;transition:width .18s ease-out,background-color .18s;bottom:2px;transform:none}.studio-editor-actions .lesson-edit-toggle:hover:after,.studio-editor-actions .lesson-edit-toggle[aria-pressed=true]:after{width:calc(100% - 20px)}.studio-editor-actions .lesson-edit-toggle:hover svg,.studio-editor-actions .lesson-edit-toggle[aria-pressed=true] svg{transform:translateY(-1px)rotate(-7deg)}.studio-editor-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.studio-editor-body>.revision-inline{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-editor-body .lesson-review-note{box-shadow:none;color:#52675c;background:#fff;border:0;border-bottom:1px solid #edf0ea;border-radius:0;flex:none;order:0;align-self:stretch;margin:0;padding:7px 18px;font-size:14px;font-weight:400}.studio-editor-body .revision-document{scrollbar-width:thin;scrollbar-color:#bccfc1 transparent;flex:1;order:1;min-height:0;padding:24px 30px;overflow:auto}.studio-editor-body .lesson-document-title{margin-bottom:8px;font-size:22px}.studio-editor-body .lesson-document-controls{background:#fff;border-bottom:1px solid #edf0ea;flex-wrap:wrap;flex:none;order:0;align-items:center;gap:4px 12px;min-width:0;padding:4px 12px;display:flex;container:document-controls/inline-size}.studio-editor-body .lesson-section-navigation{min-width:0;box-shadow:none;background:0 0;flex:none;margin:0;padding:0;position:static}.studio-editor-body .lesson-section-navigation .lesson-tabs{margin:0}.studio-editor-body .lesson-section-navigation .lesson-tabs button{white-space:normal;min-width:0;min-height:30px;padding:4px 12px;font-size:14px}.studio-editor-body .revision-inline>.revision-prompt{box-shadow:none;background:#f6f8f4;border:0;border-top:1px solid #bbcdbf;border-radius:0;flex:none;order:2;margin:0;padding:12px 20px;overflow:visible}.studio-editor-body .revision-prompt .revision-heading{color:var(--teal-deep);border-bottom:1px solid #dce5dc;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:14px}.studio-editor-body .revision-prompt textarea{border-radius:4px;min-height:52px;max-height:100px;padding:8px 10px;font-size:14px}.studio-editor-body .revision-prompt .primary-button{border-radius:4px;min-height:30px;margin-top:8px;padding:5px 13px;font-size:14px}.studio-editor-body .revision-proposal{order:2;min-height:0;padding:16px 24px;overflow:auto}.studio-editor-body>.lesson-review-actions{background:#fafcf9;border-top:1px solid #e1e7e0;flex:none;margin:0;padding:4px 16px}.studio-editor-body>.lesson-error{flex:none;margin:12px 16px}.studio-splitter{bottom:27px}.studio-statusbar{background:var(--teal-deep);color:#fff;grid-column:1/-1;align-items:center;gap:18px;min-width:0;padding:0 12px;font-size:14px;display:flex}.studio-statusbar>span:last-child{margin-inline-start:auto}@media (max-width:860px),(pointer:coarse) and (max-height:500px){.studio-workspace{grid-template-rows:auto minmax(0,1fr) 27px;height:750px;min-height:580px}.studio-workspace.sidebar-collapsed{grid-template-rows:minmax(0,1fr) 27px}.studio-explorer{max-height:250px}.studio-explorer-list{max-height:150px}.studio-splitter{display:none}.studio-editor-body .revision-document{padding:18px}.studio-file-path{flex-basis:100%}.studio-editor-toolbar{gap:4px}.studio-statusbar{gap:8px;font-size:14px}.studio-statusbar>span:nth-child(2){display:none}}.studio-mobile-lessons-toggle{display:none}.study-units-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.unit-level-hint{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:1.65}@media (max-width:860px),(pointer:coarse) and (max-height:500px){.studio-workspace,.studio-workspace.sidebar-collapsed{grid-template-rows:minmax(0,1fr) 27px;grid-template-columns:minmax(0,1fr);height:clamp(560px,100dvh - 170px,850px);min-height:560px}.studio-workspace .studio-explorer{display:none!important}.studio-workspace.mobile-explorer-open .studio-explorer{z-index:20;width:min(340px,100%);height:min(430px,100% - 64px);max-height:none;position:absolute;inset-block-start:37px;inset-inline-start:0;box-shadow:0 12px 28px #19312626;border-inline-end:1px solid #cbd8ce!important;border-bottom:1px solid #cbd8ce!important;display:flex!important}.studio-workspace.mobile-explorer-open .studio-explorer-list{max-height:none}.studio-editor{grid-area:1/1}.studio-statusbar{grid-row:2}.studio-editor-tabbar>.studio-sidebar-expand-btn,.studio-editor-empty>.studio-sidebar-expand-btn{display:none}.studio-mobile-lessons-toggle{border:0;min-width:100px;color:var(--teal-deep);background:0 0;border-inline-end:1px solid #cbd8ce;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:14px;font-weight:700;display:inline-flex}.studio-mobile-lessons-toggle:hover,.studio-mobile-lessons-toggle[aria-expanded=true]{background:#dce8df}.studio-mobile-empty-toggle{border:1px solid #cbd8ce;border-radius:5px;min-height:38px;margin-bottom:22px}.studio-file-path{display:none}.studio-editor-toolbar{min-height:42px;padding:5px 10px}.studio-editor-actions{justify-content:flex-start;width:100%}}@media (max-width:420px){.studio-mobile-lessons-toggle{gap:4px;min-width:77px;padding:0 7px}.studio-mobile-lessons-toggle .studio-file-count{display:none}.studio-editor-actions .lesson-edit-toggle,.studio-editor-actions .lesson-taught-toggle{flex:1 1 0;width:auto;min-width:0;padding-inline:8px}.studio-editor-actions .lesson-download-button{flex:none}}.app-main{width:min(1600px,100% - 32px);padding-top:6px}.header-brand{padding-bottom:0}.navigation-row{background:0 0;border:0;align-items:center;gap:20px;min-height:48px;margin:0 0 24px;padding:0;display:flex}.navigation-row .header-brand{flex:none}.workspace-navigation{flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.workspace-navigation:empty{display:none}.workspace-navigation .breadcrumbs{flex:none;gap:8px;font-size:14px}.workspace-navigation .breadcrumbs button{min-height:26px;padding:2px 4px}.workspace-navigation .workspace-current-student{flex:0 auto;min-width:0;max-width:240px}.workspace-current-subject{max-width:min(200px,35vw);min-height:28px;color:var(--teal-deep);flex:none;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.workspace-current-subject>svg{color:#a5b7ad;flex:none}.workspace-current-subject>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-main .page-heading .student-meta>span:last-child{flex-basis:auto}.roster-main .page-heading .student-meta>span+span:before{display:inline}.roster-main .page-heading>.page-action-button,.roster-main .subject-picker>.page-action-button{min-width:144px}.brand-emblem{width:38px;height:38px}.brand-wordmark{font-size:26px}.workspace-back-button{min-height:28px;color:var(--teal-deep);white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:none;align-items:center;gap:5px;padding:3px 4px;font-size:14px;font-weight:700;display:inline-flex}.workspace-back-button>svg{transform:rotate(180deg)}.workspace-back-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject-main .workspace-back-button{min-width:0;max-width:min(240px,100vw - 130px)}.navigation-row .breadcrumbs{gap:10px}@media (max-width:600px){.app-main{width:calc(100% - 16px);padding-top:4px}.navigation-row{gap:12px;min-height:44px}.brand-emblem{width:32px;height:32px}.brand-wordmark{font-size:23px}}@media (max-width:400px){.brand-wordmark{font-size:20px}.navigation-row{gap:8px}.workspace-navigation,.workspace-navigation .breadcrumbs,.workspace-current-subject{gap:4px}}.app-main{width:min(1280px,100% - 64px);padding:28px 0 48px}.workspace-topbar{display:contents}.app-shell:has(.subject-main) .subject-main{flex:none;width:min(1280px,100% - 64px);padding:28px 0 48px;display:block}.app-shell:has(.subject-main) .workspace-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px 24px;margin-bottom:28px;display:grid}.app-shell:has(.subject-main) .navigation-row{grid-column:1/-1;gap:24px;min-width:0;min-height:48px;margin:0;padding:0}.subject-main .workspace-navigation{flex:1}.subject-main .workspace-navigation .workspace-back-button{color:var(--muted);flex-shrink:1;font-weight:400}.workspace-back-button{min-height:44px;padding:10px 8px}.app-shell:has(.subject-main) .breadcrumbs button{min-height:44px;padding:10px 8px}.app-shell:has(.subject-main) .page-heading.subject-heading{display:contents}.app-shell:has(.subject-main) .subject-heading>div{flex-direction:column;align-items:start;gap:8px;min-width:0;display:flex}.app-shell:has(.subject-main) .subject-heading h1{order:-1;font-size:32px;line-height:1.3}.app-shell:has(.subject-main) .subject-meta{gap:10px;margin:0;font-size:15px}.app-shell:has(.subject-main) .context-trigger{min-height:48px;padding:12px 16px;font-size:16px}.app-shell:has(.subject-main) .subject-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid;overflow:visible}.app-shell:has(.studio-workspace) .context-invitation{display:none}.app-shell:has(.subject-main) .lesson-main-tabs{min-height:48px;margin:0}.app-shell:has(.subject-main) .lesson-main-tabs button{min-height:48px;padding:12px 18px;font-size:16px}.app-shell:has(.subject-main) .studio-workspace{border-radius:12px;grid-template-rows:auto auto;align-items:start;height:auto;min-height:0;margin:0;overflow:visible}.app-shell:has(.subject-main) .studio-editor{height:auto;min-height:0;overflow:visible;border-start-end-radius:12px!important}:is(.app-shell:has(.subject-main) .studio-editor-body,.app-shell:has(.subject-main) .revision-inline){flex-direction:column;flex:none;height:auto;min-height:0;display:flex;overflow:visible}.app-shell:has(.subject-main) .revision-document{overscroll-behavior:auto;flex:none;width:100%;max-width:82ch;height:auto;max-height:none;margin-inline:auto;padding:32px clamp(20px,3vw,40px);font-size:16px;line-height:1.85;overflow:visible}.app-shell:has(.subject-main) .revision-document .lesson-document{font-size:inherit;line-height:inherit}.app-shell:has(.subject-main) .lesson-document-title{margin-bottom:12px;font-size:28px;line-height:1.4}.app-shell:has(.subject-main) .lesson-objective{margin-bottom:28px;font-size:16px;line-height:1.8}.app-shell:has(.subject-main) .lesson-exercise{padding-block:24px}.app-shell:has(.subject-main) .lesson-topic-heading{margin-block:32px 16px;padding-bottom:12px;font-size:22px}.app-shell:has(.subject-main) .lesson-review-note{white-space:normal;flex-wrap:wrap;align-self:auto;min-width:0;max-width:100%;padding:0;font-size:14px;line-height:1.6}.app-shell:has(.subject-main) .lesson-review-note>span{white-space:normal;text-overflow:clip;flex:1;min-width:0;overflow:visible}.app-shell:has(.subject-main) .lesson-document-controls{z-index:4;border-top:1px solid var(--line);gap:12px;padding:12px 16px;position:sticky;top:0;box-shadow:0 2px 4px #1d2c2908}.app-shell:has(.subject-main) .lesson-section-navigation .lesson-tabs button{min-height:44px;padding:10px 16px;font-size:15px}.app-shell:has(.subject-main) .studio-editor-tabbar{border-start-end-radius:12px;height:auto;min-height:48px}.app-shell:has(.subject-main) .studio-tab{height:48px;min-height:48px}.app-shell:has(.subject-main) .studio-tab-close{min-width:28px;min-height:28px}.app-shell:has(.subject-main) .studio-editor-toolbar{flex-wrap:wrap;gap:16px;min-height:64px;padding:12px 16px}.app-shell:has(.subject-main) .studio-editor-actions{flex-wrap:wrap;gap:10px;padding:0}.app-shell:has(.subject-main) .studio-editor-actions>button{height:auto;min-height:44px;padding-block:10px}.app-shell:has(.subject-main) .studio-explorer{align-self:start;height:auto;min-height:240px;max-height:calc(100dvh - 48px);position:sticky;top:24px;border-start-start-radius:12px!important}.app-shell:has(.subject-main) .studio-explorer-header{min-height:56px;padding:12px}:is(.app-shell:has(.subject-main) .studio-new-file-btn,.app-shell:has(.subject-main) .studio-sidebar-toggle-btn){width:36px;height:36px}.app-shell:has(.subject-main) .studio-lesson-search input{min-height:44px;font-size:16px}.app-shell:has(.subject-main) .studio-explorer-list{max-height:calc(100dvh - 250px)}.app-shell:has(.subject-main) .studio-splitter{bottom:44px}.app-shell:has(.subject-main) .studio-statusbar{border-end-end-radius:12px;border-end-start-radius:12px;flex-wrap:wrap;gap:12px;min-height:44px;padding:12px 16px}.app-shell:has(.subject-main) .studio-editor-empty{min-height:320px;padding:40px 24px}.app-shell:has(.subject-main) .lesson-review-actions{gap:12px;padding:16px 24px}.app-shell:has(.subject-main) .revision-proposal{max-height:none;padding:24px;overflow:visible}@media (max-width:860px),(pointer:coarse) and (max-height:500px){.app-shell:has(.subject-main) .studio-workspace{grid-template-columns:minmax(0,1fr)}.app-shell:has(.subject-main) .studio-workspace.mobile-explorer-open .studio-explorer{top:calc(var(--visible-top,0px) + 12px);width:min(360px,100% - 32px);height:auto;min-height:0;max-height:calc(var(--visible-height,100dvh) - 24px);z-index:30;position:fixed;inset-inline-start:max(16px,env(safe-area-inset-right));border:1px solid var(--line)!important;border-radius:12px!important}.app-shell:has(.subject-main) .studio-workspace.mobile-explorer-open .studio-explorer-list{max-height:calc(var(--visible-height,100dvh) - 205px)}.app-shell:has(.subject-main) .studio-editor{border-start-start-radius:12px!important}.app-shell:has(.subject-main) .studio-mobile-lessons-toggle{min-height:48px}.app-shell:has(.subject-main) .studio-editor-actions{width:auto}:is(.app-shell:has(.subject-main) .studio-new-file-btn,.app-shell:has(.subject-main) .studio-sidebar-toggle-btn){width:44px;height:44px}}@media (max-width:600px){.app-main{width:calc(100% - 32px);padding-top:20px;padding-bottom:32px}.app-shell:has(.subject-main) .subject-main{width:calc(100% - 32px);padding-top:20px;padding-bottom:32px}.app-shell:has(.subject-main) .workspace-topbar{gap:20px 12px;margin-bottom:24px}.app-shell:has(.subject-main) .navigation-row{gap:12px;min-height:44px}.app-shell:has(.subject-main) .subject-heading h1{font-size:28px}.app-shell:has(.subject-main) .context-trigger{gap:6px;padding:10px 12px;font-size:14px}.app-shell:has(.subject-main) .subject-layout{gap:20px}.app-shell:has(.subject-main) .revision-document{padding:24px 16px}.app-shell:has(.subject-main) .lesson-document-title{font-size:24px}.app-shell:has(.subject-main) .lesson-exercise{padding-block:20px}.app-shell:has(.subject-main) .lesson-document-controls{gap:10px;padding:10px 8px}.app-shell:has(.subject-main) .lesson-section-navigation{width:100%}.app-shell:has(.subject-main) .lesson-section-navigation .lesson-tabs{width:100%;display:flex}.app-shell:has(.subject-main) .lesson-section-navigation .lesson-tabs button{flex:1;min-width:0;padding:10px 6px;font-size:14px}.app-shell:has(.subject-main) .studio-editor-toolbar{gap:12px;padding:12px}.app-shell:has(.subject-main) .studio-editor-actions{gap:8px;width:100%}.app-shell:has(.subject-main) .studio-tab-close{min-width:44px;min-height:44px}.app-shell:has(.subject-main) .studio-statusbar{display:flex}.app-shell:has(.subject-main) .lesson-review-actions{padding:16px}.delete-item-button,.edit-student-button,.lesson-download-button,.studio-editor-actions .lesson-download-button{min-width:44px;min-height:44px}.lesson-error-retry,.grade-picker-grid button{min-height:44px}}.subject-main .lesson-panel{flex:none;gap:28px;padding:32px;display:grid}.subject-main .lesson-panel .panel-heading{margin:0}.subject-main .lesson-panel .overline{margin-bottom:6px;font-size:14px}.subject-main .lesson-panel .panel-heading h2{font-size:24px;line-height:1.4}.subject-main .lesson-panel .panel-heading p:last-child{margin-top:8px;font-size:16px;line-height:1.7}.subject-main .lesson-panel .lesson-controls{gap:24px;margin:0}.subject-main .lesson-panel .lesson-controls>.material-choice:last-child{padding-inline-start:24px}.subject-main .lesson-panel legend{margin-bottom:12px;font-size:16px}.subject-main .lesson-panel .duration-pills span,.subject-main .lesson-panel .material-switch span{min-height:48px;padding:10px 18px;font-size:16px}.subject-main .lesson-panel .field{gap:8px}.subject-main .lesson-panel .field textarea{resize:vertical;height:128px;min-height:128px;padding:12px}.subject-main .lesson-panel .material-description{margin:0;font-size:16px;line-height:1.7}.subject-main .lesson-panel .lesson-generate{min-height:48px;padding:12px 20px;font-size:16px}.subject-main .lesson-panel .coming-note{margin:0;font-size:14px;line-height:1.6}.subject-main .lesson-panel .availability-note{margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.subject-main .context-invitation{flex:none;gap:16px;padding:14px 16px}.subject-main .context-invitation p{font-size:16px;line-height:1.7}.subject-main .context-invitation-action{min-height:44px;font-size:14px}@media (max-width:640px){.subject-main .lesson-panel{gap:24px;padding:24px 20px}.subject-main .lesson-panel .lesson-controls{grid-template-columns:minmax(0,1fr);gap:18px}.subject-main .lesson-panel .lesson-controls>.material-choice:last-child{border-inline-start:0;border-top:1px solid var(--line);padding-top:16px;padding-inline-start:0}.subject-main .lesson-panel .material-switch{gap:8px;min-height:44px}.subject-main .lesson-panel .material-switch span{min-height:44px;padding:8px 10px;font-size:14px}.subject-main .lesson-panel .duration-pills{gap:8px}.subject-main .lesson-panel .duration-pills span{min-height:44px;padding:8px;font-size:14px}.subject-main .context-invitation{flex-direction:column;align-items:stretch}.subject-main .context-invitation-actions{width:auto}.subject-main .context-invitation,.subject-main .lesson-panel .overline{display:none}}@media (pointer:coarse){input:not([type=radio]):not([type=checkbox]):not([type=color]),textarea,select{font-size:16px!important}.revision-floating{width:min(520px,100vw - 24px);max-width:none}.revision-floating:before{display:none}.revision-floating .revision-heading button{min-width:44px;min-height:44px}.revision-floating .primary-button{min-height:44px}}button:hover:not(:disabled){background-image:linear-gradient(#0000001a,#0000001a)}button.logo:hover:not(:disabled),button.student-card-open:hover:not(:disabled),.studio-explorer-list .saved-lesson>button:first-child:hover:not(:disabled){background-image:none}.account-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.account-card{background:#fff;border:1px solid #d7e5de;border-radius:18px;width:min(100%,440px);padding:28px}.account-card p{line-height:1.6}.hosted-account{text-align:start;position:relative}.account-tools{background:#fff;border:1px solid #d7e5de;border-radius:12px;max-height:60dvh;padding:16px;overflow:auto}.account-tools h2{font-size:18px}.account-tools p{font-size:14px;line-height:1.6}.app-shell{padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom)}.native-dialog{top:var(--visible-top,0px);height:var(--visible-height,100dvh);padding-block:max(var(--dialog-edge),env(safe-area-inset-top)) max(var(--dialog-edge),env(safe-area-inset-bottom));bottom:auto}.native-dialog>.modal{max-height:calc(var(--visible-height,100dvh) - 2 * var(--dialog-edge) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.generation-progress{bottom:calc(var(--visible-bottom,0px) + max(12px,env(safe-area-inset-bottom)));max-height:calc(var(--visible-height,100dvh) - 24px);height:min(480px,calc(var(--visible-height,100dvh) - 24px))}.generation-progress:not(:has(.generation-live)){height:auto}.save-toast{bottom:calc(var(--visible-bottom,0px) + max(17px,env(safe-area-inset-bottom)))}.account-page{min-height:var(--visible-height,100dvh);padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media (max-width:860px),(pointer:coarse) and (max-height:500px){input:not([type=radio]):not([type=checkbox]):not([type=color]),textarea,select{font-size:16px!important}.app-main{padding-inline:max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-left))}.native-dialog .modal-actions{flex-wrap:wrap}.native-dialog .modal-actions button{white-space:normal;min-height:44px}.native-dialog .icon-button{min-width:44px;min-height:44px}.studio-lesson-search input{min-height:44px}}@media (max-width:600px){.revision-floating{width:calc(100vw - 24px);max-width:none}.revision-floating:before{display:none}.revision-floating .revision-heading button{min-width:44px;min-height:44px}.revision-floating .primary-button{min-height:44px}.account-card{padding:22px 18px}}html[data-keyboard-open] .app-shell:has(#create-lesson-panel){inset-inline:0;top:var(--visible-top,0px);position:fixed}html[data-keyboard-open]:has(#create-lesson-panel){height:100%;min-height:0;overflow:hidden}html[data-keyboard-open]:has(#create-lesson-panel) body{height:100%;min-height:0;overflow:hidden}html[data-keyboard-open] .app-shell:has(#create-lesson-panel){height:var(--visible-height);min-height:0;overflow:hidden}:is(html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .subject-main,html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .subject-layout){flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}html[data-keyboard-open] .app-shell{padding-block:0}html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .workspace-topbar{margin-bottom:8px;display:block}html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .subject-main{padding-block:8px}html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .navigation-row{gap:8px;min-height:44px}html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .header-brand{display:none}html[data-keyboard-open] .app-shell:has(#create-lesson-panel) .workspace-navigation{flex-basis:auto;order:0}html[data-keyboard-open] .subject-heading>div,html[data-keyboard-open] .subject-main .context-trigger,html[data-keyboard-open] .subject-main .context-invitation,html[data-keyboard-open] .lesson-main-tabs{display:none!important}html[data-keyboard-open] .subject-main .lesson-panel{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow:auto}html[data-keyboard-open] .lesson-panel>.panel-heading,html[data-keyboard-open] .lesson-panel>.lesson-controls,html[data-keyboard-open] .lesson-panel>.material-description,html[data-keyboard-open] .lesson-panel>.coming-note{display:none}html[data-keyboard-open] .lesson-panel>.field{flex:1;min-height:100px}html[data-keyboard-open] .lesson-panel>.field textarea{resize:none;flex:1;height:auto;min-height:72px}html[data-keyboard-open] .lesson-panel .lesson-generate{flex:none;min-height:44px}html[data-keyboard-open] .studio-editor-body .revision-inline>.revision-prompt{max-height:calc(var(--visible-height) - 90px);overscroll-behavior:contain;min-height:0;padding:10px 12px;overflow:auto}html[data-keyboard-open] .studio-editor-body .revision-prompt .primary-button{min-height:44px}html[data-keyboard-open] .studio-editor-body .revision-prompt textarea{min-height:64px;max-height:100px}html[data-keyboard-open] .studio-editor-body .revision-prompt .revision-heading button{min-width:44px;min-height:44px}html[data-keyboard-open] .account-page{inset-inline:0;top:var(--visible-top,0px);height:var(--visible-height);align-items:start;min-height:0;padding-top:16px;padding-bottom:16px;position:fixed;overflow:auto}html[data-keyboard-open] .account-card{max-height:calc(var(--visible-height) - 32px);overscroll-behavior:contain;overflow:auto}.modal.account-modal{width:min(100%,520px);padding:0;overflow:auto}.navigation-row .header-auth-button{white-space:nowrap;flex:none;min-height:44px;margin-inline-start:auto;padding:8px 12px}.navigation-row .hosted-account{flex:none;margin-inline-start:auto}.navigation-row .account-settings-button{border-radius:8px;place-items:center;width:44px;height:44px;padding:8px;display:grid}.navigation-row .account-settings-button:hover{background:var(--teal-soft)}.account-modal .account-tools{background:0 0;border:0;max-height:none;padding:0 28px;overflow:visible}.account-modal .modal-top{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:start;margin:0;padding:24px 28px 20px;position:sticky;top:0}.account-modal .modal-top h2{margin:0;font-size:24px}.account-modal .modal-top .icon-button{flex:none;width:44px;min-width:44px;height:44px}.account-email{text-align:right;overflow-wrap:anywhere;color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.5}.account-section{padding:24px 0}.account-section h3{margin:0 0 8px;font-size:18px}.account-modal .account-section p{color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.6}.account-modal .account-backup-button{width:100%;min-height:48px}.account-modal .account-privacy-note{margin:10px 0 0;font-size:14px}.account-footer{border-top:1px solid var(--line);padding:12px 28px}.account-footer button{min-height:44px;font-size:16px}.account-modal .auth-error,.account-progress{margin:16px 0 0}@media (max-width:600px){.account-modal .modal-top{padding:20px}.account-modal .account-tools{padding:0 20px}.account-section{padding:20px 0}.account-footer{padding:12px 20px}.app-shell .navigation-row:has(.hosted-account){flex-wrap:wrap;row-gap:4px}.app-shell .navigation-row:has(.header-auth-button){flex-wrap:wrap;row-gap:4px}.navigation-row:has(.header-auth-button) .workspace-navigation{flex-basis:100%;order:1;min-width:0}.navigation-row .hosted-account{flex:none;margin-inline-start:auto}.navigation-row .hosted-account>button{min-height:44px;padding:8px;font-size:14px}.navigation-row:has(.hosted-account) .workspace-navigation{flex-basis:100%;order:1;min-width:0}.studio-editor-tabbar,.studio-tab{height:44px;min-height:44px}.studio-workspace.mobile-explorer-open .studio-explorer{inset-block-start:44px}.studio-tab-close{min-width:36px;min-height:36px}.studio-editor-actions .lesson-edit-toggle,.studio-editor-actions .lesson-taught-toggle,.studio-editor-actions .lesson-download-button{height:40px;min-height:40px}.studio-editor-body .lesson-section-navigation .lesson-tabs button{min-height:38px}.subject-option{min-height:44px}.grade-picker-grid button{min-height:40px}}