:root{font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f6f7f9;--surface:#fff;--text:#202a34;--muted:#596775;--border:#d8dfe5;--soft:#eef2f4;--accent:#176446;--on-accent:#fff;color:var(--text);background:var(--canvas);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{touch-action:manipulation}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{-webkit-backdrop-filter:blur(10px)saturate(125%);transition:background .15s,box-shadow .15s,transform .15s;box-shadow:inset 0 1px #ffffff2e}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.045em;font-size:2rem;font-weight:650;line-height:1.2}h2{letter-spacing:-.025em;font-size:1.25rem;font-weight:650}h3{font-size:1rem;font-weight:650}h4{font-size:.93rem;line-height:1.5}p{line-height:1.65}svg{flex-shrink:0}strong{font-weight:600}small{font-size:.75rem}.muted{color:var(--muted)}.small{font-size:.8rem}.accent{color:var(--accent)}.dot{padding:0 .3rem}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:.66rem;font-weight:700;line-height:1.8}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preview-bar{color:#edf6f1;background:#173f36;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 26px;font-size:.7rem;display:flex}.preview-dot{background:#a6d7b7;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.view-switch{gap:3px;display:flex}.view-switch button{color:#d3e5dd;background:0 0;border:0;border-radius:5px;padding:4px 12px;font-size:.69rem}.view-switch button[aria-pressed=true]{color:#fff;background:#ffffff24}.app-shell{min-height:calc(100vh - 40px);display:flex}.sidebar{background:var(--sidebar-colour);color:#fff;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;padding:28px 18px 0;display:flex;position:relative}.sidebar-brand{justify-content:space-between;padding:0 12px 28px;display:flex}.brand-link{color:inherit;text-decoration:none}.brand-link:hover{opacity:.88}.sidebar .brand-mark{background:#fff}.sidebar .brand-mark svg{fill:var(--sidebar-colour)}.sidebar .brand-dot,.sidebar .school-label small,.sidebar .nav-heading,.sidebar .nav-item,.sidebar .nav-note,.sidebar .quiet-card,.sidebar .quiet-card p,.sidebar .user-card small{color:#fff}.sidebar .school-label,.sidebar .user-card{border-color:#ffffff38}.sidebar .school-avatar,.sidebar .quiet-card,.sidebar .avatar{color:#fff;background:#00000020}.sidebar .nav-item.selected{color:#fff;background:#ffffff21;position:relative;box-shadow:inset 0 1px #ffffff17}.sidebar .nav-item.selected:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;position:absolute;inset:9px auto 9px 0}.sidebar .nav-item:hover:not(.selected){background:#ffffff14;box-shadow:inset 0 1px #ffffff12}.sidebar .nav-item{box-shadow:none;-webkit-backdrop-filter:none}.sidebar .nav-count{color:var(--sidebar-colour);background:#fff}.sidebar button:focus-visible{outline-color:#fff}.sidebar .nav-item.selected:focus-visible{outline-offset:4px;outline:3px double #fff}.sidebar-collapse-toggle{z-index:5;background:var(--canvas);width:26px;height:26px;color:var(--text);box-shadow:none;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:28px;right:-44px}.sidebar-collapse-toggle:hover{background:color-mix(in srgb, var(--sidebar-colour) 13%, var(--canvas));color:var(--accent)}.pupil-home-grid{grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:22px;margin-bottom:10px;display:grid}.panel.home-companion{align-items:center;padding:0;display:flex;overflow:hidden}.home-pet-art{background:#e3eee3;align-self:stretch;align-items:center;width:42%;min-width:180px;display:grid}.home-pet-art svg{width:100%;display:block}.home-pet-copy{padding:25px}.home-pet-copy h2{margin:9px 0;font-size:1.4rem;line-height:1.3}.home-pet-copy p{font-size:.8rem}.home-pet-copy p.small{font-size:.68rem}.home-pet-stats{color:var(--accent);align-items:center;gap:20px;margin:18px 0;display:flex}.home-pet-stats>span:last-child{align-items:center;gap:8px;display:flex}.home-next h2{margin:12px 0}.home-next p{font-size:.8rem}.home-next-note{color:var(--accent);border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:18px;padding-top:18px;font-size:.75rem;line-height:1.8;display:flex}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.class-card.subject-card{display:block}.subject-card .class-art{height:112px;min-height:0}.subject-card .class-body{padding:23px}.subject-card .class-lesson{min-height:90px}.subject-empty{min-height:195px;padding:25px 0}.subject-empty h4{margin:10px 0}.subject-empty p{max-width:32ch}.lesson-back{margin-bottom:18px}@media (width<=1150px){.pupil-home-grid{grid-template-columns:1fr}.home-next{display:none}}@media (width<=700px){.subject-grid{grid-template-columns:1fr}.home-companion{flex-direction:column;align-items:stretch}.home-pet-art{width:100%;min-width:0}.home-pet-art svg{max-height:190px}.home-pet-copy{padding:20px}.home-pet-copy h2{font-size:1.3rem}}.brand{letter-spacing:-.055em;align-items:center;gap:10px;font-size:1.65rem;font-weight:730;display:flex}.brand-mark{background:var(--accent);border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.brand-mark svg{width:29px;height:29px;fill:var(--on-accent)}.brand-dot{color:var(--accent)}.school-label{border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;margin-bottom:29px;padding:12px 9px;display:flex}.school-label strong{font-size:.77rem;display:block}.school-label small{color:var(--muted);font-size:.68rem}.school-avatar{background:var(--soft);width:32px;height:32px;color:var(--accent);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.nav-heading{letter-spacing:.12em;color:var(--muted);margin-bottom:10px;padding:0 13px;font-size:.61rem;font-weight:700}.nav-item{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;min-height:44px;margin:3px 0;padding:12px;font-size:.8rem;display:flex}.nav-item.selected{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);font-weight:650}.nav-count{background:var(--soft);color:var(--text);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.65rem}.admin-heading{margin-top:35px}.sidebar-bottom{margin-top:auto;padding-top:70px}.quiet-card{background:var(--soft);color:var(--accent);border-radius:9px;flex-direction:column;gap:10px;padding:17px 15px;display:flex}.quiet-card strong{font-size:.75rem}.quiet-card p{color:var(--muted);font-size:.75rem}.user-card{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:22px;padding:20px 0;display:flex}.avatar{background:var(--soft);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.68rem;font-weight:650;display:grid}.user-card strong,.user-card small{font-size:.72rem;display:block}.user-card small{color:var(--muted);margin-top:4px;font-size:.63rem}.sidebar .identity-glass{-webkit-backdrop-filter:blur(10px)saturate(125%);backdrop-filter:blur(10px)saturate(125%);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff38;border-radius:12px;min-height:3.6rem;margin-bottom:18px;padding:12px;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000014}.sidebar .identity-glass .avatar{width:34px;height:34px;color:var(--sidebar-colour);background:#fff;flex-shrink:0;font-size:.95rem;font-weight:700;box-shadow:0 2px 7px #00000014}.identity-glass .identity-copy{overflow-wrap:anywhere;min-width:0}.sidebar .identity-glass .identity-name{letter-spacing:.005em;font-size:1rem;font-weight:750;line-height:1.25}.sidebar .identity-glass .identity-role{opacity:.9;margin-top:5px;font-size:.7rem;line-height:1.3}.workspace{flex:1;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:73px;padding:0 38px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:.75rem;display:flex}.breadcrumb strong{color:var(--text)}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{background:#ffffff1a;border:0;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:inset 0 1px #ffffff47}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 2px 5px #0000001f}.button.primary{background-color:color-mix(in srgb, var(--accent) 90%, transparent);color:var(--on-accent);border-color:color-mix(in srgb, var(--accent), #fff 26%);background-image:linear-gradient(135deg,#ffffff52,#0000 48%),linear-gradient(#ffffff1a,#0000 65%);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #0000001a,0 3px 8px #00000024}.button:hover:not(:disabled){transform:translateY(-1px)}.button.secondary{background-color:color-mix(in srgb, var(--surface) 88%, var(--accent));border-color:color-mix(in srgb, var(--border), var(--muted) 28%);color:var(--text);background-image:linear-gradient(135deg,#ffffff8a,#0000 60%)}main{outline:none;max-width:1530px;margin:auto;padding:34px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.page-heading h1{margin:8px 0 10px}.page-heading p{font-size:.85rem}.outline-badge{border:1px solid var(--border);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:.68rem;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.welcome-banner{color:#204839;background:#e4eee8;border:1px solid #d0e0d6;border-radius:12px;justify-content:space-between;align-items:center;min-height:239px;padding:26px 31px;display:flex;overflow:hidden}.welcome-banner .eyebrow{color:#496459;font-size:.6rem}.welcome-banner h2{letter-spacing:-.045em;margin:10px 0;font-size:1.8rem;line-height:1.15}.welcome-banner p{color:#496459;font-size:.75rem}.banner-button{color:#234f3d;background:#fff;border-color:#c8d9ce;margin-top:18px}.banner-art{width:42%;padding:0 12px;position:relative}.circuit-art{width:100%;color:inherit}.floating-note{background:#f3f8f1;border:1px solid #bdcfbf;border-radius:8px;align-items:center;gap:8px;width:max-content;max-width:100%;margin:-20px auto 0;padding:10px 13px;font-size:.72rem;display:flex;transform:rotate(-4deg)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0 31px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;gap:10px;padding:18px 20px;display:flex}.stat-value{letter-spacing:-.04em;margin:8px 0;font-size:1.65rem;display:block}.stat p:last-child{font-size:.69rem}.stat-icon{color:var(--accent);background:var(--soft);border-radius:8px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;display:flex}.section-heading p{margin-top:6px}.heading-count{background:var(--soft);border:1px solid var(--border);vertical-align:middle;border-radius:5px;margin-left:7px;padding:2px 7px;font-size:.73rem}.text-button,.inline-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:.74rem;font-weight:650;display:inline-flex}.inline-button{font-size:inherit;padding:0;text-decoration:underline}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.class-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;overflow:hidden;box-shadow:0 3px 6px #18233003}.class-art{align-items:center;height:117px;padding:20px;display:flex;position:relative;overflow:hidden}.mint{color:#285740;background:#e1eee7}.lilac{color:#655083;background:#eae5f5}.peach{color:#815233;background:#f5e8db}.class-art .circuit-art{opacity:.6;width:70%;position:absolute;top:-2px;right:-23px}.class-symbol{letter-spacing:-.08em;align-self:flex-start;font-size:2.4rem;font-weight:650;line-height:1}.subject-pill{letter-spacing:.025em;background:#ffffff9c;border-radius:4px;padding:4px 7px;font-size:.55rem;font-weight:600;position:absolute;bottom:15px;left:19px}.class-body{padding:19px}.subtle-icon{color:var(--muted)}.class-body>.small{margin-top:4px}.class-lesson{border-top:1px solid var(--border);min-height:95px;margin:17px 0;padding-top:15px}.class-lesson .eyebrow{font-size:.56rem}.class-lesson h4{margin-top:5px}.class-lesson p{font-size:.7rem}.class-body .row.small{font-size:.66rem}progress{appearance:none;background:var(--soft);border:0;border-radius:5px;width:100%;height:6px;margin:10px 0 18px;overflow:hidden}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--accent);border-radius:5px}progress::-moz-progress-bar{background:var(--accent)}.class-actions{flex-wrap:wrap;gap:7px;display:flex}.class-actions .button{white-space:nowrap;flex:1;padding:9px 10px;font-size:.66rem}.mini-count{background:var(--soft);color:var(--text);border-radius:4px;justify-content:center;align-items:center;min-width:18px;padding:1px 4px;font-size:.62rem;display:inline-flex}.bottom-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:24px 0;font-size:.68rem;display:flex}.page-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:12px;margin-top:28px;padding:24px 0;font-size:.61rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;margin-bottom:22px;padding:25px}.panel>p{margin:13px 0}.panel h2{margin-bottom:13px}.class-tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.feedback-grid{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.feedback{border-radius:9px;padding:20px}.feedback p{margin-top:10px;font-size:.83rem}.shared{color:#235331;background:#e3f0e6}.personal{color:#653b81;background:#eee5f8}.school-row{border-top:1px solid var(--border);align-items:center;gap:15px;padding:20px 0;display:flex}.school-row .outline-badge{margin-left:auto}.nav-note{color:var(--muted);gap:10px;padding:18px 12px;font-size:.75rem;line-height:1.6;display:flex}.lesson-heading{margin-bottom:25px}.lesson-heading h1{margin:10px 0}.lesson-heading p{font-size:.85rem}.pupil-grid{grid-template-columns:minmax(0,1fr) 265px;gap:24px;display:grid}.lesson-banner{border-radius:12px;align-items:center;min-height:190px;padding:26px;display:flex;overflow:hidden}.lesson-banner>div{flex:1}.lesson-banner .circuit-art{width:36%}.lesson-banner h2{margin:15px 0 10px;font-size:1.65rem;line-height:1.25}.lesson-banner p{font-size:.78rem}.pill{border:1px solid;border-radius:5px;padding:4px 7px;font-size:.59rem;font-weight:650;display:inline-block}.lesson-progress{margin:27px 0 20px}.lesson-progress>.row{margin-bottom:13px;font-size:.8rem}.step-buttons{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.step-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 6px;font-size:.8rem;display:flex}.step-button span{font-size:.59rem;line-height:1.4}.step-button.current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.step-button.complete{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.lesson-content h2{margin-top:8px;font-size:1.4rem}.lesson-content p,.lesson-content label{font-size:.86rem;line-height:1.7}.objective-list{margin:20px 0;padding:0;list-style:none}.objective-list li{align-items:center;gap:15px;padding:12px 0;font-size:.85rem;display:flex}.objective-list li span{color:var(--accent);background:var(--soft);border-radius:6px;padding:9px;font-size:.65rem;font-weight:650}.note{background:var(--soft);color:var(--muted);border-radius:8px;align-items:center;gap:12px;margin:20px 0;padding:15px;display:flex}.note p{font-size:.77rem}.lesson-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.pet-card{padding:19px}.pet-scene{background:#e3eee3;margin:16px -19px 18px}.pet-scene svg{width:100%;display:block}.pet-card h2{margin:0}.pet-card>p{font-size:.76rem}.pet-heart{color:var(--accent);font-size:1.8rem}.xp-box{background:var(--soft);color:var(--accent);border-radius:7px;align-items:center;gap:8px;margin:17px 0;padding:13px;display:flex}.xp-box strong{font-size:.86rem}.xp-box span{color:var(--muted);margin-left:auto;font-size:.6rem}.little-note{padding:20px}.little-note>svg{color:var(--accent);margin-bottom:13px}.little-note p{margin-bottom:0;font-size:.8rem}.process-row{text-align:center;justify-content:space-between;align-items:center;gap:8px;margin:20px 0;display:flex}.process-row span{background:var(--soft);border-radius:7px;flex:1;padding:12px;font-size:.85rem}.process-row small{color:var(--muted);font-size:.63rem}pre{color:#d7e3f0;background:#15202e;border:1px solid #435363;border-radius:8px;padding:22px;font-size:.8rem;line-height:1.9;overflow:auto}code{font-family:Consolas,Cascadia Code,monospace}.code-comment{color:#a7b8c9}textarea{resize:vertical;border:1px solid var(--border);background:var(--canvas);width:100%;color:var(--text);border-radius:8px;margin-top:14px;padding:14px}.classification fieldset{border:1px solid var(--border);border-radius:7px;margin:15px 0;padding:12px 16px}.classification legend{padding:0 6px;font-size:.85rem}.classification label{align-items:center;gap:8px;margin-right:25px;display:inline-flex}.classification input{accent-color:var(--accent);width:18px;height:18px}.notice{background:var(--surface);max-width:calc(100vw - 40px);color:var(--text);border:1px solid var(--accent);z-index:10;border-radius:9px;align-items:center;gap:10px;padding:9px 15px;font-size:.8rem;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 25px #0002}.appearance-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);--appearance-dialog-padding:clamp(22px, 4vw, 34px);padding:var(--appearance-dialog-padding);border-radius:16px;width:min(1450px,100vw - 36px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 80px #0004}.appearance-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e202c88}.dialog-heading{z-index:4;min-height:66px;margin:calc(-1 * var(--appearance-dialog-padding)) calc(-1 * var(--appearance-dialog-padding)) 0;padding:14px var(--appearance-dialog-padding);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:13px;display:flex;position:sticky;top:0}.dialog-heading h2{margin:0;font-size:clamp(1.35rem,4vw,1.75rem)}.appearance-dialog .dialog-heading .eyebrow{display:none}.appearance-dialog>p{margin:22px 0 20px;font-size:.875rem}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.theme-option{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 5px;font-size:.65rem;display:flex}.theme-option.chosen{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option>span{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.appearance-setting{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:18px;font-size:.8rem;display:flex}.appearance-setting small{color:var(--muted);margin-top:5px;font-size:.7rem;display:block}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:7px;max-width:46%;padding:10px}.full{width:100%}.mobile-only,.mobile-companion{display:none}@media (width<=950px){.mobile-companion{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 12px;display:flex}.mobile-companion>svg{background:#e3eee3;border-radius:7px;width:64px;height:54px}.mobile-companion strong{font-size:.75rem}.mobile-companion .pill{color:var(--accent);white-space:nowrap;margin-left:auto}}.skip-link{background:var(--surface);color:var(--text);z-index:99;padding:12px;position:fixed;top:0;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}[data-mode=dark] .welcome-banner{color:#d7ecdf;background:#213d33;border-color:#425c4d}[data-mode=dark] .welcome-banner .eyebrow,[data-mode=dark] .welcome-banner p{color:#b6d0c0}[data-mode=dark] .floating-note{color:#d7ecdf;background:#2d4c3d;border-color:#587561}[data-mode=dark] .banner-button{color:#e4f2e9;background:#304d40;border-color:#63836e}[data-mode=dark] .mint{color:#c5e6d1;background:#274336}[data-mode=dark] .lilac{color:#dbcbed;background:#3c324e}[data-mode=dark] .peach{color:#edd4bd;background:#4e3a2d}[data-mode=dark] .subject-pill{background:#0003}[data-mode=dark] .shared{color:#c9ebd1;background:#25432e}[data-mode=dark] .personal{color:#ead4fc;background:#443253}@media (width>=1600px){main{padding-top:45px}.welcome-banner{min-height:265px}.class-art{height:145px}}@media (width<=1150px){.sidebar{width:250px;padding-inline:12px}.topbar{padding-inline:24px}main{padding:28px 24px 0}.class-grid{gap:13px}.class-body{padding:15px}.class-actions{flex-direction:column}.stat{padding:16px 14px}.stat-icon{display:none}.pupil-grid{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.banner-art{width:39%}.outline-badge{white-space:normal}}@media (width<=950px){.sidebar{width:225px}.class-grid{grid-template-columns:1fr}.class-card{grid-template-columns:145px 1fr;display:grid}.class-art{height:100%;min-height:190px}.class-art .circuit-art{width:170%;top:50px;right:-50px}.class-symbol{font-size:3rem}.subject-pill{font-size:.5rem}.class-lesson{min-height:auto}.class-actions{flex-direction:row}.pupil-grid{grid-template-columns:1fr}.pupil-aside{grid-template-columns:1fr 1fr;align-items:start;gap:17px;display:grid}.pet-scene svg{max-height:200px}.stats-grid{gap:10px}.stat-value{font-size:1.4rem}.welcome-banner h2{font-size:1.65rem}.page-heading{align-items:flex-start}.page-heading>.outline-badge,.banner-art{display:none}.welcome-banner{min-height:0}.topbar{padding-inline:20px}.breadcrumb{gap:6px}}@media (width<=700px){.preview-bar{padding:0 12px;font-size:.61rem}.preview-detail{display:none}.view-switch button{padding:5px 8px}.sidebar{display:none}.sidebar.mobile-open{z-index:20;width:100%;padding:22px;display:flex;position:fixed;inset:40px 0 0;overflow:auto}.sidebar.mobile-open .sidebar-bottom{padding-top:24px}.mobile-only{display:inline-flex}.topbar{height:64px;padding:0 12px}.breadcrumb{gap:5px;font-size:.67rem}.topbar-actions{gap:2px}.appearance-trigger{padding:8px}.appearance-trigger span{display:none}main{padding:25px 16px 0}h1{font-size:1.65rem}.page-heading p{font-size:.8rem}.welcome-banner{padding:24px}.welcome-banner h2{font-size:1.8rem}.stats-grid{grid-template-columns:1fr;margin:20px 0}.stat{align-items:center;padding:16px}.stat>div{grid-template-columns:1fr auto;gap:5px 15px;width:100%;display:grid}.stat-value{grid-area:1/2/3;align-self:center;margin:0;font-size:1.3rem}.stat p:last-child{grid-column:1}.class-card{display:block}.class-art{height:112px;min-height:0}.class-art .circuit-art{width:64%;top:-18px;right:-10px}.class-symbol{font-size:2.5rem}.class-body{padding:19px}.class-grid{gap:22px}.class-actions .button{font-size:.74rem}.bottom-note{align-items:flex-start;line-height:1.7}.page-footer{flex-direction:column;gap:6px;margin-top:12px}.section-heading{gap:8px}.text-button{font-size:.66rem}.feedback-grid{grid-template-columns:1fr}.school-row{flex-wrap:wrap}.school-row .outline-badge{margin-left:47px}.pupil-aside{grid-template-columns:1fr}.lesson-banner{padding:22px}.lesson-banner h2{font-size:1.5rem}.lesson-banner .circuit-art{display:none}.lesson-content{padding:20px}.step-buttons{gap:5px}.step-button{padding:10px 3px}.step-button span{overflow-wrap:anywhere;font-size:.55rem}.lesson-footer{flex-direction:column;align-items:flex-start}.lesson-footer .button{width:100%}.process-row{flex-direction:column;align-items:stretch}.process-row>svg{align-self:center;transform:rotate(90deg)}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-dialog{--appearance-dialog-padding:20px;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.appearance-setting{flex-wrap:wrap}.objective-list li{align-items:flex-start}.preview-bar>span{white-space:nowrap}}@media (hover:hover){button:hover:not(:disabled),.sidebar button:hover:not(:disabled){box-shadow:inset 0 0 0 100vmax #ffffff0f, 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent), 0 2px 6px #0000000f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.coding-task-prompt{background:0 0;border:0;border-radius:0;margin:0 0 12px;padding:0}.coding-task-prompt h3{margin:0 0 12px;font-size:clamp(1.35rem,2.5vw,1.8rem)}.coding-task-prompt p{white-space:pre-wrap;margin:0}.python-mark{background:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;padding:5px;display:grid;box-shadow:0 2px 8px #1c35521a}.python-mark svg{width:100%;height:100%;display:block}.python-mark.small{vertical-align:middle;width:24px;height:24px;display:inline-grid}.coding-workbench{background:#111827;border:1px solid #cbd5e1;border-radius:15px;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);display:grid;overflow:hidden;box-shadow:0 8px 26px #10233a18}.coding-editor-panel,.coding-console-panel{color:#f3f4f6;min-width:0}.coding-editor-panel{border-right:1px solid #3e4755}.coding-editor-panel>header,.coding-console-panel>header{color:#dce6f3;background:#202938;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;font-size:.84rem;display:flex}.coding-editor-panel>header span,.coding-console-panel>header span{color:#aab5c4;letter-spacing:.08em;font-size:.72rem}.coding-editor-host{min-height:250px}.coding-console-panel{background:#111827;flex-direction:column;display:flex}.coding-console-panel>pre{color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1220;border:1px solid #344154;border-radius:9px;flex:1;min-height:110px;max-height:260px;margin:0 12px;padding:12px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.coding-stdin-label{color:#dce6f3;gap:5px;margin:10px 12px;font-size:.78rem;font-weight:700;display:grid}.coding-stdin-label small{color:#aab5c4;font-size:.72rem;font-weight:400}.coding-stdin-label textarea{resize:vertical;color:#e5e7eb;background:#0b1220;border:1px solid #344154;border-radius:8px;width:100%;min-height:64px;padding:9px 10px;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.coding-practice-feedback{color:#8da6c7;background:#202938;border-radius:7px;margin:0 12px;padding:8px 10px;font-size:.78rem}.coding-practice-feedback.reached{color:#a7f3d0;background:#123a32}.matching-result-stamp.submitted{color:#245788;border-color:#3572a5;transform:rotate(-5deg)}.coding-terminal-input{color:#93c5fd;background:#0b1220;border:1px solid #40536d;border-top:0;border-radius:0 0 9px 9px;align-items:center;gap:8px;margin:0 12px;padding:4px 10px;display:flex}.coding-terminal-input>span{font:18px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.coding-terminal-input>input{color:#e5e7eb;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 2px;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.coding-terminal-input>input:focus-visible{box-shadow:none}.coding-terminal-input>button{color:#dbeafe;cursor:pointer;background:#243c5d;border:0;border-radius:6px;place-items:center;width:34px;height:32px;display:grid}.coding-terminal-input>button:disabled{opacity:.5;cursor:not-allowed}.coding-run-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px;display:flex}.coding-run-actions .button{min-height:38px}.coding-safety-note{color:#607086;margin:10px 0 0;font-size:.8rem}.coding-builder{gap:14px;display:grid}.coding-tests-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.coding-tests-heading>div{gap:4px;display:grid}.coding-test-list{gap:10px;display:grid}.coding-test-card{background:#f8fafc;border:1px solid #d8e0e8;border-radius:12px;padding:12px}.coding-test-card>header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.coding-test-card>header label{align-items:center;gap:6px;margin-left:auto;font-size:.82rem;display:flex}.coding-test-card>header label input{width:auto}.coding-hidden-toggle{color:#526174;align-items:center;gap:8px;margin-top:10px;font-size:.82rem;display:flex}.coding-hidden-toggle input{accent-color:#24376d;width:16px;height:16px}.coding-test-card .form-columns{align-items:start}.coding-hints{gap:8px;margin:0 12px 12px;display:grid}.coding-hints .button{justify-self:start;min-height:36px}.coding-hints p{color:#dce6f3;background:#202938;border:1px solid #344154;border-radius:8px;margin:0;padding:9px 11px;font-size:.82rem}.coding-test-card textarea,.coding-builder textarea[spellcheck=false]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=760px){.coding-workbench{grid-template-columns:1fr}.coding-editor-panel{border-bottom:1px solid #3e4755;border-right:0}.coding-tests-heading{flex-direction:column;align-items:flex-start}}.test-release-notice{color:#fff;text-align:center;background:#173f36;padding:10px 20px;font-size:.8rem}.cookie-notice{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.cookie-notice p{max-width:780px;font-size:.8rem}.cookie-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;display:flex}@media (width<=900px){.cookie-notice{flex-direction:column;align-items:stretch}.cookie-actions{flex-shrink:1}}.account-entry{max-width:560px;margin:5vh auto;padding:24px}.account-entry.pupil-signup-entry{max-width:760px}.join-verification-actions{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.account-form .join-verification-actions .button{white-space:normal;width:100%;min-width:0;margin:0}.pupil-signup-entry .pupil-email-address{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}@media (width<=600px){.pupil-signup-entry .pupil-email-address{grid-template-columns:minmax(0,1fr)}}.content-studio{max-width:1640px;margin:0 auto}.pupil-learning{width:100%;max-width:none;margin:0}.pupil-learning-dashboard{gap:20px;width:100%;max-width:none;display:grid}.pupil-dashboard-welcome{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));color:#fff;background:radial-gradient(circle at 57% 10%, #ffffff14 0 14%, transparent 14.2%), linear-gradient(115deg, color-mix(in srgb, var(--accent) 95%, #152c54), color-mix(in srgb, var(--accent) 70%, #536b9d));border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:center;gap:28px;min-height:205px;padding:clamp(22px,3vw,36px);display:grid;box-shadow:0 10px 26px #121f2f1a}.pupil-dashboard-welcome .eyebrow{color:#ffffffc2;letter-spacing:.1em;margin:0 0 7px;font-size:.75rem;font-weight:850}.pupil-dashboard-welcome h1{color:#fff;margin:0;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.12}.pupil-dashboard-welcome p:last-child{color:#ffffffe0;margin:8px 0 0}.pupil-dashboard-welcome-copy{min-width:0}.pupil-dashboard-welcome-mark{background:#ffffff21;border:1px solid #ffffff52;border-radius:17px;flex:none;place-items:center;width:62px;height:62px;display:grid}.pupil-dashboard-xp-card{color:var(--text);background:#fffffff0;border:1px solid #ffffff7a;border-radius:18px;gap:13px;padding:18px 20px;display:grid;box-shadow:0 9px 24px #121f2f21}.pupil-dashboard-xp-top,.pupil-dashboard-xp-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.pupil-dashboard-xp-top>div:first-child{gap:1px;display:grid}.pupil-dashboard-xp-top>div:first-child strong{color:var(--primary);font-size:2rem;line-height:1}.pupil-dashboard-xp-top span,.pupil-dashboard-rank>span{color:var(--muted);font-size:.8rem}.pupil-dashboard-xp-top>div:first-child span{font-weight:800}.pupil-dashboard-rank{text-align:right;justify-items:end;gap:2px;display:grid}.pupil-dashboard-rank strong{color:var(--primary);font-size:1.1rem}.pupil-dashboard-xp-bottom{border-top:1px solid var(--border);color:var(--muted);padding-top:11px;font-size:.82rem}.pupil-dashboard-xp-bottom span:first-child{color:var(--text);align-items:center;gap:6px;font-weight:750;display:inline-flex}.pupil-dashboard-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pupil-dashboard-overview article{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px 18px;display:grid;box-shadow:0 4px 14px #121f2f0a}.pupil-dashboard-overview article svg{color:var(--primary);grid-row:span 2}.pupil-dashboard-overview article strong{font-size:1.28rem;line-height:1.15}.pupil-dashboard-overview article span{color:var(--muted);font-size:.86rem}.pupil-dashboard-current,.pupil-learning{min-width:0}.pupil-dashboard-primary-column{align-content:start;gap:18px;min-width:0;display:grid}.pupil-dashboard-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 13px;display:flex}.pupil-dashboard-section-heading .eyebrow{color:var(--muted);letter-spacing:.09em;margin:0 0 3px;font-size:.72rem;font-weight:850}.pupil-dashboard-section-heading h2{margin:0;font-size:1.35rem}.pupil-dashboard-section-heading .muted{margin:5px 0 0}.pupil-dashboard-current .pupil-current-lesson{width:100%;min-height:180px;padding:clamp(20px,3vw,32px)}.pupil-current-lesson-empty{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-height:130px}.pupil-current-lesson-empty h3{margin:0}.pupil-current-lesson-empty p{margin:8px 0 0}.pupil-dashboard-lower-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:stretch;gap:16px;display:grid}.pupil-dashboard-details{margin-top:18px}.pupil-learning-link-card{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.pupil-learning-link-card h2,.pupil-pet-placeholder h2{margin:0;font-size:1.25rem}.pupil-learning-link-card .eyebrow,.pupil-pet-placeholder .eyebrow{color:var(--muted);letter-spacing:.1em;margin:0 0 5px;font-size:.72rem;font-weight:850}.pupil-learning-link-card .muted{margin:5px 0 0}.pupil-learning-link-card>.button{flex:none;align-items:center;gap:8px;display:inline-flex}.pupil-learning-link-stats{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.88rem;display:flex}.pupil-learning-link-stats strong{color:var(--text)}.pupil-pet-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-rows:auto minmax(220px,1fr) auto auto;gap:12px;min-width:0;min-height:100%;padding:18px;display:grid;box-shadow:0 8px 22px #121f2f0f}.pupil-pet-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pupil-pet-panel-heading h2{margin:0;font-size:1.25rem}.pupil-pet-panel-heading .eyebrow{color:var(--muted);letter-spacing:.1em;margin:0 0 4px;font-size:.72rem;font-weight:850}.pupil-pet-shop-open{flex:none;align-items:center;gap:7px;display:inline-flex}.pupil-pet-scene{aspect-ratio:16/9;background-color:#d9e6e4;background-image:linear-gradient(#101f340a,#101f3433),linear-gradient(135deg,#bed5d0,#dfe8ed);background-position:50%;background-size:cover;border-radius:12px;width:100%;min-height:220px;max-height:420px;position:relative;overflow:hidden}.pupil-pet-character{z-index:1;object-fit:contain;object-position:center bottom;width:auto;max-width:82%;height:84%;display:block;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.pip-artwork{display:block;position:relative}.pupil-pet-scene .pip-artwork.pupil-pet-character{z-index:1;pointer-events:none;width:auto;max-width:none;height:auto;position:absolute;inset:0 0 auto auto;transform:none}.pip-artwork img{object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:0;display:block}.pupil-pet-scene .pip-artwork.pupil-pet-character>img{width:auto;max-width:82%;height:84%;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.pupil-pet-scene .pet-expression-artwork.pupil-pet-character{aspect-ratio:1;width:82%;max-width:82%;height:84%;display:block;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.pet-expression-artwork{aspect-ratio:1;display:block;position:relative}.pet-expression-artwork>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pet-expression-artwork .pet-expression-layer{z-index:1}.pet-expression-eye-left{-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-left-x,45%) var(--pet-eye-y,38%),#000 82%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-left-x,45%) var(--pet-eye-y,38%),#000 82%,transparent 100%);mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-left-x,45%) var(--pet-eye-y,38%),#000 82%,transparent 100%)}.pet-expression-eye-right{-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-right-x,63%) var(--pet-eye-y,38%),#000 82%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-right-x,63%) var(--pet-eye-y,38%),#000 82%,transparent 100%);mask-image:radial-gradient(ellipse var(--pet-eye-rx,6%) var(--pet-eye-ry,5.5%) at var(--pet-eye-right-x,63%) var(--pet-eye-y,38%),#000 82%,transparent 100%)}.pet-expression-mouth{-webkit-mask-image:radial-gradient(ellipse var(--pet-mouth-rx,7%) var(--pet-mouth-ry,5%) at var(--pet-mouth-x,52%) var(--pet-mouth-y,48%),#000 56%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--pet-mouth-rx,7%) var(--pet-mouth-ry,5%) at var(--pet-mouth-x,52%) var(--pet-mouth-y,48%),#000 56%,transparent 100%);mask-image:radial-gradient(ellipse var(--pet-mouth-rx,7%) var(--pet-mouth-ry,5%) at var(--pet-mouth-x,52%) var(--pet-mouth-y,48%),#000 56%,transparent 100%)}.pet-expression-artwork-koala{--pet-eye-left-x:39%;--pet-eye-right-x:63%;--pet-eye-y:38%;--pet-eye-rx:6.5%;--pet-eye-ry:6%;--pet-mouth-x:50%;--pet-mouth-y:47.5%;--pet-mouth-rx:7.5%;--pet-mouth-ry:5%}.pet-expression-artwork-panda{--pet-eye-left-x:40.5%;--pet-eye-right-x:61.5%;--pet-eye-y:37%;--pet-eye-rx:6.2%;--pet-eye-ry:5.8%;--pet-mouth-x:50%;--pet-mouth-y:47.5%;--pet-mouth-rx:7.3%;--pet-mouth-ry:5%}.pet-expression-artwork-chipmunk{--pet-eye-left-x:46.2%;--pet-eye-right-x:63.6%;--pet-eye-y:42%;--pet-eye-rx:7.5%;--pet-eye-ry:7.5%;--pet-mouth-x:55.4%;--pet-mouth-y:48.2%;--pet-mouth-rx:5.2%;--pet-mouth-ry:3.4%}.pet-expression-artwork-dragon{--pet-eye-left-x:43%;--pet-eye-right-x:61.5%;--pet-eye-y:42%;--pet-eye-rx:8%;--pet-eye-ry:8%;--pet-mouth-x:50.9%;--pet-mouth-y:47%;--pet-mouth-rx:7.3%;--pet-mouth-ry:4.8%}.pet-expression-artwork-tabby-cat{--pet-eye-left-x:44.5%;--pet-eye-right-x:62.5%;--pet-eye-y:43.5%;--pet-eye-rx:9%;--pet-eye-ry:8.5%;--pet-mouth-x:53.3%;--pet-mouth-y:48.8%;--pet-mouth-rx:5.3%;--pet-mouth-ry:3.6%}.pet-expression-artwork-tabby-cat .pet-expression-eye-right{-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx) var(--pet-eye-ry) at var(--pet-eye-left-x) var(--pet-eye-y),#000 82%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--pet-eye-rx) var(--pet-eye-ry) at var(--pet-eye-left-x) var(--pet-eye-y),#000 82%,transparent 100%);mask-image:radial-gradient(ellipse var(--pet-eye-rx) var(--pet-eye-ry) at var(--pet-eye-left-x) var(--pet-eye-y),#000 82%,transparent 100%);transform:translate(7%)scaleX(-1)}.pet-expression-artwork-red-panda{--pet-eye-left-x:39.5%;--pet-eye-right-x:61.5%;--pet-eye-y:36.5%;--pet-eye-rx:6.1%;--pet-eye-ry:5.5%;--pet-mouth-x:50%;--pet-mouth-y:46.5%;--pet-mouth-rx:7.2%;--pet-mouth-ry:4.8%}.rewards-pet-stage .rewards-studio-pet-artwork{width:min(100%,280px)}.reward-frame-upload .rewards-studio-pet-artwork{width:100%;max-width:180px}.pupil-pet-support-message{color:var(--text);background:color-mix(in srgb,var(--soft) 45%,var(--surface));border-radius:11px;margin:0;padding:13px 15px;line-height:1.5}.pupil-pet-panel-wallet{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.pupil-pet-panel-wallet span:first-child{color:var(--primary);align-items:center;gap:6px;font-weight:800;display:inline-flex}.pupil-reward-shop-backdrop{z-index:180;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c162494;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pupil-reward-shop-dialog{border:1px solid var(--border);background:var(--surface);border-radius:17px;grid-template-rows:auto auto minmax(0,1fr);gap:15px;width:min(760px,100%);max-height:min(86vh,900px);padding:22px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000040}.pupil-reward-shop-dialog>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.pupil-reward-shop-dialog>header h2{margin:0;font-size:1.5rem}.pupil-reward-shop-dialog>header .eyebrow{color:var(--muted);letter-spacing:.1em;margin:0 0 4px;font-size:.72rem;font-weight:850}.pupil-reward-shop-dialog>header p:last-child{margin:5px 0 0}.pupil-reward-shop-wallet{border:1px solid var(--border);background:color-mix(in srgb,var(--soft) 35%,var(--surface));color:var(--muted);border-radius:11px;justify-content:space-between;gap:12px;padding:13px 15px;font-size:.86rem;display:flex}.pupil-reward-shop-wallet strong{color:var(--text);font-size:1.12rem}.pupil-reward-shop-list{align-content:start;gap:10px;padding:1px 3px 3px 1px;display:grid;overflow:auto}.pupil-reward-shop-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;display:grid}.pupil-reward-shop-thumbnail{width:62px;height:62px;color:var(--primary);background:color-mix(in srgb,var(--soft) 50%,var(--surface));border-radius:9px;place-items:center;display:grid;overflow:hidden}.pupil-reward-shop-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.pupil-reward-shop-item:has(.pupil-reward-shop-thumbnail img[src*=backgrounds]) .pupil-reward-shop-thumbnail img{object-fit:cover}.pupil-reward-shop-copy{gap:3px;min-width:0;display:grid}.pupil-reward-shop-copy small{color:var(--muted)}.pupil-reward-equipped,.pupil-reward-locked{color:var(--muted);font-size:.82rem;font-weight:750}.pupil-reward-equipped{color:#347356}@media (width<=760px){.pupil-pet-panel{min-height:380px}.pupil-pet-scene{min-height:230px}.pupil-reward-shop-backdrop{padding:9px}.pupil-reward-shop-dialog{max-height:94vh;padding:16px}.pupil-reward-shop-wallet{flex-direction:column}.pupil-reward-shop-item{grid-template-columns:52px minmax(0,1fr)}.pupil-reward-shop-thumbnail{width:52px;height:52px}.pupil-reward-shop-item>.button,.pupil-reward-equipped,.pupil-reward-locked{grid-column:2;justify-self:start}}.pupil-pet-placeholder-icon{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));width:48px;height:48px;color:var(--primary);background:var(--surface);border-radius:15px;place-items:center;font-size:1.5rem;display:grid;position:absolute;top:16px;right:21px}.pupil-pet-placeholder p:not(.eyebrow){color:var(--muted);margin:2px 0 0}.pupil-pet-placeholder-note{color:var(--primary);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-radius:999px;margin-top:5px;padding:4px 9px;font-size:.75rem;font-weight:800}.pupil-my-learning-page{gap:16px}.pupil-my-learning-page .pupil-dashboard-welcome{margin-bottom:2px}.pupil-subject-lessons{min-width:0;padding:20px}.pupil-subject-lessons .pupil-dashboard-section-heading{margin-bottom:14px}.pupil-subject-count{color:var(--muted);background:color-mix(in srgb, var(--soft) 70%, var(--surface));border-radius:999px;flex:none;padding:5px 10px;font-size:.8rem;font-weight:750}.pupil-previous-lessons{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px #121f2f0a}.pupil-previous-lessons>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:72px;padding:15px 20px;list-style:none;display:grid}.pupil-previous-lessons>summary::-webkit-details-marker{display:none}.pupil-previous-lessons>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-3px}.pupil-previous-lessons>summary>span:first-child{gap:3px;display:grid}.pupil-previous-lessons>summary strong{color:var(--text);font-size:1.05rem}.pupil-previous-lessons>summary small{color:var(--muted)}.pupil-previous-chevron{color:var(--muted);transition:transform .18s}.pupil-previous-lessons[open] .pupil-previous-chevron{transform:rotate(180deg)}.pupil-previous-lessons-content{gap:14px;padding:0 20px 20px;display:grid}.pupil-previous-subject{border:1px solid var(--border);border-radius:11px;overflow:hidden}.pupil-previous-subject-heading{background:color-mix(in srgb,var(--soft) 44%,var(--surface));justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.pupil-previous-subject-heading h3{margin:0;font-size:.95rem}.pupil-previous-subject-heading>span{color:var(--muted);font-size:.78rem}.pupil-previous-release{border:0;border-top:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);font:inherit;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 13px;display:grid}.pupil-previous-release:hover{background:color-mix(in srgb,var(--soft) 35%,var(--surface))}.pupil-previous-release:focus-visible{z-index:1;outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-3px;position:relative}.pupil-previous-release-copy{gap:3px;min-width:0;display:grid}.pupil-previous-release-copy>strong{color:var(--text)}.pupil-previous-release small,.pupil-previous-release-arrow{color:var(--muted)}.pupil-review-banner{color:#294b76;background:#eef4fb;border:1px solid #c9d8ef;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:8px 10px 8px 13px;font-weight:650;display:flex}.pupil-review-banner>span{min-width:0}.pupil-review-banner>.button{white-space:nowrap;flex:none;min-height:34px;padding:6px 11px}.pupil-review-banner.practice-active{color:#176646;background:#eef8f2;border-color:#b8ddca}.pupil-review-mode .pupil-delivery-actions,.pupil-review-mode .pupil-completion-action,.pupil-review-mode .pupil-shared-feedback-reply{display:none!important}.pupil-review-mode.practice-active .pupil-delivery-actions,.pupil-review-mode.practice-active .pupil-completion-action{display:flex!important}.pupil-review-mode.practice-active .pupil-shared-feedback-reply{display:block!important}.pupil-objective-presentation-only{width:100%}.pupil-history-status{color:#58636e;background:color-mix(in srgb,var(--soft) 75%,var(--surface));white-space:nowrap;border-radius:999px;justify-self:end;padding:5px 10px;font-size:.75rem;font-weight:800}.pupil-history-status.completed{color:#176646;background:#e7f6ed}.pupil-history-status.absent{color:#8c3f31;background:#fff0eb}.pupil-history-status.not_completed{color:#596674;background:#edf1f4}.pupil-my-learning-page .pupil-release-list{grid-template-columns:minmax(0,1fr)}.pupil-my-learning-page .pupil-release-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.pupil-my-learning-page .pupil-release-card>span:first-child{grid-column:1/-1;font-size:.82rem}.pupil-my-learning-page .pupil-release-card>strong,.pupil-my-learning-page .pupil-release-card>small{grid-column:1}.pupil-my-learning-page .pupil-release-card>strong{grid-row:2}.pupil-my-learning-page .pupil-release-card>small{grid-row:3}.pupil-my-learning-page .pupil-release-card>.pupil-release-status{color:var(--muted);background:color-mix(in srgb, var(--soft) 70%, var(--surface));white-space:nowrap;border-radius:999px;grid-area:2/2/span 2;align-self:center;padding:5px 9px;font-size:.76rem;font-weight:800}.pupil-my-learning-page .pupil-release-card>.pupil-release-status.current{color:var(--primary);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.pupil-my-learning-page .pupil-release-card>.pupil-release-status.complete{color:#176646;background:#e7f6ed}.pupil-my-learning-page .pupil-release-card>svg{grid-area:2/3/span 2}.pupil-my-learning-empty{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:190px;display:grid}.pupil-my-learning-empty h2,.pupil-my-learning-empty p{margin:0}.pupil-dashboard-heading{padding:4px 0 0}.pupil-dashboard-heading .eyebrow{margin:0 0 6px}.pupil-dashboard-heading h1,.pupil-dashboard-heading p:last-child{margin-top:0}.pupil-dashboard-heading p:last-child{margin-bottom:0}.pupil-current-lesson{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));color:#fff;text-align:left;cursor:pointer;background-color:#263f82;background-image:linear-gradient(110deg,#0e1d32e0,#192d5561);background-position:50%;background-size:cover;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:28px;min-height:245px;padding:clamp(24px,4vw,48px);display:flex;box-shadow:0 12px 30px #121f2f1f}.pupil-current-lesson:hover{transform:translateY(-1px);box-shadow:0 16px 34px #121f2f2e}.pupil-current-lesson-copy{gap:10px;max-width:820px;display:grid}.pupil-current-lesson-kicker,.pupil-current-lesson-status{color:#ffffffd1;font-size:.9rem;font-weight:700}.pupil-current-lesson-kicker{letter-spacing:.04em}.pupil-current-lesson-copy>strong{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.pupil-current-lesson-summary{color:#ffffffeb;max-width:760px;font-size:1.08rem;line-height:1.5}.pupil-current-lesson-status{margin-top:4px}.pupil-current-lesson-action{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff75;border-radius:10px;flex:none;align-items:center;gap:9px;min-height:44px;padding:10px 15px;font-weight:800;display:inline-flex}.pupil-current-lesson-empty{padding:28px}.pupil-current-lesson-empty h2{margin:7px 0}.pupil-current-lesson-empty p:last-child{margin-bottom:0}.pupil-learning-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.pupil-learning-summary>div{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 45%, var(--surface));border-radius:11px;gap:3px;padding:15px 17px;display:grid}.pupil-learning-summary strong{color:var(--primary);font-size:1.35rem}.pupil-learning-summary span{color:var(--muted);font-size:.86rem}.pupil-release-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.pupil-release-card{text-align:left;color:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;grid-template-columns:1fr auto;gap:5px 12px;padding:18px;display:grid}.pupil-release-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #121f2f14}.pupil-release-card span,.pupil-release-card small{color:var(--muted)}.pupil-release-card strong{font-size:1.05rem}.pupil-release-card svg{grid-area:1/2/span 3;align-self:center}.pupil-lesson-hero{background-position:50%;background-size:cover;border-radius:18px 18px 0 0;grid-template-columns:1fr auto;align-items:end;min-height:170px;margin-top:10px;padding:24px 32px}.pupil-lesson-hero h1{margin:4px 0}.pupil-lesson-hero p{margin:0}.pupil-lesson-hero>strong{border:1px solid #ffffff8c;border-radius:999px;padding:8px 12px}.pupil-lesson-tabs{border:1px solid var(--border);background:var(--surface);border-top:0;border-radius:0 0 14px 14px;margin:0 0 16px;display:flex;overflow:auto}.pupil-lesson-tabs button{flex:1 0 max-content;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:7px;padding:13px 16px;font-weight:750;display:inline-flex}.pupil-lesson-tabs button.active{border-bottom-color:var(--primary);color:var(--primary)}.pupil-lesson-tabs button:disabled{color:var(--muted);cursor:not-allowed}.pupil-lesson-stage{max-width:1180px;padding:28px}.pupil-lesson-stage>h2{margin-top:4px}.pupil-lesson-stage>label{gap:7px;max-width:760px;margin:20px 0;font-weight:750;display:grid}.pupil-lesson-stage textarea{min-height:130px}.pupil-content-block{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 45%, var(--surface));border-radius:13px;margin:16px 0;padding:20px}.pupil-content-block>span{color:var(--primary);text-transform:uppercase;font-size:.78rem;font-weight:800}.pupil-content-block h3{margin:7px 0}.pupil-content-block textarea{width:100%;margin:12px 0}.pupil-content-block .button{margin-top:12px}.pupil-complete{color:var(--primary);align-items:center;gap:7px;font-weight:800;display:inline-flex}.pupil-lesson-stage .pupil-stage-item-tabs{flex-wrap:wrap;gap:7px;margin:14px 0 20px;display:flex}.pupil-lesson-stage .pupil-stage-item-tabs button{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:6px 11px;font-weight:700;display:inline-flex}.pupil-lesson-stage .pupil-stage-item-tabs button.active{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.pupil-lesson-stage .pupil-stage-item-tabs button.complete:not(.active){color:#176646;background:#e7f6ed;border-color:#aadbc0}.pupil-lesson-stage .pupil-stage-item-tabs button:disabled{opacity:.45;cursor:not-allowed}.pupil-delivery-actions{justify-content:flex-end;margin-top:22px;display:flex}.pupil-delivery-actions .button{justify-content:center;align-items:center;gap:7px;margin:0;display:inline-flex}.pupil-gap-heading{justify-content:space-between;align-items:center;gap:12px;margin:-5px 0 7px;display:flex}.pupil-content-block .pupil-gap-heading h3{margin:0}.pupil-content-block .pupil-gap-xp{border:1px solid var(--border);color:var(--primary);background:var(--surface);border-radius:999px;flex:none;align-items:center;padding:5px 9px;font-size:.76rem;font-weight:850;display:inline-flex}.pupil-gap-completion{justify-content:flex-end;display:flex}.pupil-gap-completion .button,.pupil-auto-complete .button{align-items:center;gap:7px;display:inline-flex}@media (width<=680px){.pupil-lesson-hero{grid-template-columns:1fr;min-height:150px;padding:20px}.pupil-lesson-hero>strong{justify-self:start}.pupil-lesson-stage{padding:20px}.pupil-current-lesson{flex-direction:column;align-items:flex-start;gap:20px;min-height:230px;padding:24px}.pupil-current-lesson-action{align-self:flex-start}.pupil-learning-summary{grid-template-columns:1fr}.pupil-learning-summary>div{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}.pupil-learning-summary strong{font-size:1.1rem}.pupil-previous-lessons>summary{grid-template-columns:minmax(0,1fr) auto;padding:14px}.pupil-previous-lessons>summary>.pupil-subject-count{grid-area:1/2}.pupil-previous-chevron{grid-area:2/2;justify-self:end}.pupil-previous-lessons-content{padding:0 12px 12px}.pupil-previous-release{grid-template-columns:minmax(0,1fr);gap:8px}.pupil-history-status{justify-self:start}}@media (width<=1120px){.pupil-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.pupil-dashboard-welcome{grid-template-columns:minmax(0,1fr);min-height:0}.pupil-dashboard-xp-card{width:100%;max-width:560px}}@media (width<=680px){.pupil-dashboard-welcome{padding:22px}.pupil-dashboard-xp-card{padding:15px}.pupil-dashboard-xp-bottom{flex-direction:column;align-items:flex-start;gap:6px}.pupil-dashboard-overview{grid-template-columns:1fr;gap:9px}.pupil-dashboard-overview article{padding:12px 15px}.pupil-dashboard-current .pupil-current-lesson{min-height:180px}}@media (width<=760px){.pupil-dashboard-lower-grid{grid-template-columns:1fr}.pupil-learning-link-card{flex-direction:column;align-items:flex-start}.pupil-learning-link-card>.button{justify-content:center;align-self:stretch}.pupil-pet-placeholder{min-height:160px}}.class-lesson-release-form{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr) auto;align-items:end;gap:14px;display:grid}.class-lesson-release-form label{gap:6px;font-weight:750;display:grid}.class-lesson-release-form label small{color:var(--muted);font-weight:500}.class-lesson-release-form textarea{min-height:82px}.class-lesson-release-list{gap:8px;margin-top:24px;display:grid}.class-lesson-release-list article{border:1px solid var(--border);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.class-lesson-release-list article div{gap:3px;display:grid}.class-lesson-release-list article span,.class-lesson-release-list article small{color:var(--muted);font-size:.86rem}@media (width<=850px){.class-lesson-release-form{grid-template-columns:1fr}.class-lesson-release-form .button{justify-self:start}}.class-plan-builder{border:1px solid var(--border);background:var(--surface-soft,var(--surface));border-radius:16px;gap:16px;margin-top:24px;padding:20px;display:grid}.class-plan-section-title,.class-plan-submit-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.class-plan-section-title h3{margin:0}.class-plan-form-grid{grid-template-columns:minmax(240px,1fr) minmax(220px,.8fr);align-items:end;gap:14px;display:grid}.class-plan-form-grid label,.school-holiday-form label{gap:6px;font-weight:700;display:grid}.school-holiday-form input{border:1px solid var(--border);width:100%;min-width:0;min-height:42px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:9px 11px;font-size:.9rem;font-weight:400}.school-holiday-form input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 72%);outline-offset:1px;border-color:var(--accent)}.school-holiday-form .button{white-space:nowrap;min-height:42px}.class-plan-form-grid select,.class-plan-form-grid input[type=datetime-local]{border:1px solid var(--border);width:100%;max-width:336px;height:52px;min-height:52px;color:var(--text);background:var(--surface);border-radius:9px;padding:8px 14px;font-size:1rem;font-weight:700}.class-plan-slot-panel{border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:10px;padding:14px;display:grid}.class-plan-slot-panel>label,.class-plan-slot label{gap:5px;min-width:0;max-width:336px;font-weight:700;display:grid}.class-plan-slot-panel>label input[type=date],.class-plan-slot input[type=time],.class-plan-slot select{border:1px solid var(--border);width:100%;max-width:none;height:52px;min-height:52px;color:var(--text);background:var(--surface);border-radius:9px;padding:8px 14px;font-size:1rem;font-weight:700}.class-plan-slot-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.class-plan-slot-heading .button{padding:7px 12px}.class-plan-slot{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:9px;display:grid}.class-plan-slot label,.class-plan-slot input,.class-plan-slot select{width:100%;min-width:0}.class-plan-slot .icon-button{margin-bottom:3px}.class-plan-slot-preview{background:var(--surface-muted,var(--surface));border-radius:9px;gap:5px;margin-top:4px;padding:11px 12px;font-size:.88rem;display:grid}.class-plan-slot-preview span{color:var(--muted)}.class-plan-topic-preview{background:var(--surface-muted,var(--surface));border-radius:10px;gap:4px;padding:12px 14px;display:grid}.class-plan-topic-preview span{color:var(--muted);font-size:.9rem}.class-plan-custom-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.class-plan-custom-dates>p{grid-column:1/-1;margin:0}.class-plan-custom-dates label{gap:6px;font-weight:700;display:grid}.class-plan-setup{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:12px 14px}.class-plan-setup summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:700;display:flex}.class-plan-setup summary span{color:var(--muted);font-size:.85rem;font-weight:500}.class-plan-setup-trigger{width:100%;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid}.class-plan-setup-trigger:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.class-plan-setup-trigger>span{color:var(--muted);font-size:.85rem;font-weight:500}.class-plan-setup-trigger>svg{color:var(--muted)}.class-lesson-setup-dialog .class-plan-block-choices{margin-top:20px}.class-lesson-setup-dialog .account-action-sticky-actions .button{min-height:38px;padding:7px 13px}.class-plan-block-choices{gap:6px;margin:12px 0;display:grid}.class-plan-block-choices label{border:1px solid var(--border);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.class-plan-block-choice{align-items:center;gap:8px;display:flex}.class-plan-block-choice>label{flex:1;min-width:0}.class-plan-reorder{gap:4px;display:flex}.class-plan-block-choices input{width:17px;height:17px}.class-plan-block-choices small{color:var(--muted)}.class-plan-submit-row{flex-wrap:wrap}.class-plan-page-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:24px;margin-top:26px;display:grid}.class-plan-teaching-list{gap:26px;min-width:0;display:grid}.class-plan-library-aside{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:16px;justify-items:start;gap:12px;padding:22px;display:grid}.class-plan-library-aside h3,.class-plan-library-aside p{margin:0}.class-plan-library-aside p,.class-plan-library-aside small{color:var(--muted)}.class-plan-library-aside .button{justify-content:space-between;justify-self:stretch}.class-plan-library-mark{width:46px;height:46px;color:var(--on-accent,#fff);background:var(--accent);border-radius:12px;place-items:center;display:grid}.class-lesson-library-page{width:100%;min-height:calc(100dvh - 120px);padding:0 4px 32px}.class-lesson-library-page-heading{justify-items:start;gap:6px;display:grid}.class-lesson-library-page-heading h1,.class-lesson-library-page-heading p{margin:0}.class-lesson-library-page-body{width:100%}.class-lesson-library-content{align-content:start;gap:18px;padding-top:20px;display:grid}.class-library-topic-lessons{padding-top:10px}.class-lesson-library-content>p{margin:0}.class-lesson-library-topics{gap:0;padding-top:24px}.class-lesson-library-content .content-topic-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.class-lesson-library-content .content-topic-card{min-height:220px}.class-lesson-library-content .content-topic-hero{min-height:165px}.class-library-back{justify-self:start}.class-library-lesson-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.class-library-lesson-heading h3,.class-library-lesson-heading p{margin:0}.class-library-lesson-heading p{margin-top:5px}.class-library-lesson-preview{gap:12px}.class-library-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.class-library-preview-toolbar strong{font-size:1.2rem}.class-library-preview-toolbar p{margin:4px 0 0}.class-library-preview-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.class-library-lesson-preview .pupil-preview{height:min(840px,100dvh - 145px);min-height:540px}.class-library-lesson-preview .pupil-preview-chrome{flex-wrap:wrap;gap:8px}.content-lesson-card.class-library-lesson-row{cursor:default;grid-template-columns:auto minmax(0,1fr) auto auto}.content-lesson-card.class-library-lesson-row:hover{border-color:var(--border);background:var(--surface);transform:none}.content-lesson-card>.class-library-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.class-library-row-actions .button{min-height:38px;padding:7px 12px;font-size:.88rem}.teacher-lesson-preview-page{width:100%;min-width:0;max-width:none;padding-bottom:24px}.teacher-lesson-preview-page .pupil-preview{width:100%;max-width:none}.teacher-lesson-preview-page .pupil-lesson-hero:after{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content:"Teacher preview · No XP issued or progress saved";letter-spacing:.01em;background:#091625ad;border:1px solid #ffffff73;border-radius:9px;max-width:calc(100% - 32px);padding:7px 12px;font-size:.78rem;font-weight:800;position:absolute;top:12px;left:16px;box-shadow:0 4px 14px #0000002b}.teacher-preview-context-actions{justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.teacher-preview-context-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.teacher-preview-context-buttons .button{white-space:nowrap;min-height:38px;padding:7px 11px}.live-shell .workspace-context .teacher-preview-context-buttons button.button{border:1px solid color-mix(in srgb, var(--border), var(--muted) 28%);color:var(--text);background:color-mix(in srgb, var(--surface) 88%, var(--accent));border-radius:7px;padding:7px 11px;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 2px 5px #0000001f}.live-shell .workspace-context .teacher-preview-context-buttons button.button.primary{border-color:color-mix(in srgb, var(--accent), #fff 26%);color:var(--on-accent);background:color-mix(in srgb, var(--accent) 90%, transparent)}.live-shell .workspace-context .teacher-preview-context-buttons button.button:hover{filter:brightness(1.05);text-decoration:none}.teacher-library-class-picker{border:1px solid var(--border);border-radius:12px;gap:8px;margin:0;padding:15px;display:grid}.teacher-library-class-picker legend{padding:0 6px;font-weight:750}.teacher-library-class-picker .subject-choice{margin:0}@media (width<=800px){.content-lesson-card.class-library-lesson-row{grid-template-columns:auto minmax(0,1fr)}.class-library-lesson-row>em,.class-library-row-actions{grid-column:2;justify-self:start}.teacher-lesson-preview-page{padding-bottom:12px}.teacher-preview-context-actions{flex:100%}}.class-lesson-library-page .class-plan-builder{margin-top:0}.class-plan-section-title{margin-bottom:10px}.class-plan-section-title span{min-width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-radius:99px;place-items:center;font-weight:750;display:grid}.class-plan-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px;padding:13px 14px;display:flex}.class-plan-card-main{gap:4px;min-width:0;display:grid}.class-plan-card-main>strong{font-size:1rem}.class-plan-card-main>small,.class-plan-card-main>.muted{color:var(--muted)}.class-plan-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.class-plan-card-actions .button{padding:7px 10px;font-size:.86rem}.plan-status{justify-self:start;font-size:.75rem}.plan-scheduled{color:var(--accent)}.plan-skipped{color:var(--muted)}.class-plan-edit{margin-top:18px}.class-plan-past{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}.class-plan-past>summary{color:var(--muted);cursor:pointer;font-weight:700}.school-holiday-settings{border-top:1px solid var(--border);gap:14px;margin-top:24px;padding-top:22px;display:grid}.school-holiday-settings h3{margin:0}.school-holiday-form{grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;align-items:end;gap:12px;display:grid}.school-holiday-list{gap:7px;display:grid}.school-holiday-list article{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.school-holiday-list article>span{gap:3px;display:grid}.school-holiday-list small{color:var(--muted)}.class-marking-panel{gap:16px;display:grid}.class-live-overview{gap:12px;display:grid}.class-live-heading{gap:4px;display:grid}.class-live-heading h2,.class-live-heading p{margin:0}.class-live-controls{gap:7px;width:100%;display:grid}.class-live-controls>label{color:var(--muted);font-size:.8rem;font-weight:750}.class-live-controls select{border:1px solid color-mix(in srgb, var(--border), var(--accent) 20%);width:100%;min-width:0;max-width:none;height:48px;color:var(--text);background:var(--surface);font:inherit;border-radius:10px;padding:8px 14px;font-size:.92rem;font-weight:650}.class-live-toggle{color:#344054;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#e4e7ec;border:1px solid #d0d5dd;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:.78rem;font-weight:750;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 5px #10182824}.class-live-toggle.is-live{color:#fff;background:#b42318;border-color:#b42318;box-shadow:0 2px 7px #b423183d}.class-live-toggle:disabled{opacity:.55;cursor:not-allowed}.class-live-toggle>svg{color:#667085}.class-live-toggle.is-live>svg{color:#fff}.class-live-toggle:not(:disabled):hover{filter:brightness(.96)}.class-live-context-actions{align-items:center;margin-left:auto;display:inline-flex}.class-live-launch-card{border:1px solid var(--border);background:color-mix(in srgb, var(--brand-strong) 5%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.class-live-launch-card h3,.class-live-launch-card p{margin:0}.class-live-launch-card p{margin-top:4px}.class-live-launch-card .button{align-items:center;gap:7px;display:inline-flex}.class-live-summary{grid-template-columns:repeat(5,minmax(70px,1fr)) auto;align-items:stretch;gap:7px;display:grid}.class-live-stat{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:7px;min-height:44px;padding:5px 10px;display:grid}.class-live-stat strong{background:color-mix(in srgb, var(--brand-strong) 9%, var(--surface));border-radius:8px;place-items:center;width:25px;height:25px;font-size:.92rem;display:grid}.class-live-stat span{color:var(--muted);font-size:.73rem;font-weight:700}.class-live-stat.is-absent strong{color:#536278;background:#edf1f6}.class-live-stat.is-not-started strong{color:#986319;background:#fff4dc}.class-live-stat.is-working strong{color:#2769a5;background:#eaf4ff}.class-live-stat.is-submitted strong{color:#6541b7;background:#f2ecff}.class-live-stat.is-completed strong{color:#237b51;background:#e8f7ee}.class-live-summary>p{color:var(--muted);text-align:right;align-self:center;margin:0 0 0 4px;font-size:.7rem}.class-live-list-head,.class-live-pupil{grid-template-columns:minmax(140px,200px) minmax(200px,1fr) auto 105px;align-items:center;gap:12px;display:grid}.class-live-list-head{min-height:30px;color:var(--muted);padding:0 10px;font-size:.7rem;font-weight:800}.class-live-list-head>span:last-child{text-align:center;grid-column:4}.class-live-sort-heading{align-items:center;gap:5px;min-width:0;display:flex}.class-live-sort-heading:first-child{grid-column:1}.class-live-progress-sort{grid-column:2/4}.class-live-sort-arrows{flex:none;align-items:center;gap:2px;display:inline-flex}.class-live-sort-arrow{width:23px;height:23px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:inline-grid}.class-live-sort-arrow:hover,.class-live-sort-arrow.active{border-color:var(--border);color:var(--text);background:var(--surface)}.class-live-sort-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.class-live-pupil-list{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-height:110px}.class-live-pupil{border-bottom:1px solid color-mix(in srgb, var(--border) 75%, transparent);min-height:42px;padding:4px 10px}.class-live-pupil:last-child{border-bottom:0}.class-live-pupil.is-absent{background:color-mix(in srgb, #edf1f6 55%, var(--surface))}.class-live-pupil-name{gap:1px;min-width:0;display:grid}.class-live-pupil-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.class-live-pupil-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.class-live-status.is-completed{color:#237b51}.class-live-status.is-submitted{color:#6541b7}.class-live-status.is-in-progress{color:#2769a5}.class-live-chips{scrollbar-width:thin;gap:4px;min-width:0;display:flex;overflow-x:auto}.class-live-chip{border:1px solid var(--border);min-width:32px;min-height:30px;color:var(--muted);background:var(--soft);white-space:nowrap;border-radius:7px;flex:1 1 0;place-items:center;padding:0 3px;font-size:.7rem;font-weight:800;display:inline-grid}.class-live-chip.is-complete{color:#176b43;background:#def7e8;border-color:#93dfb7}.class-live-chip.is-working{color:#8a5a08;background:#fff5d9;border-color:#f1ce73;box-shadow:inset 0 0 0 1px #f1ce732e}.class-live-count{color:var(--muted);text-align:center;font-size:.72rem}.class-live-attendance{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:82px;min-height:28px;padding:4px 8px;font-size:.7rem;font-weight:800;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.class-live-attendance.is-present{color:#176b43;background:#e8f7ee;border-color:#a8d7b8}.class-live-attendance.is-present:hover:not(:disabled){background:#d9f0e2;border-color:#71b88c}.class-live-attendance.is-absent{color:#704b08;background:#f4dfa2;border-color:#d4ad52}.class-live-attendance.is-absent:hover:not(:disabled){background:#efd487;border-color:#bd9130}.class-live-attendance:disabled{opacity:.6;cursor:wait}.class-live-empty{border:1px dashed var(--border);text-align:center;border-radius:10px;padding:16px}.class-live-empty p{margin:0 0 4px;font-weight:750}.class-live-empty small{color:var(--muted)}.class-marking-panel>.section-heading{margin-bottom:0}.class-marking-selected-lesson{color:var(--text);margin:4px 0 0;font-size:1rem;font-weight:750;line-height:1.35}.class-marking-queue-list{gap:10px;display:grid}.class-marking-queue-card{--marking-accent:var(--content-a,var(--brand-strong));border:1px solid color-mix(in srgb, var(--marking-accent) 24%, var(--border));background-color:var(--surface);min-width:0;color:var(--text);border-radius:15px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;padding:15px;display:grid;box-shadow:0 3px 12px #18273e0d}.class-marking-queue-card.content-visual-circuit,.class-marking-queue-card.content-visual-aurora,.class-marking-queue-card.content-visual-atlas,.class-marking-queue-card.content-visual-ripple{background-color:color-mix(in srgb, var(--content-a) 9%, var(--surface));background-image:linear-gradient(110deg, color-mix(in srgb, var(--content-a) 9%, transparent), transparent 72%)}.class-marking-queue-card.has-image{color:#fff;background-color:var(--content-a,#26364f);background-image:var(--lesson-image)}.class-marking-queue-number{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(9px);text-align:center;white-space:nowrap;background:#1e2d447a;border:1px solid #ffffff61;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:78px;min-height:28px;padding:3px 10px;font-size:.76rem;font-weight:800;line-height:1.15;display:inline-flex;box-shadow:inset 0 1px #fff3,0 2px 7px #121e321f}.class-marking-queue-copy{gap:5px;min-width:0;display:grid}.class-marking-queue-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;overflow:hidden}.class-marking-queue-title-line{flex-wrap:wrap;align-items:baseline;gap:4px 7px;min-width:0;display:flex}.class-marking-queue-title-line h3{flex:0 auto}.class-marking-queue-title-separator{color:var(--muted);font-weight:650}.class-marking-queue-meta{flex-wrap:wrap;align-items:center;gap:5px 12px;min-width:0;display:flex}.class-marking-queue-topic{color:inherit;letter-spacing:0;font-size:1.05rem;font-weight:750}.class-marking-queue-card.has-image .class-marking-queue-title-separator{color:#ffffffd6}.class-marking-queue-copy small{color:var(--muted)}.class-marking-queue-card.has-image .class-marking-queue-copy small{color:#ffffffd1}.class-marking-queue-card.has-image .class-marking-queue-details{color:#ffffffe0}.class-marking-queue-count{color:var(--muted);text-align:right;font-size:.86rem;font-weight:650}.class-marking-queue-details{color:var(--muted);font-size:1.05rem;font-weight:500}.class-marking-queue-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.class-marking-queue-card.has-image .class-marking-queue-number{color:#fff;background:#1e2d447a}.class-marking-queue-card.has-image .class-marking-queue-count{color:#fff}.class-marking-queue-card .button{white-space:nowrap}.class-mark-all-dialog>p{max-width:560px;line-height:1.6}.class-marking-history{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:8px;overflow:hidden;box-shadow:0 3px 12px #18273e0d}.class-marking-history>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;list-style:none;display:flex}.class-marking-history>summary::-webkit-details-marker{display:none}.class-marking-history-copy{gap:4px;display:grid}.class-marking-history-copy strong{color:var(--text);font-size:1rem;font-weight:750}.class-marking-history-copy small{color:var(--muted);font-size:.88rem;font-weight:400}.class-marking-history-controls{color:var(--muted);flex:none;align-items:center;gap:10px;display:inline-flex}.class-marking-history-count{background:var(--surface-muted,#f1f3f6);min-width:30px;height:30px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.84rem;font-weight:700;display:inline-flex}.class-marking-history-chevron{transition:transform .18s}.class-marking-history[open] .class-marking-history-chevron{transform:rotate(180deg)}.class-marking-history-content{border-top:1px solid var(--border);gap:12px;padding:16px 18px;display:grid}.class-marking-history-content>p{margin:0}.class-marking-queue-card-history{box-shadow:none}.class-marking-queue-card-history .class-marking-queue-count{color:#356d51}.class-marking-lesson-select{gap:6px;max-width:640px;font-weight:700;display:grid}.class-marking-lesson-select small,.class-marking-shared summary small,.class-marking-personal small{color:var(--muted);font-weight:400}.class-marking-shared{background:#f0f8f3;border-color:#b8ddca}.class-marking-shared .class-marking-history-copy strong{color:#284d39}.class-marking-shared .class-marking-history-content,.class-marking-shared-content{border-color:#d4e9dd}.class-marking-shared-content{gap:12px;padding:16px 18px;display:grid}.class-marking-shared-status{color:#356d51;font-size:.85rem;font-weight:650}.class-marking-shared-actions{justify-content:flex-end;display:flex}.class-marking-shared-actions .button{min-width:190px}.class-marking-layout{grid-template-columns:minmax(290px,.42fr) minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.class-marking-roster{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-content:start;gap:6px;max-height:min(72vh,760px);padding:10px;display:grid;position:sticky;top:14px;overflow:auto}.class-marking-roster-heading{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 8px 10px;display:flex}.class-marking-roster-heading span{color:var(--muted)}.class-marking-pupil{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:4px;padding:10px;display:grid}.class-marking-pupil:hover,.class-marking-pupil.active{border-color:var(--brand-strong);background:var(--brand-soft,var(--surface-muted))}.class-marking-pupil>span{overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.3}.class-marking-pupil small{color:var(--muted)}.class-marking-work{gap:14px;min-width:0;display:grid}.class-marking-personal{background:#f6f1fd;border-color:#c9bae7}.class-marking-work>.class-marking-personal{margin-top:0}.class-marking-personal .class-marking-history-copy strong{color:#49386d}.class-marking-personal .class-marking-history-content,.class-marking-personal-content{border-color:#e2d8f1}.class-marking-personal-content{gap:12px;padding:16px 18px;display:grid}.class-marking-personal-status{color:#654e91;font-size:.85rem;font-weight:650}.class-marking-personal-actions{justify-content:flex-end;display:flex}.class-marking-personal-actions .button{min-width:190px}.class-marking-response{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;min-width:0;padding:14px;display:grid}.class-marking-response>header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.class-marking-response>header>div{gap:5px;min-width:0;display:grid}.class-marking-response h3{margin:0}.class-marking-status{background:var(--surface-muted);border-radius:999px;flex:0 auto;align-items:center;max-width:100%;padding:5px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.class-marking-status.pending{color:#8a5a00;background:#fff5d9}.class-marking-status.marked{color:#356d51;background:#eaf5ee}.class-marking-question,.class-marking-answer{background:var(--surface-muted,#f6f7f9);border-radius:9px;gap:4px;padding:9px 11px;display:grid}.class-marking-question{align-items:baseline;gap:6px;display:flex}.class-marking-question>strong{flex:none}.class-marking-question .rich-text-content{min-width:0}.class-marking-question .rich-text-content p{margin:0;display:inline}.class-marking-answer{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.class-marking-actions{box-sizing:border-box;grid-template-columns:116px minmax(0,1fr);align-items:stretch;gap:clamp(32px,5vw,84px);min-width:0;padding-right:12px;display:grid}.class-marking-grade-actions{grid-template-columns:repeat(4,116px);justify-content:end;gap:8px;min-width:0;display:grid}.class-marking-actions .button{box-sizing:border-box;white-space:nowrap;flex:0 0 116px;justify-content:center;width:116px;min-width:116px;min-height:34px;padding:5px 4px;font-size:.75rem;line-height:1.15;display:inline-flex}.class-marking-actions .class-marking-return{color:#302600;text-align:center;background:#d6a600;border-color:#b78800;justify-content:center;padding-inline:6px;font-weight:750}.class-marking-actions .class-marking-return:hover:not(:disabled){color:#211a00;background:#c29400;border-color:#986e00}.class-marking-grade-final{margin-left:12px;position:relative}.class-marking-grade-final:before{color:var(--muted);content:"|";font-weight:500;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.class-marking-auto-summary p{color:var(--muted);margin:4px 0}.class-marking-auto-answers{color:var(--muted);margin:0;padding-left:22px}.class-marking-auto-answers li+li{margin-top:3px}.class-marking-auto-answers li.incorrect{color:#8d1d2c;font-weight:650}.class-marking-empty{border:1px dashed var(--border);text-align:center;border-radius:14px;padding:32px}.class-marking-empty h3{margin-top:0}.pupil-class-shared-feedback,.pupil-personal-feedback{border-radius:12px;margin:0 0 14px;padding:14px 16px}.pupil-class-shared-feedback{color:#263c30;background:#ffffffd1;border:1px solid #b8ddca}.pupil-personal-feedback{color:#30263f;background:#f6f1fd;border:1px solid #c9bae7}.pupil-class-shared-feedback .eyebrow,.pupil-personal-feedback .eyebrow{margin:0 0 7px}.pupil-class-shared-feedback>:last-child,.pupil-personal-feedback>:last-child{margin-bottom:0}@media (width<=850px){.class-plan-form-grid,.class-plan-custom-dates,.class-plan-page-layout{grid-template-columns:1fr}.school-holiday-form{grid-template-columns:1fr 1fr}.class-marking-layout{grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);gap:10px}.class-marking-roster{max-height:64vh}}@media (width<=1000px){.class-marking-actions{grid-template-columns:1fr;gap:10px}.class-marking-grade-actions{grid-template-columns:repeat(2,116px);justify-content:end;gap:6px}}@media (width<=620px){.class-marking-layout{grid-template-columns:1fr}.class-marking-roster{max-height:240px;position:static}}@media (width<=760px){.class-marking-queue-card{grid-template-columns:minmax(0,1fr);gap:10px 12px}.class-marking-queue-copy{grid-column:1}.class-marking-queue-count{text-align:left}.class-marking-queue-actions{flex-wrap:wrap;justify-content:flex-start}.class-marking-queue-card>.button{grid-column:1;justify-self:start}}@media (width<=600px){.class-plan-card,.class-plan-submit-row,.class-library-lesson-heading{flex-direction:column;align-items:stretch}.class-plan-card-actions{justify-content:flex-start}.class-plan-setup summary{flex-direction:column}.class-plan-setup-trigger{grid-template-columns:minmax(0,1fr) auto}.class-plan-setup-trigger>span{grid-column:1}.class-plan-setup-trigger>svg{grid-area:1/2/3}.school-holiday-form,.class-lesson-library-content .content-topic-grid{grid-template-columns:1fr}.class-plan-slot{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}.content-studio-heading,.content-lesson-strip,.lesson-author-heading,.lesson-author-block>header,.lesson-author-block>footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.content-studio-heading{margin:8px 0 24px}.content-studio-heading h1{margin:0 0 7px}.content-studio-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.content-studio.has-topic .content-studio-heading{margin-bottom:8px}.content-studio.has-topic .content-studio-heading .eyebrow,.content-studio.has-topic .content-studio-heading .muted{display:none}.content-studio.has-topic .content-studio-heading h1{margin:0;font-size:1.32rem}.topic-library-search{gap:7px;font-size:.85rem;font-weight:700;display:grid}.content-library-list{gap:7px;margin-top:14px;display:grid}.content-library-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.content-library-item:hover,.content-library-item.selected{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.content-library-item>span:last-child{gap:2px;min-width:0;display:grid}.content-library-item strong,.content-library-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-library-item small{color:var(--muted)}.content-library-dot{border-radius:8px;flex:none;width:13px;height:38px}.content-library-view,.content-topic-view{min-height:0;padding:4px 18px 24px}.content-library-toolbar{width:100%;margin-bottom:18px;display:flex}.content-library-toolbar .topic-library-search{width:100%;font-size:.875rem;font-weight:400}.content-library-toolbar .topic-library-search input{border:1px solid var(--border);background:var(--canvas);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:12px}.content-subject-tabs{scrollbar-width:thin;gap:9px;padding:2px 0 17px;display:flex;overflow-x:auto}.content-subject-tabs button{border:1px solid var(--border);width:190px;min-height:46px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:11px;flex:0 0 190px;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.content-subject-tabs button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.content-subject-tabs button.active,.content-subject-tabs button.active:hover{border-color:var(--accent);color:var(--on-accent);background:var(--accent);box-shadow:0 3px 9px #131f2d21}.content-subject-tabs button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}.content-subject-tabs .subject-filter-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:650;overflow:hidden}.content-subject-tabs .subject-filter-count{background:color-mix(in srgb, currentColor 11%, transparent);border-radius:8px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:grid}.content-topic-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:14px;display:grid}.content-topic-card{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:15px;align-content:end;gap:7px;min-height:205px;padding:19px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #121f2f1f}.content-topic-card:after{content:"";background:linear-gradient(#0000,#050e19a6);position:absolute;inset:38% 0 0}.content-topic-card>*{z-index:1;position:relative}.content-topic-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #121f2f30}.content-topic-card>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.content-topic-card>strong{font-size:1.25rem;line-height:1.12}.content-topic-card>small{color:#ffffffd6}.content-topic-card>i{align-items:center;gap:5px;margin-top:6px;font-size:.8rem;font-style:normal;font-weight:800;display:flex}.content-lesson-list{gap:8px;display:grid}.content-lesson-card{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.content-lesson-card:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.content-lesson-card:disabled{cursor:default;opacity:.78}.content-lesson-card:disabled:hover{border-color:var(--border);background:var(--surface)}.content-lesson-card>span{width:30px;height:30px;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--surface));border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;display:grid}.content-lesson-card>div{gap:3px;min-width:0;display:grid}.content-lesson-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-lesson-card em{color:var(--muted);background:var(--soft);text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:.72rem;font-style:normal}.content-lesson-editor-bar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:5px 18px;display:flex}.content-lesson-editor-bar>span{color:var(--muted);margin-left:auto;font-size:.78rem}.content-main{min-width:0}.content-visual-circuit{--content-a:#315fc4;--content-b:#7d9cff;background-color:var(--content-a);background-image:linear-gradient(127deg,#ffffff1c 1px,#0000 1px),linear-gradient(42deg,#ffffff14 1px,#0000 1px),radial-gradient(circle at 80% 20%,#ffffff42,#0000 25%);background-size:36px 36px,54px 54px,auto}.content-visual-aurora{--content-a:#28634f;--content-b:#70b995;background-color:var(--content-a);background-image:radial-gradient(circle at 75% 10%,#aeffda6b,#0000 28%),radial-gradient(circle at 12% 110%,#fff3,#0000 40%)}.content-visual-atlas{--content-a:#784151;--content-b:#d87f94;background-color:var(--content-a);background-image:repeating-linear-gradient(125deg,#0000 0 26px,#ffffff17 27px 28px),radial-gradient(circle at 82% 15%,#ffe7c647,#0000 29%)}.content-visual-ripple{--content-a:#33527f;--content-b:#6ab9ce;background-color:var(--content-a);background-image:repeating-radial-gradient(at 86% 15%,#ffffff21 0 2px,#0000 3px 28px),linear-gradient(140deg,#0000,#ffffff1a)}.content-topic-hero{color:#fff;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:20px;min-height:202px;padding:28px;display:flex;overflow:hidden;box-shadow:0 12px 26px #18254229}.content-studio .content-topic-hero{min-height:136px}.content-topic-hero>div{max-width:780px}.content-topic-hero h2{color:#fff;margin:5px 0 8px;font-size:clamp(1.8rem,3vw,3rem)}.content-topic-hero p{color:#ffffffe0;max-width:700px;margin:0;line-height:1.55}.content-topic-hero>div>span:first-child,.pupil-lesson-hero>p{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.content-topic-meta{gap:7px;margin-top:14px;display:flex}.content-topic-meta span{text-transform:capitalize;background:#0c14242e;border:1px solid #ffffff4d;border-radius:999px;padding:4px 9px;font-size:.78rem}.content-topic-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.glass-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#ffffff2e!important;border-color:#ffffff6b!important}.content-lesson-strip{padding:24px 4px 12px}.content-studio.has-topic .content-lesson-strip{padding:7px 4px 8px}.content-lesson-strip h2{margin:0 0 3px;font-size:1.08rem}.content-lesson-strip p{margin:0}.content-lesson-strip-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.content-lesson-tabs{gap:9px;padding:2px 0 10px;display:flex;overflow-x:auto}.content-lesson-tabs>button{border:1px solid var(--border);min-width:152px;color:var(--text);text-align:left;background:var(--surface);cursor:pointer;border-radius:11px;grid-template-columns:24px 1fr;align-items:center;gap:4px 8px;padding:11px;display:grid}.content-lesson-tabs>button:hover,.content-lesson-tabs>button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.content-lesson-tabs span{width:24px;height:24px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:50%;grid-row:span 2;place-items:center;font-size:.74rem;font-weight:800;display:grid}.content-lesson-tabs small{color:var(--muted);text-transform:capitalize}.content-studio-workspace{display:block}.lesson-arranger{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 44%, var(--surface));border-radius:16px;margin:0 0 18px;padding:clamp(18px,2.3vw,28px);box-shadow:0 8px 24px #121f2f0f}.lesson-arranger>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.lesson-arranger h2{margin:3px 0 5px;font-size:1.2rem}.lesson-arranger p{margin:0}.arrange-story-list{gap:2px;max-width:940px;display:grid}.arrange-stage-group{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, var(--soft));border-radius:13px;gap:5px;margin:10px 0 14px;padding:12px;display:grid}.arrange-stage-group>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px 6px;display:flex}.arrange-stage-group>header h3{margin:0;font-size:.95rem}.arrange-stage-group>header span{color:var(--muted);font-size:.82rem}.arrange-story-item{position:relative}.arrange-insertion{border-radius:999px;height:10px;margin:-4px 12px -4px 36px;transition:background .12s,box-shadow .12s}.arrange-insertion.visible{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.arrange-insertion-end{cursor:copy;min-height:14px;margin-top:2px}.arrange-story-card{border:1px solid var(--border);background:var(--surface);cursor:grab;border-radius:11px;grid-template-columns:25px 30px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:66px;padding:9px 11px;transition:opacity .12s,border-color .12s,box-shadow .12s;display:grid;box-shadow:0 2px 7px #121f2f0a}.arrange-story-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 5px 13px #121f2f14}.arrange-story-card.dragging{opacity:.45;cursor:grabbing}.arrange-grip{color:var(--muted);place-items:center;display:grid}.arrange-position{width:25px;height:25px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:50%;place-items:center;font-size:.76rem;font-weight:850;display:grid}.arrange-story-card>div{gap:2px;min-width:0;display:grid}.arrange-story-card small{color:var(--muted);letter-spacing:.025em;text-transform:uppercase;font-size:.72rem;font-weight:750}.arrange-story-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.arrange-xp{border:1px solid var(--border);color:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:850}.arrange-actions{grid-template-columns:none!important;gap:4px!important;display:flex!important}.arrange-actions .icon-button{width:32px;height:32px}.legacy-author-canvas{display:none}.lesson-author-canvas{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:20px}.lesson-author-heading{align-items:flex-start;margin-bottom:18px}.lesson-author-heading>div:first-child{flex:1;min-width:0}.lesson-author-heading input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:0;margin:3px 0 7px;padding:4px 0 7px;font-size:1.5rem;font-weight:800}.lesson-author-heading textarea{resize:vertical;min-height:46px;margin:0}.lesson-status-actions{flex:none;justify-items:end;gap:8px;display:grid}.lesson-visual-select{color:var(--muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;gap:3px;font-size:.72rem;font-weight:800;display:grid}.lesson-visual-select select{min-width:138px;color:var(--text);letter-spacing:normal;text-transform:none;padding:6px 8px;font-size:.82rem;font-weight:600}.lesson-status-draft{color:#865b17;background:#fff8df}.lesson-status-published{color:#216147;background:#eaf8ee}.block-add-menu{border:1px dashed color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface));border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;padding:11px;display:flex}.block-add-menu>span{color:var(--muted);text-transform:uppercase;margin-right:3px;font-size:.8rem;font-weight:800}.block-add-menu .button{padding:7px 9px;font-size:.8rem}.lesson-block-list{gap:13px;margin-top:15px;display:grid}.lesson-author-block{border:1px solid color-mix(in srgb, var(--block-accent) 28%, var(--border));border-left:4px solid var(--block-accent);background:color-mix(in srgb, var(--block-accent) 4%, var(--soft));border-radius:13px;padding:14px;box-shadow:0 4px 10px #0e182608}.lesson-author-block>header{margin-bottom:8px}.lesson-author-block>header select{width:auto;min-width:155px;padding-block:7px;font-weight:700}.block-position{width:25px;height:25px;color:var(--on-accent);background:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:grid}.block-reward-controls{align-items:center;gap:7px;margin-left:auto;display:flex}.block-reward-controls label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:.7rem;font-weight:800;display:flex}.block-reward-controls input[type=number]{width:66px;padding:7px}.block-reward-controls input[type=color]{cursor:pointer;width:39px;height:34px;padding:3px}.block-order-actions{gap:3px;margin-left:auto;display:flex}.lesson-author-block>input,.lesson-author-block>textarea{width:100%;margin:0 0 8px}.lesson-author-block>textarea{resize:vertical;min-height:82px}.lesson-author-block>footer{margin-top:2px}.lesson-author-block>footer .button{padding:7px 9px}.destructive{color:#9a3345!important}.lesson-block-empty,.content-studio-empty,.pupil-empty-preview{color:var(--muted);text-align:center;place-items:center;gap:7px;padding:30px 18px;display:grid}.lesson-block-empty p,.pupil-empty-preview p{max-width:350px;margin:0}.content-preview-launch{z-index:16;border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));width:48px;min-height:52px;color:var(--on-accent);background:color-mix(in srgb, var(--accent) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-right:0;border-radius:13px 0 0 13px;align-items:center;gap:9px;padding:0 14px;transition:width .2s;display:flex;position:fixed;top:44%;right:0;overflow:hidden;box-shadow:0 10px 25px #0003}.content-preview-launch span{white-space:nowrap;min-width:112px;font-weight:800}.content-preview-launch:hover,.content-preview-launch:focus-visible{width:166px}.topic-library-dialog{width:min(1450px,100vw - 36px)}.dialog-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(480px,58dvh);overflow-y:auto}.pupil-preview-dialog{width:min(1180px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden}.pupil-preview-dialog .account-action-dialog-inner{padding:18px;display:block}.pupil-preview-dialog .dialog-brand-mark{z-index:2;position:absolute;top:23px;left:25px}.pupil-preview-dialog .account-action-close{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08121f52}.pupil-preview{border:1px solid var(--border);background:var(--surface);border-radius:17px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;min-width:0;height:calc(100dvh - 60px);display:grid;overflow:hidden;box-shadow:0 12px 28px #121f2f14}.pupil-preview-chrome{color:var(--muted);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--soft) 82%, var(--surface));letter-spacing:.06em;justify-content:space-between;padding:9px 14px;font-size:.71rem;font-weight:800;display:flex}.pupil-lesson-hero{color:#fff;isolation:isolate;grid-template-rows:minmax(112px,1fr) auto;min-height:245px;display:grid;position:relative;overflow:hidden}.pupil-hero-image{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .28s;position:absolute;inset:0}.pupil-hero-image.is-loaded{opacity:1}.pupil-hero-art{z-index:1;isolation:isolate;place-content:center;place-items:center;gap:8px;min-height:112px;display:grid;position:relative}.pupil-hero-art:before,.pupil-hero-art:after{z-index:-1;content:"";border:1px solid #ffffff3d;border-radius:38px;width:180px;height:180px;position:absolute;transform:rotate(28deg)}.pupil-hero-art:after{border-width:2px;width:105px;height:105px;transform:rotate(-18deg)}.pupil-hero-art svg{filter:drop-shadow(0 8px 18px #05102247)}.pupil-hero-art>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08132436;border:1px solid #ffffff47;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:800}.pupil-hero-band{z-index:1;background:color-mix(in srgb, var(--content-a) 83%, #14241f);justify-content:space-between;align-items:flex-end;gap:22px;padding:17px 24px 19px;display:flex;position:relative;box-shadow:0 -12px 32px #040c181f}.pupil-hero-band>div:first-child{min-width:0;max-width:900px}.pupil-hero-band p{color:#ffffffc7;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.pupil-hero-band h2{color:#fff;margin:5px 0 4px;font-size:clamp(1.55rem,2.35vw,2.25rem);line-height:1.05}.pupil-hero-band span{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pupil-hero-actions strong{white-space:nowrap;background:#060f1c38;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.pupil-stage-tabs{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));gap:7px;padding:8px 10px;display:grid}.pupil-stage-tabs button{min-width:0;min-height:40px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-weight:750}.pupil-stage-tabs button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.pupil-stage-tabs button.active{border-color:color-mix(in srgb, var(--accent) 75%, var(--border));color:var(--on-accent);background:var(--accent);box-shadow:0 6px 15px color-mix(in srgb, var(--accent) 20%, transparent)}.pupil-stage-tabs button:disabled{opacity:.42;cursor:not-allowed}.pupil-stage-tabs span{opacity:.75;font-size:.78em}.pupil-stage-tabs button.complete,.pupil-stage-tabs button.complete:hover:not(:disabled){color:#176646;background:#e7f6ed}.pupil-stage-tabs button.complete.active{color:#fff;background:#25835c;border-color:#25835c}.pupil-stage-tabs button.shared-feedback{color:#176646;background:#f0f8f3;border-color:#b8ddca}.pupil-stage-tabs button.shared-feedback.active{color:#fff;background:#25835c;border-color:#25835c}.pupil-stage-tabs button.shared-feedback:disabled{opacity:1}.pupil-shared-feedback-stage{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.pupil-preview-student .pupil-shared-feedback-stage{padding:0}.pupil-preview-student .pupil-shared-feedback-stage .pupil-block-stage{flex:auto;place-items:stretch stretch;width:100%;min-height:0;display:flex}.pupil-shared-feedback-content{width:100%;padding:32px clamp(4px,1.7vw,26px) 88px 4px}.pupil-shared-feedback-display{color:#263c30;background:#effaf4;border:1px solid #9ae6c0;border-radius:14px;padding:16px}.pupil-shared-feedback-display>h2{color:#173d30;align-items:center;gap:10px;margin:0 0 7px;font-size:1.05rem;display:flex}.pupil-shared-feedback-display>h2 svg{flex:none}.pupil-shared-feedback-intro{color:#527365;margin:0 0 16px}.pupil-preview-student .pupil-shared-feedback-stage .pupil-class-shared-feedback{margin:0}.pupil-shared-feedback-reply{width:100%;max-width:none;margin-top:14px;display:block}.pupil-shared-feedback-reply textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:78px;color:var(--text);background:var(--surface);font:inherit;border-radius:10px;margin:0;padding:10px 12px;display:block}.pupil-preview-student .pupil-shared-feedback-stage .pupil-completed-button,.pupil-preview-student .pupil-shared-feedback-stage .pupil-completed-button:disabled{position:static}.pupil-segment-menu{display:none}.pupil-segment-trigger{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, var(--surface)), var(--surface));cursor:pointer;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 13px;display:grid;box-shadow:0 4px 12px #121f2f12}.pupil-segment-trigger>span{font-weight:850}.pupil-segment-trigger>strong{min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:.82rem;font-weight:750;display:inline-flex;overflow:hidden}.pupil-segment-trigger>strong span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pupil-segment-trigger>svg{color:var(--muted);transition:transform .16s}.pupil-segment-menu.open .pupil-segment-trigger>svg{transform:rotate(180deg)}.pupil-segment-options{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;margin-top:6px;padding:6px;display:grid;box-shadow:0 10px 24px #121f2f1c}.pupil-segment-options button{min-height:43px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-weight:750;display:flex}.pupil-segment-options button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.pupil-segment-options button.active{color:var(--on-accent);background:var(--accent)}.pupil-segment-options button.complete:not(.active){color:#176646;background:#e7f6ed}.pupil-segment-options button:disabled{color:var(--muted);background:var(--soft);opacity:.62;cursor:not-allowed}.pupil-screen-progress{border-bottom:1px solid var(--border);background:var(--soft);height:24px;position:relative;overflow:hidden}.pupil-screen-progress>span{background:color-mix(in srgb, var(--accent) 18%, transparent);transition:width .25s;position:absolute;inset:0 auto 0 0}.pupil-screen-progress small{z-index:1;height:100%;color:var(--muted);place-items:center;font-weight:800;display:grid;position:relative}.pupil-preview-body{min-height:0;padding:14px clamp(15px,2.4vw,28px) 18px;display:block;overflow-y:auto}.pupil-stage-heading{justify-content:space-between;align-items:center;gap:14px;width:min(1050px,100%);min-height:38px;margin:0 auto 10px;display:flex}.pupil-stage-heading>strong{font-size:1.05rem}.pupil-stage-heading>div{gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.pupil-stage-heading>.pupil-stage-item-tabs{display:flex}.pupil-stage-heading button{border:1px solid var(--border);color:var(--text);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:8px;padding:6px 11px}.pupil-stage-heading button.active{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.pupil-stage-heading button:disabled{opacity:.4;cursor:not-allowed}.pupil-stage-heading button.complete{color:#176646;background:#e7f6ed;border-color:#aadbc0}.pupil-stage-heading button.complete.active{color:#fff;background:#25835c;border-color:#25835c}.pupil-block-mobile-pager,.pupil-mobile-activity-pager{display:none!important}.pupil-block-mobile-pager button,.pupil-mobile-activity-pager button{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.pupil-block-mobile-pager button:disabled,.pupil-mobile-activity-pager button:disabled{opacity:.38;cursor:not-allowed}.pupil-block-mobile-pager strong,.pupil-mobile-activity-pager strong{color:var(--text);text-align:center;font-size:.92rem}.pupil-mobile-activity-pager{justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px}.pupil-block-stage{place-items:center;width:min(1050px,100%);margin:0 auto;display:grid;position:relative}.pupil-block-xp{z-index:3;border:1px solid color-mix(in srgb, var(--block-accent) 24%, var(--border));color:var(--accent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:.76rem;font-weight:900;display:inline-flex;position:absolute;top:13px;right:14px}.pupil-section-edit{z-index:3;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 10px;position:absolute;top:13px;right:92px}.pupil-section-tools{z-index:3;align-items:center;gap:5px;display:flex;position:absolute;top:12px;right:92px}.pupil-section-tools .pupil-section-edit{border-color:color-mix(in srgb, var(--border) 70%, transparent);color:var(--text);background:color-mix(in srgb, var(--surface) 45%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 11px;position:static;box-shadow:inset 0 1px #ffffff47}.pupil-section-move{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:34px;height:34px;color:var(--text);background:color-mix(in srgb, var(--surface) 45%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.pupil-section-move:hover:not(:disabled),.pupil-section-tools .pupil-section-edit:hover{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 72%, transparent)}.pupil-section-move:disabled{opacity:.35;cursor:not-allowed}.pupil-block{padding:clamp(21px,3vw,32px);border:1px solid color-mix(in srgb, var(--block-accent) 32%, var(--border));border-top:5px solid var(--block-accent);background:color-mix(in srgb, var(--block-accent) 4%, var(--surface));border-radius:15px;width:100%;padding-top:clamp(49px,5vw,56px);box-shadow:0 10px 26px #121f2f14}.pupil-block h3{margin:0 0 12px;font-size:clamp(1.25rem,2.5vw,1.8rem)}.pupil-block h3.student-activity-title{align-items:center;gap:.48em;display:flex}.student-activity-title-icon{width:1em;height:1em;color:var(--block-accent);flex:0 0 1em;justify-content:center;align-items:center;display:inline-flex}.student-activity-title-icon svg{stroke-width:2.1px;width:100%;height:100%;display:block}.pupil-block p{white-space:pre-wrap;margin:0;line-height:1.55}.rich-text-content{color:inherit;line-height:1.6}.rich-text-content>:first-child{margin-top:0}.rich-text-content>:last-child{margin-bottom:0}.rich-text-content p{white-space:normal;margin:0 0 .7em}.rich-text-content ul,.rich-text-content ol{margin:.45em 0 .8em;padding-left:1.5em}.rich-text-content img{object-fit:contain;border-radius:12px;max-width:min(100%,760px);max-height:460px;margin:14px 0;display:block}.rich-text-content img[data-align=center]{margin-inline:auto}.rich-text-content img[data-align=right]{margin-left:auto;margin-right:0}.rich-editor-field{gap:7px;display:grid}.basic-rich-editor{border:1px solid var(--border);background:var(--surface);border-radius:12px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff73}.basic-rich-editor:focus-within{border-color:color-mix(in srgb, var(--accent), var(--border) 35%);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.rich-editor-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--soft), var(--surface) 42%);border-radius:11px 11px 0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:7px;display:flex}.rich-editor-toolbar button,.rich-editor-media header button{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.rich-editor-toolbar button:hover,.rich-editor-toolbar button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 13%, var(--surface));color:var(--accent)}.rich-editor-toolbar button:disabled{opacity:.45;cursor:wait}.rich-editor-toolbar>span{background:var(--border);width:1px;height:23px;margin:0 3px}.basic-rich-editor .tiptap{min-height:150px;color:var(--text);outline:none;padding:14px 16px;line-height:1.6}.basic-rich-editor .tiptap:empty:before,.basic-rich-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--muted);pointer-events:none}.basic-rich-editor .tiptap p{white-space:normal;margin:0 0 .7em}.basic-rich-editor .tiptap ul,.basic-rich-editor .tiptap ol{margin:.4em 0 .8em;padding-left:1.5em}.basic-rich-editor .tiptap img{object-fit:contain;border-radius:12px;max-width:min(100%,760px);max-height:460px;margin:14px 0;display:block}.basic-rich-editor .tiptap img[data-align=center]{margin-inline:auto}.basic-rich-editor .tiptap img[data-align=right]{margin-left:auto;margin-right:0}.basic-rich-editor .tiptap img.ProseMirror-selectednode{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.basic-rich-editor.disabled{background:var(--soft)}.basic-rich-editor.disabled .tiptap{min-height:0}.rich-editor-media{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(470px,100% - 16px);padding:10px;position:absolute;top:49px;left:8px;box-shadow:0 16px 35px #141d2d2e}.rich-editor-media header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.rich-editor-media-search{color:var(--muted);gap:4px;margin:8px 0;font-size:.72rem;display:grid}.rich-editor-media-search input{border:1px solid var(--border);background:var(--soft);width:100%;color:var(--text);border-radius:8px;padding:7px 9px}.rich-editor-media-location{min-height:34px;color:var(--muted);align-items:center;gap:8px;margin-bottom:7px;font-size:.75rem;display:flex}.rich-editor-media-location button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.rich-editor-media-location button:disabled{opacity:.45;cursor:default}.rich-editor-media-items{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;max-height:260px;display:grid;overflow:auto}.rich-editor-media-items>button{border:1px solid var(--border);background:var(--soft);min-width:0;color:var(--text);cursor:pointer;border-radius:9px;padding:5px}.rich-editor-media-items>button:hover,.rich-editor-media-items>button:focus-visible{border-color:var(--accent)}.rich-editor-media-items>button>img{object-fit:cover;border-radius:6px;width:100%;height:70px}.rich-editor-media-items>button>span{text-overflow:ellipsis;white-space:nowrap;padding-top:4px;font-size:.72rem;display:block;overflow:hidden}.rich-editor-media-items>button.rich-editor-media-folder{align-content:center;justify-items:center;gap:5px;min-height:78px;display:grid}.rich-editor-media-folder small{color:var(--muted);font-size:.65rem}.rich-editor-media-items>p{grid-column:1/-1}.rich-editor-upload{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:9px;padding:7px 10px;font-weight:700;display:inline-flex}.rich-editor-status{color:var(--muted);padding:0 14px 10px;display:block}.rich-editor-error{color:var(--danger,#9d3434)}.pupil-block.pupil-written-response,.pupil-block.pupil-reorder,.pupil-toggle-challenge{padding-top:18px}.pupil-written-response .basic-rich-editor .tiptap{min-height:180px}.written-response-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,30px);min-width:0;display:grid}.written-response-layout.has-image,.pupil-written-delivery.has-image{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr)}.written-response-content{min-width:0}.written-response-image{aspect-ratio:6/5;object-fit:cover;border-radius:14px;justify-self:center;width:min(100%,340px);display:block}.written-response-layout.has-image>.written-response-image,.pupil-written-delivery .written-response-image{grid-area:1/2;justify-self:center;height:auto}.written-response-layout.has-image>.written-response-content,.pupil-written-delivery .written-response-content{grid-area:1/1}.written-response-content>.rich-text-content+.basic-rich-editor{margin-top:14px}.pupil-written-delivery{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,30px);display:grid}.pupil-delivery-written{--block-accent:var(--accent)}.written-response-settings-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.written-response-settings-row>label,.written-minimum-setting{align-content:start;gap:5px;min-width:0;display:grid}.account-form .written-minimum-setting>label{white-space:nowrap;align-items:baseline;gap:5px;font-size:.85rem;font-weight:600;display:flex}.written-minimum-setting>label small{font-weight:400}.account-form .written-compact-input{width:100%;height:42px;min-height:42px;margin:0;padding:7px 10px}.written-minimum-control{grid-template-columns:minmax(58px,78px) minmax(0,1fr);align-items:center;gap:7px;display:grid}.written-minimum-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.written-minimum-presets .button{min-width:0;height:42px;min-height:42px;padding:5px 3px;font-size:.75rem}.written-response-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.82rem;display:flex}.written-response-meta .remaining,.written-response-meta .draft-error{color:var(--danger,#9d3434);font-weight:700}.written-response-meta .ready,.written-response-meta .draft-saved{color:#267052;font-weight:700}.written-response-meta .draft-saving{font-weight:700}.locked-written-response{border:1px solid color-mix(in srgb, #267052 35%, var(--border));background:color-mix(in srgb, #e8f6ef 64%, var(--surface));border-radius:12px;margin-top:14px;padding:15px 17px}.locked-written-response>span{color:#267052;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;font-weight:800;display:flex}.pupil-block textarea,.pupil-block select{width:100%;margin-top:12px}.pupil-objective>span,.pupil-note>span,.pupil-plenary>span,.pupil-homework>span,.pupil-extension>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:800}.pupil-question label{gap:5px;margin-top:13px;font-size:.85rem;font-weight:700;display:grid}.preview-change-answer{margin-top:8px;font-size:.83rem}.pupil-block-live-edit{cursor:pointer;width:100%}.pupil-preview-author:not(.pupil-preview-viewing) .pupil-block-live-edit:hover .pupil-block{outline-offset:-1px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;outline:1px dotted #c43e48;transform:none}.pupil-preview-author:not(.pupil-preview-viewing) .pupil-lesson-hero{cursor:pointer}.pupil-preview-author:not(.pupil-preview-viewing) .pupil-lesson-hero:hover{box-shadow:inset 0 0 0 2px #ffffffa3}.activity-kicker{color:var(--block-accent);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.72rem;font-weight:900;display:flex}.activity-kicker strong{border:1px solid color-mix(in srgb, var(--block-accent) 32%, var(--border));background:color-mix(in srgb, var(--block-accent) 8%, var(--surface));letter-spacing:.05em;border-radius:999px;padding:5px 9px;font-size:.67rem}.activity-prompt{color:var(--muted);font-size:1rem}.pupil-choice{box-shadow:none;background:0 0;border-color:#0000;padding-top:18px}.choice-stage{grid-template-columns:minmax(220px,.85fr) minmax(290px,1.15fr);gap:clamp(16px,3vw,30px);margin-top:20px;display:grid}.choice-stage:not(.has-image){grid-template-columns:minmax(0,1fr)}.choice-stage figure{background:color-mix(in srgb, var(--block-accent) 10%, var(--soft));border-radius:18px;height:310px;min-height:0;margin:0;position:relative;overflow:hidden;box-shadow:0 10px 24px #121f2f21}.choice-stage img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .28s;position:absolute;inset:0}.choice-stage img.is-loaded{opacity:1}.choice-card-list{align-content:start;gap:10px;display:grid}.choice-card-list button,.quiz-choice-grid button{border:1px solid color-mix(in srgb, var(--block-accent) 18%, var(--border));min-height:54px;color:var(--text);text-align:left;background:color-mix(in srgb, var(--surface) 96%, var(--block-accent));cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 4px 12px #121f2f0d}.choice-card-list button:hover:not(:disabled),.quiz-choice-grid button:hover:not(:disabled),.quiz-choice-grid button.selected{border-color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 9%, var(--surface));box-shadow:0 8px 18px color-mix(in srgb, var(--block-accent) 14%, transparent);transform:translateY(-1px)}.choice-card-list button.selected{border:2px solid var(--block-accent)}.choice-card-list button:hover:not(:disabled),.choice-card-list button.selected:hover:not(:disabled){border-color:color-mix(in srgb, var(--block-accent) 78%, #172033);background:color-mix(in srgb, var(--block-accent) 78%, #172033);color:#fff}.choice-card-list button.correct,.quiz-choice-grid button.correct{background:#eaf8ee;border-color:#24845f}.choice-card-list button.incorrect,.quiz-choice-grid button.incorrect{background:#fff0f1;border-color:#b54355}.choice-card-list button>span,.quiz-choice-grid button>span{color:#fff;background:var(--block-accent);border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.choice-card-list button>svg,.quiz-choice-grid button>svg{color:#24845f;margin-left:auto}.activity-check{justify-content:center;min-width:190px;margin:18px 0 0 auto}.activity-feedback{border-radius:13px;margin-top:16px;padding:14px 16px}.activity-feedback.correct{color:#185c42;background:#eaf8ee}.activity-feedback.incorrect{color:#8a3041;background:#fff0f1}.activity-feedback p{margin-top:5px}.activity-feedback .button{margin-top:10px}.toggle-pair-list{gap:12px;width:min(820px,100%);margin:24px auto 0;display:grid}.toggle-pair-row{--toggle-tone:#ff7a18;isolation:isolate;border:2px solid color-mix(in srgb, var(--toggle-tone) 76%, var(--border));background:color-mix(in srgb, var(--toggle-tone) 7%, var(--surface));border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:hidden;box-shadow:0 5px 14px #121f2f0d}.toggle-pair-row:nth-child(6n+2){--toggle-tone:#00a878}.toggle-pair-row:nth-child(6n+3){--toggle-tone:#6558e8}.toggle-pair-row:nth-child(6n+4){--toggle-tone:#e83e8c}.toggle-pair-row:nth-child(6n+5){--toggle-tone:#008dd5}.toggle-pair-row:nth-child(6n+6){--toggle-tone:#e4a11b}.toggle-pair-row:before{content:"";z-index:-1;background:color-mix(in srgb, var(--toggle-tone) 84%, #172033);border-radius:999px 0 0 999px;transition:inset .2s,border-radius .2s,background .17s;position:absolute;inset:0 50% 0 0}.toggle-pair-row.selected-right:before{border-radius:0 999px 999px 0;inset:0 0 0 50%}.toggle-pair-row button{min-height:54px;color:color-mix(in srgb, var(--text) 78%, var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:10px 18px;font-weight:650;line-height:1.25;transition:color .17s,background .17s;position:relative}.toggle-pair-row button.selected{color:#fff;font-weight:800}.toggle-pair-row button:hover:not(:disabled){color:#172033;background:color-mix(in srgb, var(--toggle-tone) 32%, #fff)}.toggle-pair-row button.selected:hover:not(:disabled){background:color-mix(in srgb, var(--toggle-tone) 84%, #172033)}.toggle-pair-row button:focus-visible{z-index:1;outline:3px solid color-mix(in srgb, var(--toggle-tone) 48%, transparent);outline-offset:-4px}.toggle-pair-row button:disabled{cursor:default}.pupil-gap-fill{background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb, var(--block-accent) 10%, transparent) 1px, transparent 1px);background-size:28px 28px;padding-top:18px}.gap-challenge{width:100%;margin:0}.pupil-gap-fill h3{margin-bottom:5px}.gap-fill-sentence{color:var(--text);text-align:left;white-space:pre-wrap;margin:14px 0 20px;font-size:clamp(1.08rem,1.8vw,1.35rem);font-weight:400;line-height:1.85}.gap-word{border:0;border-bottom:2px solid var(--block-accent);min-width:2ch;min-height:1.35em;color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 7%, var(--surface));font:inherit;vertical-align:baseline;white-space:pre;cursor:pointer;border-radius:5px 5px 2px 2px;justify-content:center;align-items:center;margin:0 .08em;padding:0 .16em;font-weight:700;line-height:1.25;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.gap-word:hover:not(:disabled),.gap-word.active{background:color-mix(in srgb, var(--block-accent) 17%, var(--surface));box-shadow:0 6px 18px color-mix(in srgb, var(--block-accent) 18%, transparent);transform:translateY(-2px)}.gap-word.active{outline:2px solid var(--block-accent);outline-offset:3px}.gap-word:focus-visible{outline:3px solid var(--block-accent);outline-offset:3px}.gap-word.solved{color:#176646;cursor:default;background:#e7f6ed;border-color:#25835c}.gap-word.revealing{animation:.85s ease-out both gap-word-reveal}.gap-word.hint-revealed{animation:.72s ease-out both gap-hint-reveal}@keyframes gap-word-reveal{0%{color:#fff;background:#22a66a;transform:scale(.86);box-shadow:0 0 #22a66a80}48%{color:#fff;background:#22a66a;transform:scale(1.12);box-shadow:0 0 0 12px #22a66a00}to{color:#176646;background:#e7f6ed;transform:scale(1)}}@keyframes gap-hint-reveal{0%{background:#ffedb0;box-shadow:0 0 #da972566}45%{background:#ffe08a;transform:scale(1.08);box-shadow:0 0 0 9px #da972500}to{background:color-mix(in srgb, var(--block-accent) 7%, var(--surface));transform:scale(1)}}.gap-answer-area{width:min(340px,100%);margin:0}.gap-answer-area label{color:var(--muted);text-align:left;margin-bottom:6px;font-size:.82rem;font-weight:800;display:block}.gap-answer-area>div{position:relative}.gap-answer-area input{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--surface);font:inherit;border-radius:9px;padding:8px 82px 8px 12px;box-shadow:0 5px 14px #121f2f14}.gap-answer-area input.at-limit-incorrect{background:#fff0f1;border-color:#c53b4a;box-shadow:0 0 0 3px #c53b4a21}.gap-answer-area input:focus{border-color:var(--block-accent);outline:3px solid color-mix(in srgb, var(--block-accent) 17%, transparent)}.gap-answer-area>div>span{color:var(--muted);font-size:.75rem;font-weight:800;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gap-hint-note{color:var(--muted);margin-top:9px;font-size:.76rem;display:block}.gap-answer-feedback{text-align:left;min-height:1.3em;margin:12px 0 0;font-size:.82rem}.gap-answer-feedback.correct{color:#176646}.gap-answer-feedback.incorrect{color:#a13545}.gap-progress{color:var(--muted);text-align:left;margin:10px 0 0;font-size:.82rem;font-weight:750}@media (prefers-reduced-motion:reduce){.gap-word.revealing,.gap-word.hint-revealed{animation:none}}.pupil-matching,.pupil-drag-words{padding-top:18px}.drag-words-activity{width:100%;margin:14px 0 0}.drag-words-instructions{color:var(--muted);text-align:left;margin:0 0 20px}.drag-words-sentence{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.22em .28em;font-size:clamp(1.08rem,2vw,1.45rem);font-weight:450;line-height:1.9;display:flex}.drag-words-gap{border:2px dotted color-mix(in srgb, var(--block-accent) 56%, var(--border));min-width:clamp(118px,17vw,210px);min-height:42px;color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 6%, var(--surface));font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:5px 14px;font-size:.88em;font-weight:750;line-height:1.25;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex}.drag-words-gap>span{color:var(--muted);font-size:.78em;font-weight:650}.drag-words-gap:hover:not(:disabled),.drag-words-gap.selected{border-color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 12%, var(--surface));box-shadow:0 0 0 4px color-mix(in srgb, var(--block-accent) 12%, transparent)}.drag-words-gap.selected{transform:translateY(-1px)}.drag-words-gap.filled{color:var(--text);background:color-mix(in srgb, var(--block-accent) 11%, var(--surface))}.drag-words-gap:focus-visible,.drag-words-token:focus-visible{outline:3px solid color-mix(in srgb, var(--block-accent) 54%, transparent);outline-offset:3px}.drag-words-bank{border:1px solid var(--border);background:color-mix(in srgb, var(--block-accent) 3%, var(--surface));border-radius:16px;flex-wrap:wrap;gap:10px;margin-top:28px;padding:18px;display:flex}.drag-words-token{border:1px solid color-mix(in srgb, var(--block-accent) 34%, var(--border));min-height:40px;color:var(--text);background:var(--surface);font:inherit;cursor:grab;border-radius:12px;padding:7px 17px;font-weight:750;transition:border-color .16s,color .16s,background .16s,box-shadow .16s,transform .16s;box-shadow:0 4px 12px #121f2f12}.drag-words-token:hover:not(:disabled){border-color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 8%, var(--surface));box-shadow:0 7px 16px color-mix(in srgb, var(--block-accent) 16%, transparent);transform:translateY(-2px)}.drag-words-token.selected{border-color:var(--block-accent);color:#fff;background:var(--block-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--block-accent) 17%, transparent), 0 8px 18px color-mix(in srgb, var(--block-accent) 20%, transparent)}.drag-words-token.used{opacity:.48;cursor:default;box-shadow:none}.drag-words-activity.locked .drag-words-bank{display:none}@media (width<=640px){.drag-words-bank{gap:8px;padding:13px}.drag-words-token{min-height:40px;padding-inline:13px}.drag-words-gap{min-width:100px}}.reorder-activity{gap:7px;width:min(860px,100%);margin:12px auto 0;display:grid}.reorder-row{grid-template-columns:minmax(0,1fr) minmax(115px,165px);align-items:stretch;gap:10px;min-width:0;display:grid;position:relative}.reorder-row.drop-before,.reorder-row.drop-after{z-index:2}.reorder-row.drop-before:before,.reorder-row.drop-after:before{z-index:5;background:var(--block-accent);height:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--block-accent) 17%, transparent), 0 2px 8px color-mix(in srgb, var(--block-accent) 40%, transparent);content:"";pointer-events:none;border-radius:99px;position:absolute;inset-inline:4px}.reorder-row.drop-before:before{top:-5px}.reorder-row.drop-after:before{bottom:-5px}.reorder-row.drop-before:after,.reorder-row.drop-after:after{z-index:6;border:1px solid color-mix(in srgb, var(--block-accent) 55%, white);color:#fff;background:var(--block-accent);content:attr(data-drop-label);white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:800;line-height:1.2;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 9px #121f2f2e}.reorder-row.drop-before:after{top:-8px;transform:translate(-50%,-100%)}.reorder-row.drop-after:after{bottom:-8px;transform:translate(-50%,100%)}.reorder-endpoint{border:1px solid color-mix(in srgb, var(--block-accent) 22%, var(--border));min-width:0;min-height:48px;color:var(--muted);background:color-mix(in srgb, var(--block-accent) 5%, var(--surface));border-radius:11px;align-content:center;justify-items:start;gap:2px;padding:6px 10px;font-size:.76rem;display:grid}.reorder-endpoint span{letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-weight:800}.reorder-endpoint strong{color:var(--block-accent);overflow-wrap:anywhere;font-size:.84rem;line-height:1.25}.reorder-endpoint-first{border-left:4px solid var(--block-accent)}.reorder-endpoint-last{border-left:4px solid color-mix(in srgb, var(--block-accent) 48%, var(--border))}.reorder-endpoint-spacer{min-width:0}.reorder-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.reorder-item{border:1px solid color-mix(in srgb, var(--block-accent) 26%, var(--border));background:var(--surface);cursor:grab;border-radius:11px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:48px;padding:6px 9px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 3px 9px #121f2f0d}.reorder-item:hover{border-color:color-mix(in srgb, var(--block-accent) 55%, var(--border));box-shadow:0 7px 18px #121f2f17}.reorder-item:active{cursor:grabbing}.reorder-item[draggable=false]{cursor:default}.reorder-row:has(.reorder-item:active) .reorder-item{transform:scale(.99)}.reorder-position{color:#fff;background:var(--block-accent);border-radius:9px;place-items:center;width:27px;height:27px;font-size:.78rem;font-weight:850;display:grid}.reorder-item-label{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:.96rem;line-height:1.28}.reorder-controls{align-items:center;gap:4px;display:flex}.reorder-controls button{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.reorder-controls button:hover:not(:disabled),.reorder-controls button:focus-visible{border-color:var(--block-accent);color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 7%, var(--surface));outline:0}.reorder-controls button:disabled{opacity:.38;cursor:not-allowed}.reorder-controls .reorder-drag-hint{width:22px;height:28px;color:color-mix(in srgb, var(--block-accent) 55%, var(--muted));pointer-events:none;place-items:center;display:grid}.reorder-help{color:var(--muted);margin:2px 0 0;font-size:.82rem}.reorder-builder>p{color:var(--muted);margin-top:0}.account-form:has(.reorder-settings-row){grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);display:grid!important}.account-form:has(.reorder-settings-row)>*{grid-column:1/-1;min-width:0}.account-form:has(.reorder-settings-row)>label:has(+.reorder-settings-row){grid-column:1}.reorder-settings-row{display:contents}.reorder-settings-row>.matching-pass-setting{grid-column:2;align-self:end}.reorder-editor-layout{grid-template-columns:minmax(0,1fr) minmax(170px,.36fr);align-items:stretch;gap:14px;display:grid}.reorder-editor-list{align-content:start;gap:7px;display:grid}.reorder-editor-list>strong{font-size:.82rem}.reorder-editor-row{grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.reorder-editor-row>span{width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-radius:8px;place-items:center;font-size:.76rem;font-weight:800;display:grid}.reorder-editor-row>input{min-width:0;height:36px;padding:6px 9px}.reorder-editor-row>button{width:32px;height:32px}.reorder-editor-endpoints{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.reorder-editor-endpoints input{height:38px;padding:7px 10px}@media (width<=640px){.account-form:has(.reorder-settings-row){grid-template-columns:minmax(0,1fr)}.reorder-settings-row>.matching-pass-setting{grid-column:1}.account-form:has(.reorder-settings-row)>label:has(+.reorder-settings-row){grid-column:1}.reorder-editor-layout{grid-template-columns:minmax(0,1fr)}.reorder-editor-endpoints{gap:8px}}.pupil-delivery-reorder{--block-accent:var(--accent)}@media (width<=520px){.reorder-row{grid-template-columns:minmax(0,1fr) minmax(82px,104px);gap:7px}.reorder-endpoint{min-height:46px;padding:5px 7px}.reorder-endpoint span{font-size:.56rem}.reorder-endpoint strong{font-size:.73rem}.reorder-item{grid-template-columns:26px minmax(0,1fr) auto;gap:6px;padding:5px 7px}.reorder-position{width:24px;height:24px}.reorder-controls{gap:1px}.reorder-controls .reorder-drag-hint{display:none}.reorder-controls button{width:28px;height:30px}}.reorder-controls button:focus-visible,.reorder-item:focus-visible{outline:3px solid color-mix(in srgb, var(--block-accent) 45%, transparent);outline-offset:2px}.matching-board{--pair-tone:var(--block-accent,var(--accent));width:min(1040px,100%);margin:16px auto 0;position:relative}.matching-link-lines{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.matching-link-line{fill:none;stroke:var(--pair-tone);stroke-width:4px;stroke-linecap:round;opacity:.88;filter:drop-shadow(0 2px 2px #121f2f1f)}.matching-board-columns{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(34px,7vw,92px);display:grid;position:relative}.matching-source-list,.matching-answer-list{gap:9px;display:grid}.matching-card-shell{position:relative}.matching-card{border:2px solid color-mix(in srgb, var(--border) 86%, var(--pair-tone));background:color-mix(in srgb, var(--surface) 96%, var(--pair-tone));width:100%;min-height:58px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:10px;margin:0;padding:9px 13px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:0 4px 11px #121f2f0f}.matching-card:hover:not(:disabled),.matching-card:focus-visible{z-index:2;border-color:color-mix(in srgb, var(--pair-tone) 72%, var(--border));outline:0;transform:translateY(-1px);box-shadow:0 8px 20px #121f2f1c}.matching-card:disabled{cursor:default}.matching-source-card{grid-template-columns:32px minmax(0,1fr);padding-right:24px}.matching-answer-card{grid-template-columns:32px minmax(0,1fr);padding-left:24px}.matching-card strong{min-width:0;font-size:.9rem;line-height:1.38}.matching-card-index{width:30px;height:30px;color:var(--muted);background:var(--soft);border-radius:9px;place-items:center;font-size:.76rem;font-weight:850;display:grid}.matching-connector{border:3px solid var(--surface);background:color-mix(in srgb, var(--border) 78%, var(--pair-tone));width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:50%;transition:box-shadow .16s,transform .16s;position:absolute;top:calc(50% - 7px)}.matching-source-card .matching-connector{right:-8px}.matching-answer-card .matching-connector{left:-8px}.matching-card-shell.selected .matching-card{border-color:var(--pair-tone);background:color-mix(in srgb, var(--pair-tone) 15%, var(--surface));box-shadow:0 0 0 4px color-mix(in srgb, var(--pair-tone) 26%, transparent), 0 9px 24px color-mix(in srgb, var(--pair-tone) 24%, transparent);transform:translateY(-1px)}.matching-card-shell.selected .matching-connector{box-shadow:0 0 0 1px var(--pair-tone), 0 0 0 7px color-mix(in srgb, var(--pair-tone) 22%, transparent);transform:scale(1.18)}.matching-card-shell .matching-card,.matching-answer-card.linked{border-color:var(--pair-tone);background:color-mix(in srgb, var(--pair-tone) 10%, var(--surface))}.matching-card-shell .matching-card-index,.matching-answer-card.linked .matching-card-index{color:#fff;background:var(--pair-tone)}.matching-card-shell .matching-connector,.matching-answer-card.linked .matching-connector{background:var(--pair-tone);box-shadow:0 0 0 1px var(--pair-tone), 0 0 0 5px color-mix(in srgb, var(--pair-tone) 15%, transparent)}.matching-answer-card.waiting{opacity:.78}.matching-unlink{z-index:3;width:25px;height:25px;color:var(--muted);background:var(--surface);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 7px #121f2f1f}.matching-unlink:hover,.matching-unlink:focus-visible{color:#a23749;outline:2px solid #a2374952}.pair-tone-0{--pair-tone:#9f365f}.pair-tone-1{--pair-tone:#1f7456}.pair-tone-2{--pair-tone:#5f49a5}.pair-tone-3{--pair-tone:#806000}.pair-tone-4{--pair-tone:#265f9b}.pair-tone-5{--pair-tone:#9b4827}.pupil-delivery-matching{--block-accent:var(--accent)}@keyframes matching-result-stamp-in{0%{opacity:0;transform:scale(1.8)rotate(-14deg)}58%{opacity:1;transform:scale(.9)rotate(-4deg)}78%{transform:scale(1.06)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}@keyframes matching-result-orb-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.matching-result-backdrop{z-index:120;-webkit-backdrop-filter:blur(7px);background:#0b1323c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.matching-result-card{isolation:isolate;color:#143a2c;text-align:center;background:#fff;border:1px solid #83c7a2;border-radius:26px;width:min(560px,100%);padding:34px 32px;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047}.matching-result-card.retry{color:#55232d;border-color:#e0a5ae}.matching-result-content{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.matching-result-stamp{color:#28784b;letter-spacing:.1em;text-transform:uppercase;background:#ffffffe0;border:4px solid #28784b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:11px 16px;font-size:1.15rem;font-weight:900;animation:.62s cubic-bezier(.2,.85,.35,1.25) both matching-result-stamp-in;display:inline-flex;box-shadow:inset 0 0 0 3px #28784b1c,0 12px 28px #28784b24}.matching-result-card.retry .matching-result-stamp{color:#a23d4e;border-color:#a23d4e;box-shadow:inset 0 0 0 3px #a23d4e1a,0 12px 28px #a23d4e1f}.matching-result-card .eyebrow{color:#28784b;letter-spacing:.18em;margin:0 0 7px}.matching-result-card.retry .eyebrow{color:#a23d4e}.matching-result-card h2{margin:0;font-size:clamp(1.45rem,4vw,2rem)}.matching-result-card p:not(.eyebrow){margin:9px 0 0}.matching-result-xp{color:#784018;background:#fff0bf;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:800;display:inline-flex}.matching-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.matching-result-card .button{min-width:190px}.matching-result-orb{z-index:-1;background:#34d39926;border-radius:50%;animation:.7s ease-out both matching-result-orb-in;position:absolute}.matching-result-card.retry .matching-result-orb{background:#f472871f}.matching-result-orb-one{width:130px;height:130px;top:-48px;right:8%}.matching-result-orb-two{width:165px;height:165px;animation-delay:90ms;bottom:-70px;left:25%}@media (width<=520px){.matching-board-columns{gap:20px}.matching-link-line{stroke-width:3px}.matching-card{min-height:62px;padding-inline:9px}.matching-source-card{grid-template-columns:25px minmax(0,1fr);padding-right:14px}.matching-answer-card{grid-template-columns:25px minmax(0,1fr);padding-left:14px}.matching-card-index{width:25px;height:25px}.matching-card strong{font-size:.76rem}.matching-result-card{border-radius:20px;padding:30px 20px}}@media (prefers-reduced-motion:reduce){.matching-card{transition:none}.matching-result-stamp,.matching-result-orb{animation:none}}.quiz-heading{color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.quiz-heading>div{align-items:center;gap:10px;display:flex}.quiz-heading span{color:#fff;background:var(--block-accent);letter-spacing:.1em;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:900}.quiz-heading strong{letter-spacing:.06em;font-size:.72rem}.quiz-heading em{color:var(--block-accent);background:color-mix(in srgb, var(--block-accent) 10%, var(--surface));border-radius:999px;padding:6px 10px;font-size:.72rem;font-style:normal;font-weight:900}.quiz-progress{background:color-mix(in srgb, var(--block-accent) 11%, var(--border));border-radius:999px;height:8px;margin-bottom:24px;overflow:hidden}.quiz-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--block-accent), color-mix(in srgb, var(--block-accent) 60%, #fff));height:100%;transition:width .25s;display:block}.pupil-quiz>h3{text-align:center;max-width:820px;margin:0 auto 10px}.quiz-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(900px,100%);margin:24px auto 18px;display:grid}.quiz-check{justify-content:center;min-width:210px;margin-left:auto}.quiz-feedback{border-radius:13px;margin-top:14px;padding:15px 17px}.quiz-feedback.correct{color:#185c42;background:#eaf8ee}.quiz-feedback.incorrect{color:#8a3041;background:#fff0f1}.quiz-feedback p{margin:6px 0 11px}.quiz-editor-help{margin:0 0 7px}.pupil-screen-controls{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:130px 1fr 150px;align-items:center;gap:12px;padding:12px 16px;display:grid}.pupil-screen-dots{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.pupil-screen-dots button{background:var(--border);border:0;border-radius:50%;width:10px;height:10px;padding:0}.pupil-screen-dots button.unlocked{background:color-mix(in srgb, var(--accent) 45%, var(--border));cursor:pointer}.pupil-screen-dots button.current{outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);background:var(--accent)}.pupil-preview-author{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-rows:116px 4px 58px minmax(0,1fr)}.pupil-preview-author .pupil-preview-chrome{display:none}.pupil-preview-author .pupil-lesson-hero{grid-template-rows:1fr;grid-template-columns:minmax(160px,23%) minmax(0,1fr);min-height:0}.pupil-preview-author .pupil-hero-art{gap:4px;min-height:0}.pupil-preview-author .pupil-hero-art:before{width:105px;height:105px}.pupil-preview-author .pupil-hero-art:after{width:62px;height:62px}.pupil-preview-author .pupil-hero-art svg{width:31px;height:31px}.pupil-preview-author .pupil-hero-art>span{text-overflow:ellipsis;white-space:nowrap;max-width:90%;padding:3px 8px;font-size:.66rem;overflow:hidden}.pupil-preview-author .pupil-hero-band{align-items:center;height:100%;padding:11px 18px}.pupil-preview-author .pupil-hero-band p{font-size:.62rem}.pupil-preview-author .pupil-hero-band h2{margin:3px 0;font-size:clamp(1.35rem,2vw,1.9rem)}.pupil-preview-author .pupil-hero-band>div:first-child>span{display:none}.pupil-preview-author .pupil-stage-tabs{border:1px solid var(--border);background:var(--surface);border-radius:13px;gap:8px;margin:6px 10px;padding:5px 10px}.pupil-preview-author .pupil-stage-tabs button{min-height:36px;box-shadow:none;border:0;border-radius:0 0 10px 10px;padding:6px 10px;font-size:.92rem;font-weight:550}.pupil-preview-author .pupil-stage-tabs button:hover:not(:disabled),.pupil-preview-author .pupil-stage-tabs button.active{color:var(--on-accent);background:var(--accent);box-shadow:none;border:0;border-radius:0 0 10px 10px}.pupil-preview-author .pupil-stage-tabs button:disabled{opacity:1;color:color-mix(in srgb, var(--muted) 78%, var(--surface));background:color-mix(in srgb, var(--soft) 45%, var(--surface));justify-content:center;align-items:center;gap:6px;display:inline-flex}.pupil-preview-author .pupil-screen-progress{border:0;height:4px}.pupil-preview-author .pupil-screen-progress small{display:none}.pupil-preview-author .pupil-preview-body{padding:0}.pupil-preview-author .pupil-stage-heading{border-bottom:5px solid var(--accent);background:var(--surface);width:100%;min-height:48px;margin-bottom:0;padding:0 24px}.pupil-preview-author .pupil-block-stage{align-items:stretch;width:100%;min-height:calc(100% - 48px)}.pupil-preview-author .pupil-block{padding-inline:clamp(28px,4vw,68px);min-height:100%;box-shadow:none;border:0;border-radius:0;padding-bottom:86px}.pupil-preview-author .pupil-screen-controls{padding:7px 14px}.pupil-hero-actions{flex:none;align-content:center;align-self:stretch;justify-items:end;gap:8px;display:grid}.pupil-preview-author .pupil-hero-actions{align-content:center;align-self:stretch;position:static}.pupil-block-stage>.pupil-block-xp{padding:7px 11px;font-size:.84rem;top:50px;right:clamp(28px,4vw,68px)}.pupil-block-xp.complete{color:#176646;background:#e7f6ed;border-color:#aadbc0}.pupil-completion-action{z-index:4;position:absolute;bottom:22px;right:clamp(28px,4vw,68px)}.pupil-completion-action .button{align-items:center;gap:7px;display:inline-flex}.pupil-completion-action .button:disabled{opacity:.72}.content-studio-context-row{align-items:center;gap:18px;min-width:0;display:flex}.content-studio-context-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.content-studio-mode-toggle{border:1px solid var(--border);background:var(--soft);border-radius:10px;flex:none;gap:3px;margin-left:auto;padding:3px;display:inline-flex}.content-studio-mode-toggle button{min-width:58px;font:inherit;cursor:pointer;border-radius:7px;color:var(--muted)!important;background:0 0!important;border:0!important;padding:6px 11px!important;font-weight:750!important}.content-studio-mode-toggle button.selected{color:var(--on-accent)!important;background:var(--accent)!important}.content-studio-arrange-trigger{white-space:nowrap;align-items:center;gap:6px;min-height:36px;font-size:.82rem;display:inline-flex;padding:7px 10px!important}.content-studio-add-menu{flex:none;position:relative}.content-studio-add-menu>summary{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:.82rem;font-weight:750;list-style:none;display:inline-flex}.content-studio-add-menu>summary::-webkit-details-marker{display:none}.content-studio-add-menu[open]>summary,.content-studio-add-menu>summary:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.content-studio-add-menu>div{z-index:25;border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:2px;min-width:225px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 36px #0f192a2e}.content-studio-add-menu>div button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 10px;display:flex}.content-studio-add-menu>div button:hover:not(:disabled),.content-studio-add-menu>div button:focus-visible{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.content-studio-add-menu>div button:disabled{color:var(--muted);opacity:.48;cursor:not-allowed}.story-colour-field{align-items:center;grid-template-columns:auto 58px 1fr!important}.story-colour-field input{width:58px;height:39px;padding:3px}.story-colour-field span{border-radius:999px;height:8px}.quiz-builder{border:0;gap:13px;padding:0;display:grid}.pass-mark-setting{border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:13px 15px}.pass-mark-setting>label{max-width:240px}.pass-mark-setting input{max-width:130px}.quiz-builder>legend{margin-bottom:7px;font-weight:800}.matching-pairs-builder{gap:11px}.matching-settings-row,.choice-settings-row,.toggle-settings-row,.gap-settings-row,.drag-settings-row{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);align-items:end;gap:14px;display:grid}.matching-settings-row>label,.choice-settings-row>label,.toggle-settings-row>label,.gap-settings-row>label,.drag-settings-row>label{align-content:start;gap:5px;display:grid}.matching-settings-row>label textarea,.choice-settings-row>label textarea,.toggle-settings-row>label textarea,.gap-settings-row>label textarea{resize:vertical;width:100%;height:42px;min-height:42px;margin:0;padding:7px 10px}.matching-pass-setting{align-content:start;gap:5px;min-width:0;display:grid}.matching-pass-setting>label{gap:5px;font-size:.85rem;font-weight:600;display:grid}.matching-pass-setting input{width:100%;height:42px;min-height:42px;padding:7px 10px}.matching-pass-control{grid-template-columns:minmax(70px,112px) auto;align-items:center;gap:7px;display:grid}.matching-pass-control>button{white-space:nowrap;min-height:42px;padding:7px 9px;font-size:.75rem}.matching-pair-editor-row{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr) 36px;align-items:center;gap:9px;display:grid}.matching-pair-number{color:var(--muted);font-size:.78rem}.matching-pair-editor{gap:7px;display:grid}.matching-pair-editor-row input{min-width:0;height:38px;padding:7px 10px}.matching-pair-remove{width:34px;height:34px}.matching-pair-add{justify-self:start}@media (width<=640px){.matching-settings-row,.choice-settings-row,.toggle-settings-row,.gap-settings-row,.drag-settings-row{grid-template-columns:minmax(0,1fr)}}.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-choice,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-toggle-challenge,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-gap-fill,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-drag-words{padding-top:16px}.quiz-builder-question{border:1px solid var(--border);background:var(--soft);border-radius:12px;gap:11px;padding:14px;display:grid}.quiz-builder-heading{justify-content:space-between;align-items:center;display:flex}.quiz-builder-choices{gap:7px;display:grid}.quiz-builder-choices label{grid-template-columns:auto 1fr 54px;align-items:center;gap:8px;display:grid}.quiz-builder-choices label>input[type=radio]{width:18px}.quiz-builder-choices label>span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.media-library-field{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 58%, var(--surface));border-radius:13px;gap:10px;min-width:0;padding:14px;display:grid}.media-library-field>legend{color:var(--text);padding:0 6px;font-size:.9rem;font-weight:800}.media-current{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.media-current>img{object-fit:cover;background:var(--soft);border-radius:8px;width:92px;height:58px}.media-current>div{gap:3px;min-width:0;display:grid}.media-current strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-current small{color:var(--muted)}.media-empty{border:1px dashed var(--border);min-height:66px;color:var(--muted);background:var(--surface);border-radius:11px;justify-content:center;align-items:center;gap:8px;display:flex}.media-upload-button{cursor:pointer;position:relative;overflow:hidden}.media-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.overview-image-choose{justify-self:start}.account-action-dialog.overview-media-picker-dialog{width:min(1450px,100vw - 36px);max-height:calc(100dvh - 24px)}.overview-media-picker-dialog .account-action-dialog-inner{align-content:start;min-height:min(620px,100dvh - 100px)}.overview-media-picker-layout{grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:14px;min-height:min(540px,100dvh - 180px);display:grid}.overview-media-picker-layout .media-manager-sidebar{min-height:0}.overview-media-picker-layout .media-manager-sidebar nav{max-height:min(440px,100dvh - 260px)}.overview-media-picker-layout .media-manager-content{grid-template-rows:auto auto minmax(0,1fr);min-height:0}.overview-media-picker-layout .media-manager-results{min-height:0;overflow:auto}.overview-media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.overview-media-picker-grid>button{transition:border-color .15s,background-color .15s}.overview-media-picker-grid>button:hover,.overview-media-picker-grid>button:focus-visible{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface))}@media (width<=720px){.overview-media-picker-dialog .account-action-dialog-inner{min-height:0}.overview-media-picker-layout{grid-template-columns:minmax(0,1fr);min-height:0}.overview-media-picker-layout .media-manager-sidebar{max-height:180px}.overview-media-picker-layout .media-manager-sidebar nav{max-height:110px}.overview-media-picker-layout .media-manager-content{min-height:360px}}.media-library-browser-actions{margin:4px 0 14px}.media-library-browser{border:0;max-height:min(460px,52dvh);padding:0}.media-library-browser>article{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:6px;min-width:0;padding:6px;display:grid}.media-library-browser article>span{gap:2px;min-width:0;padding:0 2px 2px;display:grid}.media-library-browser strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.media-library-browser small{color:var(--muted);font-size:.68rem}.media-manager{border:1px solid var(--border);background:var(--surface);min-height:min(82dvh,900px);box-shadow:var(--panel-shadow);border-radius:18px;gap:18px;padding:clamp(16px,2.5vw,30px);display:grid}.media-manager-heading,.media-manager-toolbar,.media-manager-toolbar>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-manager-heading h1{margin:0}.media-manager-heading p:last-child{margin:5px 0 0}.media-manager-toolbar>div{flex-wrap:wrap}.media-manager-search{border:1px solid var(--border);background:var(--soft);width:min(100%,560px);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.media-manager-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:11px 0}.media-manager-layout{grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(220px,270px);gap:14px;min-height:0;display:grid}.media-manager-sidebar,.media-manager-content,.media-manager-inspector{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 45%, var(--surface));border-radius:13px;min-width:0;padding:12px}.media-manager-sidebar{flex-direction:column;gap:7px;display:flex}.media-manager-sidebar nav{align-content:start;gap:3px;display:grid;overflow:auto}.media-manager-sidebar button,.media-manager-breadcrumbs button{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.media-manager-sidebar button:hover,.media-manager-sidebar button.active,.media-manager-breadcrumbs button:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.media-folder-root{font-weight:800}.media-folder-tree-item>button{width:100%}.media-folder-tree-item>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-folder-create{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.media-folder-create input{width:100%;min-width:0}.media-manager-content{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:420px;display:grid}.media-manager-breadcrumbs{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.media-manager-breadcrumbs>span{align-items:center;gap:4px;display:inline-flex}.media-manager-breadcrumbs button{padding:4px 6px}.media-manager-subfolders{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;display:grid}.media-manager-subfolders>button{border:1px solid var(--border);color:var(--text);text-align:left;background:var(--surface);cursor:pointer;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:10px;display:grid}.media-manager-subfolders>button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-manager-subfolders>button span{color:var(--muted);grid-column:2;font-size:.68rem}.media-manager-results{min-height:0}.media-manager-results>p{color:var(--muted);margin:0 0 8px;font-size:.78rem}.media-manager-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.media-manager-grid>button{border:1px solid var(--border);min-width:0;color:var(--text);text-align:left;background:var(--surface);cursor:pointer;border-radius:10px;padding:7px}.media-manager-grid>button.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.media-manager-grid>button>img{aspect-ratio:4/3;object-fit:cover;background:var(--soft);border-radius:7px;width:100%}.media-manager-grid>button>span{gap:3px;padding:6px 2px 2px;display:grid}.media-manager-grid strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-manager-grid small{color:var(--muted);font-size:.67rem}.media-manager-empty{min-height:160px;color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;justify-items:center;gap:8px;display:grid}.media-manager-empty strong{color:var(--text)}.media-manager-inspector{align-content:start;gap:11px;display:grid}.media-manager-inspector>header{justify-content:space-between;align-items:center;display:flex}.media-manager-inspector>img{object-fit:contain;background:var(--surface);border-radius:9px;width:100%;max-height:190px}.media-manager-inspector>label{gap:5px;font-size:.76rem;font-weight:700;display:grid}.media-manager-inspector dl{gap:7px;margin:0;display:grid}.media-manager-inspector dl>div{justify-content:space-between;gap:6px;font-size:.73rem;display:flex}.media-manager-inspector dt{color:var(--muted)}.media-manager-inspector dd{text-align:right;margin:0}.media-manager-inspector select{max-width:100%}.media-manager-inspector .text-button{justify-self:start}.media-folder-settings{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.media-folder-settings input{flex:1;min-width:120px}.toggle-builder{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 72%, var(--surface));border-radius:12px;gap:0;padding:6px 12px;display:grid}.toggle-builder>section{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:5px 0}.toggle-builder>section:last-child{border-bottom:0}.toggle-builder>section>header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.toggle-builder>section>header strong{color:var(--muted);font-size:.72rem}.toggle-builder>section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.toggle-builder label{border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;margin:0;padding:0;display:grid}.toggle-builder label.correct{background:0 0;border-color:#0000}.toggle-builder label>input[type=radio]{width:16px;margin:0}.toggle-builder label>input:not([type=radio]){height:34px;min-height:34px;padding:5px 8px}.toggle-pair-add{justify-self:start;height:34px;min-height:34px;padding:5px 9px;font-size:.78rem}@media (width<=820px){.media-manager{padding:14px}.media-manager-inspector{grid-column:1/-1;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:start}.media-manager-inspector>img{grid-row:2/span 5}.media-manager-heading{align-items:flex-start}.content-studio-heading{flex-direction:column;align-items:flex-start}.content-studio-heading-actions{justify-content:stretch;width:100%}.content-studio-heading-actions .button{flex:1}.content-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-topic-hero{flex-direction:column;align-items:flex-start;min-height:180px;padding:21px}.content-topic-actions{justify-content:flex-start}.content-lesson-strip,.lesson-author-heading{flex-direction:column;align-items:flex-start}.content-lesson-strip-actions{justify-content:flex-start;width:100%}.lesson-status-actions{justify-items:start}.lesson-author-canvas{padding:14px}.lesson-arranger>header{flex-direction:column;align-items:stretch}.lesson-arranger>header .button{align-self:flex-start}.arrange-story-card{grid-template-columns:20px 25px minmax(0,1fr) auto;gap:8px}.arrange-xp{grid-column:3;justify-self:start}.arrange-actions{grid-area:1/4/span 2}.block-add-menu>span{width:100%}.choice-stage{grid-template-columns:1fr}.choice-stage figure{height:clamp(170px,45vw,230px);min-height:170px}.choice-stage img{min-height:0;max-height:none}.quiz-choice-grid{grid-template-columns:1fr}.matching-board-columns{gap:28px}.matching-card{min-height:58px;padding-block:9px}.matching-card strong{font-size:.82rem}.toggle-pair-row{border-radius:18px}.toggle-pair-row button{min-height:58px;padding:9px 11px;font-size:.88rem}.toggle-builder>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.media-manager-heading,.media-manager-toolbar{flex-direction:column;align-items:stretch}.media-manager-toolbar>div{justify-content:stretch}.media-manager-toolbar>div>*{flex:1}.media-manager-layout{grid-template-columns:minmax(0,1fr)}.media-manager-sidebar{max-height:210px}.media-manager-sidebar nav{max-height:110px}.media-manager-content{min-height:320px}.media-manager-inspector{grid-column:auto;grid-template-columns:minmax(0,1fr)}.media-manager-inspector>header{grid-column:auto}.media-manager-inspector>img{grid-row:auto;max-height:230px}.media-current{grid-template-columns:74px minmax(0,1fr)}.media-current>img{width:74px;height:52px}.media-current>button{grid-column:1/-1;justify-self:start}.pupil-preview-dialog{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.pupil-preview-dialog .account-action-dialog-inner{height:100dvh;padding:0}.pupil-preview{border:0;border-radius:0;height:100dvh}.pupil-preview-author{border:0;border-radius:0;grid-template-rows:96px 4px 58px minmax(0,1fr) 84px;height:calc(100dvh - 126px);min-height:600px}.pupil-preview-chrome{padding-right:54px}.pupil-lesson-hero{grid-template-rows:minmax(90px,1fr) auto;min-height:214px}.pupil-preview-author .pupil-lesson-hero{grid-template-rows:1fr;grid-template-columns:106px minmax(0,1fr);min-height:0}.pupil-preview-author .pupil-hero-art>span{display:none}.pupil-hero-band{align-items:flex-start;padding:14px 17px 16px}.pupil-hero-band span{max-width:68vw}.pupil-stage-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));overflow:visible}.pupil-stage-heading{flex-direction:column;align-items:flex-start}.pupil-stage-heading>div{width:100%}.pupil-screen-controls{grid-template-columns:1fr 1fr}.pupil-screen-dots{grid-area:1/1/auto/-1}}@media (width<=520px){.content-library-list{grid-template-columns:1fr}.content-topic-hero h2{font-size:1.7rem}.lesson-author-block>header{flex-wrap:wrap}.block-reward-controls{order:4;width:100%;margin-left:0}.block-order-actions{margin-left:0}.dialog-topic-list{grid-template-columns:1fr}.pupil-hero-art{min-height:82px}.pupil-hero-art svg{width:34px;height:34px}.pupil-hero-band{gap:10px}.pupil-hero-band h2{font-size:1.28rem}.pupil-hero-band p{font-size:.63rem}.pupil-hero-band span{display:none}.pupil-hero-actions .glass-button{padding:7px 9px;font-size:.76rem}.pupil-hero-actions strong{padding:4px 7px;font-size:.72rem}.pupil-preview-body{padding:14px}.pupil-block{padding:58px 19px 19px}.pupil-block-xp{top:11px;right:11px}.pupil-section-edit,.pupil-section-tools{top:11px;left:11px;right:auto}}.content-studio.editing-lesson .content-studio-heading{display:none}.content-studio.editing-lesson .content-main{display:block;overflow:visible}.content-studio.editing-lesson .content-lesson-editor-bar{z-index:7;position:sticky;top:0}.content-studio.editing-lesson .content-studio-workspace{overflow:visible}.content-studio.arranging-lesson .content-studio-workspace{min-height:calc(100dvh - 125px)}.content-studio.arranging-lesson .lesson-arranger{min-height:calc(100dvh - 190px);margin:0 18px 24px}.content-studio.arranging-lesson .pupil-preview-author{display:none}.content-studio.editing-lesson .pupil-preview-author{background:0 0;border:0;border-radius:0;grid-template-rows:238px 5px auto auto auto;height:auto;min-height:0;display:grid;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-preview-chrome{display:none}.content-studio.editing-lesson .pupil-preview-author .pupil-lesson-hero{border-radius:0;grid-template-rows:132px auto;grid-template-columns:1fr;min-height:238px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art{min-height:132px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art:before{width:156px;height:156px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art:after{width:90px;height:90px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art svg{width:43px;height:43px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art>span{max-width:70%;font-size:.74rem;display:inline}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band{align-items:flex-end;padding:16px 28px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band p{font-size:.7rem}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band h2{font-size:clamp(1.65rem,2.6vw,2.45rem)}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band>div:first-child>span{display:block}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs{border:1px solid var(--border);border-radius:14px;gap:7px;margin:12px 18px;padding:8px 10px}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs button{min-height:42px;padding:8px 12px;font-size:.95rem}.content-studio.editing-lesson .pupil-preview-author .pupil-screen-progress{height:5px}.content-studio.editing-lesson .pupil-preview-author .pupil-preview-body{min-height:0;padding:0 18px 20px;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading{border-bottom:5px solid var(--accent);width:100%;min-height:52px;margin:0;padding:0 18px}.content-studio.editing-lesson .pupil-preview-author .pupil-block-stage{width:100%;min-height:0}.content-studio.editing-lesson .pupil-preview-author .pupil-block{border:1px solid color-mix(in srgb, var(--block-accent) 30%, var(--border));border-top:6px solid var(--block-accent);background:color-mix(in srgb, var(--block-accent) 4%, var(--surface));border-radius:16px;min-height:0;margin-top:20px;padding:clamp(56px,6vw,66px) clamp(27px,4vw,48px) clamp(27px,4vw,48px);box-shadow:0 12px 30px #121f2f14}.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-reorder{padding-top:16px}.content-studio.editing-lesson .pupil-preview-author .pupil-screen-controls{z-index:5;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:0;position:sticky;bottom:0}.content-studio.editing-lesson .pupil-preview-author .pupil-screen-progress,.content-studio.editing-lesson .pupil-preview-author .pupil-screen-controls{display:none}.pupil-lesson-hero.has-header-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.pupil-lesson-hero.has-header-image .pupil-hero-art{opacity:0;pointer-events:none;background:linear-gradient(90deg,#07131e2e,#0000)}.pupil-lesson-hero.has-header-image .pupil-hero-band{-webkit-backdrop-filter:blur(10px);background:#07131e8a}@media (width>=701px){.live-shell .workspace.content-studio-shell{height:auto;min-height:calc(100% - 20px);overflow:visible}.live-shell .workspace>main.content-studio-main{height:auto;min-height:100%;display:block;overflow:visible}.content-studio-main .content-studio{min-height:0;display:block}.content-studio-main .content-studio.editing-lesson{min-height:0}.content-studio-main .content-studio.editing-lesson .content-main{display:block;overflow:visible}}@media (width<=700px){.content-studio.editing-lesson .pupil-preview-author{grid-template-rows:208px auto auto;height:auto;min-height:0;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-lesson-hero{grid-template-rows:103px auto;min-height:208px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art{min-height:103px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band{padding:13px 17px}.pupil-stage-tabs,.pupil-lesson-tabs{display:none}.pupil-segment-menu{margin:8px 10px;display:block}.pupil-learning>.pupil-segment-menu{margin:0 0 16px}.pupil-stage-heading>.pupil-stage-item-tabs{display:none!important}.pupil-preview .pupil-stage-heading>.pupil-block-mobile-pager,.pupil-mobile-activity-pager{display:flex!important}.pupil-lesson-stage>.mobile-activity-card:not(.is-current){display:none}.pupil-mobile-activity-pager{margin:0 0 12px}.content-studio.editing-lesson .pupil-preview-author .pupil-preview-body{padding-inline:10px;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-panel{overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-block{padding-bottom:112px}.content-studio.editing-lesson .pupil-preview-author .pupil-completion-action{max-width:calc(100% - 36px);bottom:18px;right:18px}.content-studio.editing-lesson .pupil-preview-author .pupil-completion-action .button{text-align:center;white-space:normal;justify-content:center;max-width:100%}}@media (width>=701px){.pupil-preview .pupil-stage-heading>.pupil-stage-item-tabs{display:flex!important}.pupil-preview .pupil-stage-heading>.pupil-block-mobile-pager,.pupil-mobile-activity-pager{display:none!important}}.account-entry>.brand{margin-bottom:30px}.account-form{max-width:580px}.account-form h1{margin:10px 0 24px;font-size:1.8rem}.account-form form,.account-form:where(form){gap:18px;display:grid}.account-form label,.credential-slip label{gap:7px;font-size:.85rem;font-weight:600;display:grid}.account-form input,.credential-slip input{border:1px solid var(--border);background:var(--canvas);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:7px;padding:12px}.password-input{display:block;position:relative}.signup-password-checks{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.signup-password-checks li{align-items:center;gap:8px;display:flex}.signup-password-checks li[data-met=true],.account-form .signup-password-match[data-met=true]{color:#237348}.password-input input{padding-right:48px}.password-visibility{border:1px solid color-mix(in srgb, var(--accent), var(--border) 64%);background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:32px;height:32px;color:var(--accent);-webkit-backdrop-filter:blur(10px)saturate(130%);border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #00000014}.password-visibility:hover,.password-visibility:focus-visible{background:color-mix(in srgb, var(--accent) 20%, var(--surface))}.account-form small{color:var(--muted);font-weight:400;line-height:1.5}.account-form select{width:100%;max-width:100%}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.entry-links{border-top:1px solid var(--border);gap:14px;margin-top:25px;padding-top:20px;font-size:.8rem;display:grid}.entry-links a,.account-entry>a{color:var(--accent)}.form-error{color:#8b2222;background:#fae5e5;border:1px solid #dca9a9;border-radius:8px;padding:14px;font-size:.85rem;margin-bottom:20px!important}.form-success{color:#235331;background:#e3f0e6;border-radius:8px;margin-bottom:20px;padding:14px;font-size:.85rem}.system-toast{z-index:100;background:color-mix(in srgb, var(--sidebar-colour) 84%, transparent);color:#fff;-webkit-backdrop-filter:blur(14px)saturate(130%);border:1px solid #ffffff61;border-radius:12px;width:min(390px,100vw - 32px);margin:0;padding:16px 18px;font-size:.875rem;font-weight:600;animation:3s both system-toast-lifetime;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 36px #0000003d}@keyframes system-toast-lifetime{0%{opacity:0;transform:translateY(12px)}10%,86%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7px)}}@media (prefers-reduced-motion:reduce){.system-toast{animation:none}}.login-slip{letter-spacing:.04em;background:var(--soft);border-radius:8px;margin:15px 0;padding:20px;font-size:1.7rem;display:block}.live-shell{background:var(--sidebar-colour);--management-row-padding:7px;--management-row-gap:8px;--management-control-height:34px;--management-action-width:112px;min-height:100vh}.live-shell .button{font-family:inherit;font-size:.875rem;font-weight:600}.live-class .button{margin-top:15px}.live-shell .panel>form{margin-top:20px}.live-shell .school-row .button{flex-shrink:0;margin-left:0}.live-shell .school-row>div:first-child{flex:1;min-width:min(260px,100%)}.live-shell .person-row{gap:var(--management-row-gap);min-height:50px;padding:var(--management-row-padding) 0}.live-shell .person-identity{align-items:baseline;gap:10px;min-width:0;display:flex}.live-shell .person-name-line{display:contents}.live-shell .person-identity h3{white-space:nowrap;flex:none;margin:0;font-size:.88rem;line-height:1.25}.live-shell .person-contact{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-shell .directory-person-row .person-identity{grid-template-columns:minmax(130px,.7fr) minmax(205px,1.15fr) minmax(180px,1fr);align-items:center;display:grid}.live-shell .directory-person-row.staff-person-row .person-identity{grid-template-columns:minmax(130px,.72fr) minmax(220px,1.48fr)}.live-shell .person-allocation{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-shell .person-tools{flex:none;align-items:center;gap:5px;display:flex}.live-shell .person-tools .person-tool{width:var(--management-action-width);min-width:var(--management-action-width);height:var(--management-control-height);min-height:var(--management-control-height);justify-content:center;margin:0;padding:5px 8px;font-size:.875rem}.live-shell .person-tool-placeholder{width:var(--management-action-width);min-width:var(--management-action-width);height:var(--management-control-height);min-height:var(--management-control-height);display:block}.live-shell .person-role-group{align-items:center;gap:10px;margin-right:5px;display:flex}.live-shell .person-role-separator{color:var(--border);font-size:1.25rem;font-weight:400;line-height:1}.live-shell .desktop-person-actions{align-items:center;gap:5px;display:flex}.live-shell .mobile-person-role,.live-shell .mobile-person-manage{display:none}.people-directory{--management-action-width:104px;gap:16px;display:grid}.people-directory[hidden]{display:none}.people-directory-heading h2{margin:0 0 8px}.people-directory-heading p{margin:0}.people-directory-group{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:grid}.people-directory-group-heading{margin:0}.people-directory-group-heading h3{margin:0 0 5px;font-size:1.16rem}.people-directory-group-heading p{margin:0}.people-directory-list{border:1px solid var(--border);background:var(--canvas);border-radius:11px;display:grid;overflow:hidden}.people-directory-list .person-row{border-top:0;padding-inline:14px}.people-directory-list .person-row+.person-row{border-top:1px solid var(--border)}.live-shell .class-pupil-row{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;min-height:58px;padding-block:10px;display:grid}.live-shell .class-pupil-identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.class-pupil-details{gap:3px;min-width:0;display:grid}.class-pupil-details h3{margin:0;font-size:.9rem;line-height:1.2}.class-pupil-details .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-shell .platform-people-list .platform-person-row{grid-template-columns:minmax(150px,.8fr) minmax(240px,1.3fr) minmax(150px,.72fr) minmax(360px,1.25fr);align-items:center;gap:14px;min-height:58px;padding-block:8px;display:grid}.live-shell .platform-person-name{white-space:nowrap;min-width:0;margin:0;font-size:.88rem;line-height:1.25}.live-shell .platform-person-role{width:var(--management-action-width);min-width:var(--management-action-width);height:var(--management-control-height);min-height:var(--management-control-height);justify-content:center;padding:5px 8px;font-size:.875rem}.live-shell .platform-person-actions{justify-content:flex-end;gap:5px;min-width:0;display:flex}.live-shell .platform-person-actions .person-tool{width:var(--management-action-width);min-width:var(--management-action-width);height:var(--management-control-height);min-height:var(--management-control-height);justify-content:center;margin:0;padding:5px 8px;font-size:.875rem}.people-directory-empty{margin:0;padding:18px 14px}.people-directory-note{margin:2px 2px 0}.credential-slip{background:var(--soft);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:9px;margin:20px 0;padding:18px}.credential-slip p{margin:10px 0;font-size:.8rem}.account-action-dialog{border:1px solid color-mix(in srgb, var(--border), var(--accent) 18%);background:var(--surface);width:min(1450px,100vw - 36px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:0;overflow:auto;box-shadow:0 28px 90px #0000006b}.account-action-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#050c12b3}.account-action-dialog-inner{grid-template-columns:37px minmax(0,1fr);align-content:start;column-gap:13px;min-height:100%;padding:clamp(22px,4vw,34px);display:grid;position:relative}.account-action-sticky-heading{z-index:4;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:13px;min-height:66px;margin:calc(-1*clamp(22px,4vw,34px)) calc(-1*clamp(22px,4vw,34px)) 0;padding:14px clamp(22px,4vw,34px);display:flex;position:sticky;top:0}.account-action-sticky-heading h2{min-width:0;margin:0;font-size:clamp(1.35rem,4vw,1.75rem)}.account-action-sticky-actions{flex:none;align-items:center;gap:30px;margin-left:auto;display:flex}.account-action-dialog-inner>h2{display:none}.account-action-dialog-inner>:not(.dialog-brand-mark,.account-action-close,h2){grid-column:1/-1}.account-action-dialog-inner>p{margin:22px 0 0;line-height:1.6}.account-action-dialog-inner>.account-action-sticky-heading+:not(h2,p,.account-form){margin-top:22px}.account-action-dialog-inner>.account-form{max-width:none;margin-top:22px}.account-action-dialog.story-block-dialog{width:min(1450px,100vw - 36px)}.account-action-dialog.story-block-dialog .account-action-dialog-inner{align-content:start;min-height:0}.account-action-dialog.story-block-dialog .account-action-dialog-inner>.account-form{flex-direction:column;min-height:0;display:flex}.account-action-dialog.lesson-settings-dialog{width:min(1450px,100vw - 36px)}.account-action-dialog.lesson-settings-dialog .account-action-dialog-inner,.account-action-dialog.lesson-settings-dialog .account-action-dialog-inner>.account-form{min-height:0}.account-action-dialog.objective-block-dialog{width:min(1450px,100vw - 36px)}.account-action-dialog.objective-block-dialog .account-action-dialog-inner,.account-action-dialog.objective-block-dialog .account-action-dialog-inner>.account-form{min-height:0}.account-action-dialog.story-block-dialog .account-form textarea,.account-action-dialog.objective-block-dialog .account-form textarea{min-height:42px;margin-top:6px;padding:7px 10px}.account-action-sticky-actions .button{gap:8px}.account-action-dialog.story-block-dialog .account-action-sticky-actions,.account-action-dialog.objective-block-dialog .account-action-sticky-actions{gap:10px}.account-action-dialog.story-block-dialog .account-action-sticky-actions .button,.account-action-dialog.objective-block-dialog .account-action-sticky-actions .button{gap:7px;min-height:36px;padding:7px 11px;font-size:.82rem}.account-action-dialog.story-block-dialog .account-action-sticky-actions .account-action-cancel,.account-action-dialog.objective-block-dialog .account-action-sticky-actions .account-action-cancel{margin-left:10px}.xp-reward-field>span{align-items:center;gap:6px;display:inline-flex}.xp-reward-field>span svg{color:var(--primary)}.xp-reward-field{align-content:start;gap:7px;display:grid}.xp-reward-control{grid-template-columns:minmax(68px,82px) minmax(0,1fr);align-items:center;gap:9px;display:grid}.xp-reward-control input{min-width:0;height:42px;min-height:42px}.xp-reward-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;display:grid}.xp-reward-presets .button{width:100%;min-width:0;height:42px;min-height:42px;padding:4px 8px;font-size:.78rem}.presentation-upload-button{cursor:pointer;width:fit-content;position:relative;overflow:hidden}.presentation-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.objective-list-editor{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 3%, var(--surface));border-radius:14px;gap:12px;margin:6px 0 0;padding:18px;display:grid}.objective-list-editor>legend{padding:0 7px;font-weight:800}.objective-list-editor>p{margin:0}.objective-editor-row{grid-template-columns:minmax(0,1fr) 38px;align-items:end;gap:9px;display:grid}.objective-editor-row>label{gap:6px;min-width:0;font-weight:750;display:grid}.account-action-dialog.objective-block-dialog .account-form .objective-editor-row textarea{resize:vertical;height:38px;min-height:38px;margin-top:0;padding:5px 9px}.objective-remove-button{color:#8b3b3b;background:#fff8f7;border:1px solid #e1c6c6;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:1px;transition:border-color .15s,color .15s,background .15s,transform .15s;display:grid}.objective-remove-button:hover{color:#722727;background:#fbe9e8;border-color:#bd6868;transform:translateY(-1px)}.objective-remove-button:focus-visible{outline-offset:2px;outline:3px solid #bd686873}.lesson-presentation-upload{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 3%, var(--surface));border-radius:14px;justify-items:start;gap:8px;margin:8px 0;padding:18px;display:grid}.lesson-presentation-upload>legend{padding:0 7px;font-weight:800}.lesson-presentation-upload>p{margin:0 0 4px}.teacher-powerpoint-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:7px;display:flex}.pupil-objectives-page{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:0 clamp(18px,3vw,38px);max-width:980px;margin:0 auto;display:grid}.pupil-objectives-page>h2{grid-area:1/1;margin:0 0 8px}.pupil-objectives-page>.lesson-objectives-layout{display:contents}.pupil-objectives-page .lesson-objectives-content{grid-area:2/1}.pupil-objectives-page .lesson-objectives-art{grid-area:1/2/3}.lesson-objectives-layout{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);align-items:start;gap:clamp(18px,3vw,38px);display:grid}.lesson-objectives-art{grid-area:1/2;justify-content:center;align-items:flex-start;display:flex}.lesson-objectives-art img{aspect-ratio:1;object-fit:contain;border-radius:14px;width:min(100%,290px);display:block}.pupil-block.pupil-objective .lesson-objectives-art img{transform:translateY(-66px)}.lesson-objectives-content{grid-area:1/1;min-width:0}.lesson-objectives-intro{color:var(--muted);margin:0 0 30px;font-size:1.02rem;line-height:1.55}.pupil-block .lesson-objectives-intro{margin-bottom:30px}.lesson-objectives-card{border:1px solid color-mix(in srgb, var(--accent) 23%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), color-mix(in srgb, var(--accent) 3%, var(--surface)));border-radius:18px;margin:0 0 18px;padding:13px clamp(16px,2vw,22px);box-shadow:0 7px 20px #14233c0f}.lesson-objectives-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.lesson-objectives-list li{box-shadow:none;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:0;display:grid}.lesson-objective-bullet{place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.lesson-objective-bullet>span{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent);border:0;border-radius:2px;transform:rotate(45deg)}.lesson-objectives-list li>div{padding-top:1px}.lesson-objectives-list li .rich-text-content>:first-child{margin-top:0}.pupil-block.pupil-objective{position:relative}.lesson-presentation-separator{width:100%;margin:12px 0 0}.lesson-presentation-link{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));width:min(520px,100%);min-height:58px;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), var(--surface));box-sizing:border-box;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 12px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 5px 14px #14233c0f}.lesson-presentation-link:hover{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));box-shadow:0 9px 20px color-mix(in srgb, var(--accent) 13%, transparent)}.lesson-presentation-link:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:3px}.lesson-presentation-icon{width:36px;height:38px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:10px;place-items:center;display:grid}.lesson-presentation-copy{gap:3px;display:grid}.lesson-presentation-copy strong{font-size:.95rem}.lesson-presentation-copy small{color:var(--muted);font-size:.78rem}.lesson-presentation-open{border:1px solid var(--border);color:var(--accent);white-space:nowrap;background:var(--surface);border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:.76rem;font-weight:800;display:inline-flex}.overview-section-layout{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);align-items:start;gap:clamp(18px,3vw,38px);display:grid}.overview-section-layout:not(:has(>img)){grid-template-columns:minmax(0,1fr)}.overview-section-copy{min-width:0}.overview-section-copy h3{margin:0 0 12px}.overview-section-layout>img{aspect-ratio:6/5;object-fit:cover;border-radius:14px;justify-self:center;width:min(100%,340px);display:block}@media (width<=520px){.lesson-presentation-link{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px 12px}.lesson-presentation-open{grid-column:2;justify-self:start}}@media (width<=720px){.overview-section-layout{grid-template-columns:minmax(0,1fr);gap:16px}.overview-section-layout>img{justify-self:start;width:min(100%,300px)}.written-response-layout.has-image,.pupil-written-delivery.has-image{grid-template-columns:minmax(0,1fr)}.written-response-layout.has-image>.written-response-content,.pupil-written-delivery .written-response-content{grid-area:1/1}.written-response-layout.has-image>.written-response-image,.pupil-written-delivery .written-response-image{grid-area:2/1;justify-self:start;width:min(100%,300px)}.written-response-settings-row{grid-template-columns:minmax(0,1fr)}}@media (width>=721px){.pupil-objectives-page{padding-right:38%;display:block;position:relative}.pupil-objectives-page>h2{width:62%}.pupil-objectives-page>.lesson-objectives-layout{display:block}.pupil-objectives-page .lesson-objectives-content{width:100%}.pupil-objectives-page .lesson-objectives-art{width:35%;position:absolute;top:0;right:0}.pupil-objectives-page .lesson-objectives-art img{width:100%;transform:none}.pupil-block.pupil-objective .lesson-objectives-layout{padding-right:38%;display:block;position:relative}.pupil-block.pupil-objective .lesson-objectives-content{width:100%}.pupil-block.pupil-objective .lesson-objectives-art{width:35%;position:absolute;top:-66px;right:0}.pupil-block.pupil-objective .lesson-objectives-art img{width:100%;transform:none}}@media (width<=720px){.lesson-objectives-layout{grid-template-columns:minmax(0,1fr);gap:16px}.pupil-objectives-page{grid-template-columns:minmax(0,1fr);row-gap:0}.pupil-objectives-page>h2{grid-area:1/1}.pupil-objectives-page .lesson-objectives-content{grid-area:2/1}.pupil-objectives-page .lesson-objectives-art{grid-area:3/1}.lesson-objectives-content,.lesson-objectives-art{grid-area:auto/1}.lesson-objectives-art img{width:min(100%,230px);transform:none!important}.lesson-objectives-intro,.pupil-block .lesson-objectives-intro{margin-bottom:24px}.xp-reward-control{grid-template-columns:76px minmax(0,1fr)}.xp-reward-presets{gap:4px}}.pupil-lesson-stage:has(.pupil-objectives-page){min-height:0}.pupil-lesson-stage:has(.pupil-objectives-page)>.button.primary{margin-top:0}.account-action-dialog-inner>.credential-slip{margin:20px 0}.dialog-brand-mark{grid-column:1;width:37px;height:37px;margin:0}.dialog-heading .dialog-brand-mark{flex:none;margin:0}.dialog-heading>div{margin-right:auto}.account-action-close{position:absolute;top:18px;right:18px}.button.danger{color:#fff;background-color:#922c2c;background-image:linear-gradient(135deg,#ffffff2e,#0000 52%);border-color:#922c2c}.button.danger:hover:not(:disabled){background-color:#7b2020}.account-form .checkbox-label{align-items:center;gap:10px;display:flex}.checkbox-label input{width:20px;height:20px;accent-color:var(--accent)}.account-form .staff-role-field{width:calc(50% - 8px)}.identity-details{grid-template-columns:100px 1fr;gap:12px;font-size:.85rem;display:grid}.identity-details dd{margin:0}.identity-details dt{color:var(--muted)}.staff-heading{margin-top:30px}.live-shell .sidebar{border-right:0;min-height:100vh}.live-shell a.nav-item{text-decoration:none}.live-shell .sidebar-bottom{padding-top:30px;position:relative}.identity-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.pupil-email-settings{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.pupil-email-address{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.pupil-email-address>label{flex:180px;min-width:0}.identity-trigger:hover{background:linear-gradient(145deg,#ffffff26,#ffffff12)}.identity-menu-chevron{flex-shrink:0;margin-left:auto}.account-menu{z-index:60;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:13px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #0000003d}.account-menu-heading{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 11px;padding:14px;display:grid}.account-menu-heading .avatar{background:var(--soft);color:var(--accent);flex-shrink:0;grid-row:1}.account-menu-name{min-width:0}.account-menu-email{grid-column:1/-1;min-width:0}.account-menu-heading strong,.account-menu-heading small{overflow-wrap:anywhere;display:block}.account-menu-heading strong{font-size:.9rem}.account-menu-heading small{color:var(--muted);font-size:.7rem}.account-menu>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;align-items:center;gap:11px;padding:13px 15px;font-size:.82rem;display:flex}.account-menu>button:last-child{border-bottom:0}.account-menu>button:hover:not(:disabled),.account-menu>button:focus-visible{background:var(--soft)}.live-shell .class-actions{flex-wrap:wrap}.live-shell .class-actions .button{flex:none;padding:10px 14px;font-size:.875rem;font-weight:600}.live-shell .user-card>span:last-child{overflow-wrap:anywhere;min-width:0}.live-shell .panel{overflow-wrap:anywhere}.school-directory-heading{justify-content:space-between;align-items:end;gap:18px;margin:0 0 16px;display:flex}.school-directory-heading h2{margin:0}.school-directory-heading h2 span{color:var(--muted);margin-left:5px;font-size:.88em;font-weight:500}.school-directory-heading p{margin:6px 0 0}.school-search{flex:0 390px;gap:7px;width:min(390px,52%);margin:0;font-size:.875rem;display:grid}.school-search input{border:1px solid var(--border);background:var(--canvas);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.school-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.school-directory-card{border:1px solid var(--border);background:var(--canvas);width:100%;min-width:0;color:var(--text);font:inherit;text-align:left;border-radius:12px;padding:0;display:block;overflow:hidden;box-shadow:0 1px 2px #00000014}.school-directory-card:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 55%);transform:translateY(-2px);box-shadow:0 8px 22px #0000001a}.school-directory-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 35%);outline-offset:3px}.school-directory-card,.visual-card{transition:transform .18s,box-shadow .18s,border-color .18s}.school-directory-card h3{margin:0}.school-directory-image{background:var(--surface);color:#fff;align-items:flex-end;height:122px;padding:11px;display:flex;position:relative;overflow:hidden}.school-directory-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.school-directory-image:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 22%,#14233459 70%,#142334c2 100%);position:absolute;inset:0}.school-card-title{z-index:2;color:#fff;text-shadow:0 1px 2px #0006;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#142334ba;border:1px solid #ffffff47;border-radius:7px;-webkit-box-orient:vertical;max-width:100%;padding:6px 9px;font-size:.86rem;font-weight:650;line-height:1.15;display:-webkit-box;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000038}.school-directory-body{padding:10px 12px}.school-directory-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.school-directory-meta p{color:var(--muted);letter-spacing:.08em;margin:0 0 4px;font-size:.67rem}.school-directory-meta p strong{color:var(--text);letter-spacing:0;margin-left:5px;font-size:.74rem;font-weight:550}.school-directory-meta small{color:var(--muted);font-size:.73rem}.school-directory-open{border:1px solid var(--border);width:32px;height:32px;color:var(--accent);background:var(--canvas);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.school-directory-open:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 55%);background:var(--surface)}.school-directory-open:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 68%);outline-offset:2px}.visual-card-heading{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.visual-card-heading>svg{color:var(--muted);flex-shrink:0}.button-arrow-box{-webkit-backdrop-filter:blur(10px)saturate(130%);background:#ffffff1a;border:1px solid;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 1px #ffffff5c,0 2px 5px #0000001a}.visual-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.visual-card:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 40%);box-shadow:0 7px 18px #00000014}.visual-card-header{height:140px;color:var(--card-ink);background:var(--card-fill);padding:23px;position:relative;overflow:hidden}.school-directory-card .visual-card-header{height:112px;padding:12px 10px}.visual-card-title{z-index:2;letter-spacing:-.055em;max-width:45%;font-size:clamp(2rem,4vw,2.8rem);font-weight:750;line-height:.95;display:block;position:relative}.visual-card-title.school-card-title{letter-spacing:-.025em;text-shadow:0 1px 1px #ffffff94;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff42;border-radius:8px;-webkit-box-orient:vertical;width:100%;max-width:100%;padding:6px 8px;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.08;display:-webkit-box;overflow:hidden;box-shadow:inset 0 1px #ffffff38}.visual-card-lines{width:100%;height:100%;position:absolute;inset:0}.school-directory-card .visual-card-lines{opacity:.56}.visual-card-emblem{opacity:.28;border:4px solid;border-radius:28px;place-items:center;width:118px;height:118px;display:grid;position:absolute;bottom:-19px;right:15%}.visual-card-pill{z-index:2;max-width:calc(100% - 44px);color:var(--card-ink);text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border-radius:5px;padding:5px 9px;font-size:.65rem;font-weight:700;position:absolute;bottom:15px;left:22px;overflow:hidden}.visual-card-body{padding:20px 21px}.visual-card-body h2{margin:0}.tone-sage{--card-fill:#dfebe4;--card-ink:#285740}.tone-blue{--card-fill:#dfeaf5;--card-ink:#315c82}.tone-lilac{--card-fill:#ebe5f4;--card-ink:#655083}.tone-peach{--card-fill:#f4e7da;--card-ink:#815233}.tone-rose{--card-fill:#f3e2e7;--card-ink:#84495a}.tone-teal{--card-fill:#dceceb;--card-ink:#28615f}body.dark .visual-card-header{filter:brightness(.82)saturate(.88)}body.dark .visual-card-pill{color:#fff;background:#141b22b8}.page-actions{flex-wrap:wrap;gap:12px;display:flex}.page-actions .button{width:160px}.back-link{color:var(--accent);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.school-management-header{background:linear-gradient(125deg, var(--school-header-colour), color-mix(in srgb, var(--school-header-colour) 76%, #101820));color:#fff;border-radius:16px;min-height:106px;margin:0 0 12px;padding:clamp(18px,2.5vw,24px) clamp(22px,3vw,30px);position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001f}.school-management-header:not(.class-management-header){background-image:linear-gradient(90deg, #06111cc2, #06111c70 54%, #06111c30), var(--school-header-image);background-position:50% 52%;background-size:cover;min-height:112px}.school-management-header:before,.school-management-header:after{content:"";pointer-events:none;position:absolute}.school-management-header:before{border:36px solid color-mix(in srgb, var(--school-header-highlight) 20%, transparent);width:270px;height:270px;box-shadow:-142px 194px 0 -48px color-mix(in srgb, var(--school-header-highlight) 15%, transparent);border-radius:50%;top:-154px;right:-82px}.school-management-header:after{opacity:.35;background-image:linear-gradient(128deg,#0000 0 46%,#ffffff21 46% 47%,#0000 47% 100%),linear-gradient(38deg,#0000 0 68%,#ffffff14 68% 69%,#0000 69% 100%);background-size:118px 118px,152px 152px;inset:0}.school-management-header:not(.class-management-header):before{display:none}.school-management-header:not(.class-management-header):after{opacity:.08}.school-management-header-copy{z-index:1;max-width:min(900px,82%);position:relative}.school-management-title-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.school-management-header h1{color:inherit;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.04}.school-management-header p{color:#ffffffdb;-webkit-backdrop-filter:blur(5px);background:#ffffff1c;border:1px solid #ffffff3d;border-radius:999px;gap:5px;margin:0;padding:6px 10px;font-size:.87rem;display:inline-flex}.school-management-header p strong{color:#fff}.class-management-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:92px;display:grid}.class-management-header .school-management-header-copy{max-width:none}.class-header-edit,.class-header-back{z-index:1;white-space:nowrap;position:relative}.class-future-panel{align-content:center;justify-items:start;gap:8px;min-height:170px;display:grid}.class-future-panel h2,.class-future-panel p{margin:0}.class-future-panel>svg{color:var(--accent)}.school-management-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}.school-wide-panel{grid-column:1/-1}.school-settings-form{max-width:none}.school-settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;gap:24px;display:grid}.school-identity-settings,.school-colour-settings{gap:12px;display:grid}.school-identity-settings>h3,.school-colour-settings>h3{margin:0}.school-colour-settings{border:1px solid var(--border);background:var(--canvas);border-radius:11px;align-content:start;padding:16px}.school-colour-picker{position:relative}.school-colour-trigger{border:1px solid var(--border);background:var(--canvas);width:fit-content;min-width:min(100%,200px);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;display:flex;box-shadow:0 2px 8px #14233414}.school-colour-trigger:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 45%);background:var(--soft)}.school-colour-trigger:focus-visible,.school-banner-picker summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 68%);outline-offset:2px}.school-colour-picker-swatches{border-radius:7px;flex:none;grid-template-columns:1fr 1fr;width:30px;height:30px;display:inline-grid;overflow:hidden}.school-colour-picker-swatches i{display:block}.school-colour-picker-label{white-space:nowrap;align-items:baseline;gap:4px;font-size:.86rem;display:flex}.school-colour-picker-label strong{font-weight:650}.school-colour-trigger>svg{color:var(--muted);margin-left:auto;transition:transform .16s}.school-colour-picker.is-open .school-colour-trigger>svg{transform:rotate(180deg)}.school-colour-picker-options{z-index:10;border:1px solid var(--border);background:var(--canvas);border-radius:12px;gap:2px;width:min(280px,100vw - 56px);max-height:min(340px,55vh);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 30px #14233429}.school-colour-picker-options[hidden]{display:none}.school-colour-picker-option{min-height:42px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:5px 8px;font-size:.86rem;display:flex}.school-colour-picker-option:hover,.school-colour-picker-option.is-selected{background:var(--soft)}.school-colour-picker-option>svg{color:var(--accent);margin-left:auto}.school-colour-help{color:var(--muted)}.school-banner-picker{border:1px solid var(--border);background:var(--canvas);border-radius:12px;gap:8px;margin:22px 0;padding:12px 16px;display:grid}.school-banner-picker summary{cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-weight:700;list-style:none;display:flex}.school-banner-picker summary::-webkit-details-marker{display:none}.school-banner-picker summary span{color:var(--muted);margin-left:auto;font-size:.82rem;font-weight:500}.school-banner-picker summary>svg{color:var(--muted);flex:none;transition:transform .16s}.school-banner-picker[open] summary>svg{transform:rotate(180deg)}.school-banner-picker[open] summary{margin-bottom:2px}.school-banner-picker>p{margin:0 0 4px}.school-banner-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:min(52vh,500px);padding:2px;display:grid;overflow:auto}.school-banner-option{border:1px solid var(--border);background:var(--canvas);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:9px;grid-template-rows:auto 1fr;gap:6px;padding:5px;display:grid;position:relative;overflow:hidden}.school-banner-option img{aspect-ratio:16/9;object-fit:cover;border-radius:5px;width:100%;display:block}.school-banner-option>span{padding:0 3px 2px;font-size:.82rem}.school-banner-option>svg{background:var(--accent);color:var(--on-accent);border-radius:50%;padding:2px;position:absolute;top:9px;right:9px}.school-banner-option:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 55%)}.school-banner-option.is-selected{border:2px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 82%);padding:4px}.section-tabs{border:1px solid var(--border);background:var(--surface);scrollbar-width:thin;border-radius:12px;gap:4px;width:100%;margin:0 0 26px;padding:5px;display:flex;overflow-x:auto}.section-tabs button{min-height:40px;color:var(--muted);font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:8px;padding:8px 13px;font-size:.82rem;font-weight:600;display:inline-flex}.section-tabs button:hover:not(:disabled):not(.active){background:var(--soft);color:var(--text)}.section-tabs button.active{background-color:var(--accent);color:var(--on-accent);background-image:linear-gradient(135deg,#ffffff2e,#0000 52%);box-shadow:inset 0 1px #ffffff47,0 2px 7px #0000001a}.section-tabs button:disabled{cursor:not-allowed;opacity:.42}.compact-section-actions{display:none}.workspace{container-type:inline-size}@container (width<=900px){.school-settings-grid{grid-template-columns:1fr}.section-tabs{display:none}.compact-section-actions{width:100%;margin:0 0 24px;display:block;position:relative}.compact-section-actions:focus-within{outline:3px solid color-mix(in srgb, var(--accent), transparent 70%);outline-offset:2px;border-color:var(--accent)}.compact-section-actions-trigger{border:1px solid color-mix(in srgb, var(--border), var(--accent) 20%);background:var(--surface);width:100%;min-height:50px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 15px;font-size:.9rem;font-weight:700;display:grid;box-shadow:0 3px 12px #0000000f}.compact-section-actions-trigger>svg:first-child{color:var(--accent)}.compact-section-actions-trigger .compact-actions-chevron{color:var(--accent);justify-self:end;transition:transform .16s}.compact-section-actions-trigger[aria-expanded=true] .compact-actions-chevron{transform:rotate(180deg)}.compact-section-actions-menu{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 32px #121f2f2e}.compact-section-actions-menu button{width:100%;min-height:42px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 11px;display:grid}.compact-section-actions-menu button:hover,.compact-section-actions-menu button:focus-visible{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:var(--accent);outline:0}.compact-section-actions-menu button[aria-current=page]{font-weight:750}.compact-section-actions-menu button span{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.compact-section-actions-menu button small{color:var(--muted);font-size:.72rem;font-weight:600}.compact-section-actions-menu button>svg{color:var(--accent);justify-self:end}.class-management-header{grid-template-columns:1fr;gap:14px}.class-header-edit,.class-header-back{justify-self:start}}.platform-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.dashboard-heading{align-items:end}.dashboard-heading .eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.72rem}.dashboard-heading h1{margin-top:4px}.dashboard-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.dashboard-colour-control{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:7px 13px;font-size:.875rem;display:inline-flex;box-shadow:0 3px 10px #00000012}.dashboard-colour-control:hover{border-color:color-mix(in srgb, var(--border), var(--accent) 45%);background:var(--soft)}.dashboard-colour-control>span:nth-child(2){white-space:nowrap}.dashboard-colour-control strong{font-weight:700}.dashboard-hero{background:var(--sidebar-colour);color:#fff;border-radius:16px;min-height:188px;margin-bottom:20px;padding:clamp(28px,4vw,36px);position:relative;overflow:hidden;box-shadow:0 3px 9px #0000001f}.dashboard-hero:before,.dashboard-hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.dashboard-hero:before{width:260px;height:260px;top:-110px;right:-76px}.dashboard-hero:after{width:210px;height:210px;bottom:-145px;right:9%}.dashboard-role-badge{z-index:1;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.dashboard-hero h2,.dashboard-hero p{z-index:1;position:relative}.dashboard-hero h2{color:inherit;margin:23px 0 9px;font-size:clamp(1.55rem,3vw,2rem)}.dashboard-hero p{color:#fffc;max-width:720px;margin:0;font-size:1rem;line-height:1.55}.platform-stat{align-content:start;gap:10px;min-height:165px;display:grid}.platform-stat>span:first-child{color:var(--muted);font-size:.85rem}.platform-stat>strong{font-size:2.25rem;line-height:1}.platform-stat .text-button{justify-self:start;margin-top:auto}.dashboard-roadmap{margin-top:20px}.subject-list{gap:14px;margin-top:20px;display:grid}.initial-subscriptions{border:0;gap:10px;min-width:0;margin:4px 0 0;padding:0;display:grid}.initial-subscriptions legend{margin-bottom:4px;font-weight:700}.initial-subscriptions>p{margin:0}.initial-subscription-list{gap:10px;display:grid}.initial-subscription-list .subject-choice{padding:12px}.staff-subject-allocation>.initial-subscription-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pupil-class-choice-groups{gap:10px;display:grid}.pupil-class-choice-group{border:1px solid var(--border);background:var(--canvas);border-radius:10px;overflow:hidden}.pupil-class-choice-group summary{cursor:pointer;align-items:center;min-height:46px;padding:0 51px 0 13px;list-style:none;display:flex;position:relative}.pupil-class-choice-group summary::-webkit-details-marker{display:none}.pupil-class-choice-group[open] summary{border-bottom:1px solid var(--border)}.pupil-class-choice-group summary small{color:var(--muted);margin-left:9px}.pupil-class-choice-group .initial-subscription-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.pupil-class-choice-group .subject-choice{min-height:70px;padding:9px}.subject-choice{border:1px solid var(--border);background:var(--canvas);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.account-form label.subject-choice{flex-direction:row;align-items:flex-start;display:flex}.account-form label.subject-choice input{margin-top:2px}.subject-choice input{width:20px;height:20px;accent-color:var(--accent)}.subject-choice span{gap:3px;display:grid}.subject-choice small{color:var(--muted)}.subject-catalogue>p{margin-bottom:18px}.subject-row{min-height:56px}.catalogue-list{margin-top:18px}.empty-catalogue-message{color:var(--muted);margin:0;padding:18px}.portal-subscriptions{gap:16px;display:grid}.portal-subscriptions[hidden]{display:none}.portal-subscriptions-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.portal-subscriptions-heading h2{margin:0 0 8px}.portal-subscriptions-heading p{margin:0}.portal-subscription-group{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:grid}.portal-subscription-heading h3{margin:0 0 5px;font-size:1.16rem}.portal-subscription-heading p{margin:0}.portal-subject-list{border:1px solid var(--border);background:var(--canvas);border-radius:11px;display:grid;overflow:hidden}.portal-subject-row{grid-template-columns:minmax(160px, .8fr) 128px minmax(440px, 1.55fr) var(--management-action-width);align-items:center;gap:14px;min-height:58px;padding:8px 14px;display:grid}.portal-subject-row+.portal-subject-row{border-top:1px solid var(--border)}.subscription-status{text-align:center;justify-content:center;align-items:center;width:128px;min-height:32px;padding-block:4px;display:inline-flex}.subscription-active{background:color-mix(in srgb, #2f9e68 16%, var(--surface));color:color-mix(in srgb, #18794e 82%, var(--text));border-color:#288a5b}.subscription-trial{background:color-mix(in srgb, #3f78ad 12%, var(--surface));color:color-mix(in srgb, #3f78ad 78%, var(--text));border-color:#3f78ad}.subscription-suspended{background:color-mix(in srgb, #a86d18 12%, var(--surface));color:color-mix(in srgb, #a86d18 78%, var(--text));border-color:#a86d18}.subscription-expired{background:color-mix(in srgb, #7b8794 12%, var(--surface));color:var(--muted);border-color:#7b8794}.subscription-cancelled{background:color-mix(in srgb, #d96b63 12%, var(--surface));color:color-mix(in srgb, #a8352e 78%, var(--text));border-color:#c45b55}.subscription-dates{color:var(--muted);white-space:nowrap;grid-template-columns:145px 145px minmax(120px,1fr);align-items:center;gap:12px;font-size:.86rem;line-height:1.5;display:grid}.subscription-dates b{color:var(--text);font-weight:650}.subscription-remaining{color:color-mix(in srgb, #18794e 75%, var(--text));font-weight:650}.subscription-no-dates{grid-column:1/-1}.subscription-edit{width:var(--management-action-width);min-width:var(--management-action-width);min-height:var(--management-control-height);padding:5px 8px;font-size:.875rem}.subscription-adjustment-actions{grid-template-columns:repeat(4,minmax(108px,1fr));gap:10px;display:grid}.subscription-adjustment-actions .button{width:100%;min-width:0}.subscription-notes{border:1px solid var(--border);background:var(--canvas);border-radius:9px;padding:0}.subscription-notes summary{min-height:46px;color:var(--text);cursor:pointer;padding:11px 51px 11px 13px;font-weight:650;list-style:none;position:relative}.subscription-notes summary::-webkit-details-marker{display:none}.subscription-notes[open] summary{border-bottom:1px solid var(--border)}.subscription-notes>p,.subscription-notes>label{margin-inline:13px}.subscription-notes>p{margin-top:12px;margin-bottom:8px}.subscription-notes>label{margin-bottom:13px}.subscription-notes textarea{resize:vertical;min-height:110px}.subscription-action-trial{color:#245b8f;background-color:#e7f1ff;background-image:linear-gradient(135deg,#ffffff8c,#0000 62%);border-color:#3f78ad}.subscription-action-suspend{color:#815310;background-color:#fff1cf;background-image:linear-gradient(135deg,#ffffff8c,#0000 62%);border-color:#c18a2d}.subscription-action-cancel{color:#a8352e;background-color:#fde7e5;background-image:linear-gradient(135deg,#ffffff8c,#0000 62%);border-color:#d7837c}.subscription-action-trial:hover:not(:disabled),.subscription-action-trial:focus-visible:not(:disabled){background-color:#d5e8ff}.subscription-action-suspend:hover:not(:disabled),.subscription-action-suspend:focus-visible:not(:disabled){background-color:#ffe5ab}.subscription-action-cancel:hover:not(:disabled),.subscription-action-cancel:focus-visible:not(:disabled){background-color:#fbd4d0}.managed-class-list{border:1px solid var(--border);background:var(--canvas);border-radius:11px;margin-top:16px;display:grid;overflow:hidden}.managed-class-columns,.managed-class-row{grid-template-columns:minmax(82px,.55fr) 96px 110px minmax(110px,.8fr) minmax(145px,1fr) 128px minmax(188px,.9fr);align-items:center;gap:14px;padding:8px 14px;display:grid}.managed-class-columns{background:color-mix(in srgb, var(--soft) 68%, var(--canvas));min-height:38px;color:var(--muted);font-size:.78rem;font-weight:700}.managed-class-columns>:last-child{text-align:center}.managed-class-row{min-height:58px}.managed-class-row+.managed-class-row{border-top:1px solid var(--border)}.managed-class-row>span:not(.subscription-status):not(.managed-class-actions){color:var(--muted);font-size:.875rem}.managed-class-actions{justify-content:flex-end;gap:6px;display:flex}.managed-class-actions .button{width:88px;min-width:88px;min-height:32px;padding:5px 8px;font-size:.875rem}.archived-disclosure{border:1px solid var(--border);background:color-mix(in srgb, var(--soft) 48%, var(--canvas));border-radius:11px;margin-top:16px;overflow:hidden}.archived-disclosure summary{cursor:pointer;min-height:48px;color:var(--text);align-items:center;padding:0 52px 0 14px;font-weight:700;list-style:none;display:flex;position:relative}.archived-disclosure summary::-webkit-details-marker{display:none}.archived-disclosure[open] summary{border-bottom:1px solid var(--border)}.archived-disclosure summary>:last-child{background:var(--canvas);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.75rem}.archived-disclosure>p{margin:13px 14px 10px}.archived-class-disclosure .managed-class-list{margin:0 14px 14px}.archived-class-card-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;padding:0 14px 14px;display:grid}.archived-class-card{border:1px solid var(--border);background:var(--canvas);border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:10px 11px;display:flex}.archived-class-card>span{color:var(--muted);font-size:.82rem}.archived-class-card .button{min-height:30px;margin-left:auto;padding:4px 9px;font-size:.82rem}@container (width<=1050px){.people-directory .directory-person-row{flex-wrap:wrap}.people-directory .person-tools>.person-role-group,.people-directory .person-tools>.desktop-person-role,.people-directory .desktop-person-actions,.people-directory .mobile-person-role{display:none}.people-directory .person-name-line{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.people-directory .person-name-line h3{text-overflow:ellipsis;min-width:0;overflow:hidden}.people-directory .mobile-person-manage{border:1px solid color-mix(in srgb, var(--border), var(--accent) 16%);background:var(--surface);border-radius:10px;flex:0 0 150px;width:150px;display:block;overflow:hidden;box-shadow:0 3px 10px #121f2f12}.people-directory .mobile-person-manage summary{cursor:pointer;min-height:40px;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), var(--surface));grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:0 11px;font-weight:700;list-style:none;display:grid}.people-directory .mobile-person-manage summary::-webkit-details-marker{display:none}.people-directory .mobile-person-manage summary>*{pointer-events:none}.people-directory .mobile-person-manage summary>svg:first-child{color:var(--accent)}.people-directory .mobile-person-manage .manage-chevron{color:var(--muted);justify-self:end;transition:transform .16s}.people-directory .mobile-person-manage[open] summary{border-bottom:1px solid var(--border)}.people-directory .mobile-person-manage[open] .manage-chevron{transform:rotate(180deg)}.people-directory .mobile-person-manage-actions{grid-template-columns:1fr;gap:0;padding:4px;display:grid}.people-directory .manage-role-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;padding:7px 9px 6px;font-size:.67rem;font-weight:850}.people-directory .mobile-person-manage-actions .button.person-tool{width:100%;min-width:0;height:auto;min-height:38px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:6px;justify-content:flex-start;padding:8px 9px}.people-directory .mobile-person-manage-actions .button.person-tool:hover:not(:disabled),.people-directory .mobile-person-manage-actions .button.person-tool:focus-visible:not(:disabled){color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.people-directory .mobile-person-manage-actions .button.person-tool:disabled{color:var(--muted);opacity:.55;background:0 0}.people-directory .person-tool-placeholder{display:none}.live-shell .platform-people-list .platform-person-row{grid-template-columns:minmax(150px,.75fr) minmax(210px,1fr) 128px;gap:9px 12px}.live-shell .platform-person-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.managed-class-columns{display:none}.managed-class-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:12px 14px}.managed-class-row>span:not(.subscription-status):not(.managed-class-actions){grid-template-columns:92px minmax(0,1fr);gap:8px;display:grid}.managed-class-row>span:not(.subscription-status):not(.managed-class-actions):before{content:attr(data-label);color:var(--muted);font-size:.75rem;font-weight:700}.managed-class-row>strong{grid-column:1/-1}.managed-class-row .subscription-status{grid-column:1/-1;justify-self:start}.managed-class-actions{grid-column:1/-1;justify-content:stretch}.managed-class-actions .button{flex:1;width:auto;min-width:0}.class-lesson-release-list article,.archived-class-card{flex-wrap:wrap;align-items:flex-start}}@container (width<=900px){.portal-subject-row{grid-template-columns:minmax(160px, 1fr) 128px var(--management-action-width);gap:9px 12px}.portal-subject-row>:nth-child(3){grid-area:2/1/auto/-1}.subscription-adjustment-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=620px){.people-directory .directory-person-row .person-identity,.people-directory .directory-person-row.staff-person-row .person-identity{grid-template-columns:1fr;gap:3px}.people-directory .mobile-person-role{white-space:nowrap;flex:none;margin:0;padding:3px 8px;font-size:.72rem;display:inline-flex}.people-directory .person-tools{width:100%}.people-directory .mobile-person-manage{flex-basis:100%;width:100%}.people-directory .mobile-person-manage-actions,.live-shell .platform-people-list .platform-person-row,.portal-subject-row{grid-template-columns:1fr}.live-shell .platform-person-actions,.portal-subject-row>:nth-child(3){grid-area:auto/1;justify-content:flex-start}.portal-subject-row .subscription-status{justify-self:start}.subscription-adjustment-actions,.managed-class-row{grid-template-columns:1fr}}.class-teacher-choices{border:0;gap:8px;margin:0;padding:0;display:grid}.class-teacher-choices legend{margin-bottom:2px;font-weight:700}.class-teacher-choices>p{margin:0}.class-teacher-choices>div{gap:8px;display:grid}.class-teacher-choices .subject-choice{min-height:48px;padding:9px 12px}.managed-class-form{border:1px solid var(--border);background:var(--canvas);border-radius:10px;margin:20px 0;padding:18px}.roster-heading{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.subscription-summary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px;display:grid}.subscription-summary-grid article{border:1px solid var(--border);background:var(--canvas);border-radius:10px;align-content:start;gap:10px;padding:16px;display:grid}.subscription-summary-grid .outline-badge{justify-self:start}.subscription-summary-grid small{color:var(--muted);line-height:1.45}.join-code-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.join-code-value{letter-spacing:.16em;color:var(--accent);font-size:1.6rem;font-weight:700;display:block}.join-code-card a{color:var(--accent);text-decoration:underline}.join-code-dialog{background:var(--sidebar-colour);color:#fff;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;position:fixed;inset:0;overflow:auto}.join-code-dialog::backdrop{background:#000000a6}.join-code-dialog[open]{flex-direction:column;display:flex}.join-display-close{flex-shrink:0;align-self:flex-end}.join-display-content{text-align:center;width:100%;max-width:1100px;margin:auto;padding:24px 0}.join-display-brand{background:#fff;margin:0 auto 20px}.join-display-brand svg{fill:var(--sidebar-colour)}.join-display-content h2{margin:16px 0;font-size:clamp(2rem,5vw,4rem)}.join-display-code{max-width:100%;color:var(--sidebar-colour);background:#fff;border-radius:24px;margin:24px 0;padding:clamp(16px,4vw,48px);display:inline-block;box-shadow:0 18px 60px #0003}.join-display-code span{text-transform:uppercase;letter-spacing:.12em;font-size:.875rem;font-weight:600;display:block}.join-display-code code{letter-spacing:.12em;white-space:nowrap;margin-top:12px;font-size:clamp(1.5rem,7vw,6.5rem);font-weight:700;display:block}.join-display-address{overflow-wrap:anywhere;margin-bottom:16px;font-size:clamp(1rem,3vw,2rem);font-weight:600}.updater-panel{gap:18px;width:100%;display:grid}.updater-overview{grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr);align-items:stretch;gap:16px;display:grid}.updater-brand{color:var(--on-accent);background:var(--accent);border-radius:11px;align-items:center;gap:13px;padding:16px 18px;display:flex}.updater-brand .brand{color:inherit;margin:0}.updater-brand .brand-mark{background:#fff;width:37px;height:37px}.updater-brand .brand-mark svg{fill:var(--sidebar-colour)}.updater-brand>div>span{letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-size:.76rem;font-weight:700;display:block}.updater-brand .brand-name{color:inherit;letter-spacing:0;text-transform:none;opacity:1;font-size:1.1rem;font-weight:800}.updater-brand h2{margin:2px 0 0;font-size:1.12rem}.update-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.update-summary>div{background:var(--soft);border-radius:9px;gap:6px;padding:16px;display:grid}.update-summary span,.update-job span{color:var(--muted);font-size:.85rem}.updater-action{justify-content:space-between;align-items:center;gap:18px;padding-block:2px;display:flex}.updater-action h2{margin:0 0 4px;font-size:1.05rem}.updater-action p{margin:0}.updater-action .button{flex:none}.update-confirm{border-top:1px solid var(--border);padding-top:18px}.update-confirm h2{margin:0 0 6px;font-size:1.05rem}.update-confirm p{margin:5px 0}.updater-current{margin:0}.update-history{border-top:1px solid var(--border);padding-top:22px}.update-history summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding-right:47px;font-size:1.15rem;font-weight:700;list-style:none;display:flex;position:relative}.update-history summary::-webkit-details-marker{display:none}.update-history summary span{background:var(--soft);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.75rem}.update-history-items{gap:12px;padding-top:18px;display:grid}.update-job{border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:8px;gap:8px;padding:15px;display:grid}.update-job form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.update-job form label{gap:5px;display:grid}.update-job input{border:1px solid var(--border);background:var(--canvas);color:var(--text);border-radius:7px;padding:9px}.update-progress{background:var(--canvas);border:1px solid var(--border);border-radius:999px;height:12px;overflow:hidden}.update-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .35s;display:block}.update-progress-label{color:var(--muted);text-transform:capitalize;margin:-10px 0 0}.update-recovery_required{border-left-color:#b42318}.update-progress-screen,.update-outcome{gap:16px;display:grid}.account-action-dialog-inner>.update-progress-screen,.account-action-dialog-inner>.update-outcome{display:contents}.account-action-dialog-inner>.update-progress-screen>h2,.account-action-dialog-inner>.update-outcome>h2{grid-column:2;align-self:center;margin:0 48px 8px 0;font-size:clamp(1.35rem,4vw,1.75rem)}.account-action-dialog-inner>.update-progress-screen>:not(h2),.account-action-dialog-inner>.update-outcome>:not(h2){grid-column:1/-1;margin-top:16px}.update-progress-screen h2,.update-outcome h2{margin:0;font-size:clamp(1.35rem,4vw,1.75rem)}.update-progress-screen>p,.update-outcome>p{margin:-7px 0 0;line-height:1.55}.update-outcome-brand{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;font-size:.8rem;font-weight:700;display:flex}.update-outcome-brand .brand{color:var(--accent);margin:0}.update-outcome-brand .brand-mark{width:30px;height:30px}.update-outcome-brand .brand-mark svg{fill:var(--accent)}.update-outcome-brand .brand-name{letter-spacing:0;text-transform:none;font-size:1rem;font-weight:800}.update-outcome-icon{color:#286443;background:#e1f1e7;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.update-outcome-failure .update-outcome-icon{color:#9d3131;background:#f9e5e5}.update-stage-log{border:1px solid var(--border);border-radius:9px;padding:0 14px}.update-stage-log summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:46px;padding-right:47px;font-weight:700;list-style:none;display:flex;position:relative}.update-stage-log summary::-webkit-details-marker{display:none}.update-stage-log summary span{background:var(--soft);color:var(--muted);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.75rem}.update-stage-log ol{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.update-stage-log li{background:var(--soft);border-radius:6px;gap:2px;padding:9px 10px;display:grid}.update-stage-log li strong{text-transform:capitalize;font-size:.82rem}.update-stage-log li span{color:var(--muted);font-size:.84rem;line-height:1.4}.pupil-class-choice-group summary:after,.subscription-notes summary:after,.update-history summary:after,.update-stage-log summary:after,.archived-disclosure summary:after{content:"";border:1px solid color-mix(in srgb, var(--accent), var(--border) 64%);background:color-mix(in srgb, var(--accent) 14%, var(--surface));-webkit-backdrop-filter:blur(10px)saturate(130%);border-radius:7px;width:28px;height:28px;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #00000014}.pupil-class-choice-group summary:before,.subscription-notes summary:before,.update-history summary:before,.update-stage-log summary:before,.archived-disclosure summary:before{content:"";z-index:1;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:7px;height:7px;transition:transform .16s,top .16s;position:absolute;top:calc(50% - 4px);right:22px;transform:rotate(45deg)}.pupil-class-choice-group[open] summary:before,.subscription-notes[open] summary:before,.update-history[open] summary:before,.update-stage-log[open] summary:before,.archived-disclosure[open] summary:before{top:calc(50% - 1px);transform:rotate(225deg)}@media (width>=701px){.release-layout:has(.live-shell){flex-direction:column;height:100dvh;display:flex;overflow:hidden}:is(.release-layout:has(.live-shell)>.test-release-notice,.release-layout:has(.live-shell)>.cookie-notice){flex-shrink:0}.release-layout .live-shell{flex:1;min-height:0;overflow:hidden auto}.live-shell{background:var(--canvas);column-gap:44px;padding-right:44px}.live-shell .sidebar{z-index:10;align-self:flex-start;height:100%;min-height:0;position:sticky;top:0}.live-shell .sidebar nav{min-height:0;overflow-y:auto}.live-shell .sidebar-bottom{flex-shrink:0;padding-top:16px}.live-shell .nav-heading{margin-bottom:3px}.live-shell .nav-item{min-height:36px;margin-block:0;padding-block:7px;font-size:.86rem}.live-shell .admin-heading{margin-top:12px}.live-shell .nav-item.selected:before{inset-block:6px}.live-shell .sidebar{transition:width .2s,padding .2s}.live-shell .sidebar.sidebar-collapsed{width:76px;padding-inline:10px}.live-shell .sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.live-shell .sidebar-collapsed .brand-name,.live-shell .sidebar-collapsed .school-label-name,.live-shell .sidebar-collapsed .nav-heading,.live-shell .sidebar-collapsed .nav-label,.live-shell .sidebar-collapsed .identity-copy,.live-shell .sidebar-collapsed .identity-menu-chevron{display:none}.live-shell .sidebar-collapsed .school-label,.live-shell .sidebar-collapsed .nav-item,.live-shell .sidebar-collapsed .identity-glass{justify-content:center;padding-inline:8px}.live-shell .sidebar-collapsed .account-menu{width:270px;left:0}.live-shell .workspace{background:var(--canvas);border-radius:15px;flex:1 1 0;align-self:flex-start;min-height:calc(100% - 20px);margin:10px 0;overflow:visible}.live-shell .workspace>main{width:auto;max-width:none;margin:0;padding:0 18px}.live-shell .workspace>main.content-studio-main{flex-direction:column;max-width:none;height:100%;padding:0;display:flex;overflow:hidden}.live-shell .content-studio-main .content-studio-context-row{flex:none;min-height:62px;padding:0 18px}.live-shell .content-studio-main .workspace-context{flex:auto;min-height:62px;padding:0}.content-studio-main .content-studio{flex:1;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;min-height:0;display:grid}.content-studio-main .content-studio-heading{padding-inline:18px}.content-studio-main .content-studio.has-topic .content-main{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.content-studio-main .content-studio.has-topic:not(.editing-lesson) .content-main{display:block;overflow-y:auto}.content-studio-main .content-lesson-strip,.content-studio-main .content-lesson-tabs{margin-inline:18px}.content-studio-main .content-studio-workspace{min-height:0;overflow:hidden}.live-shell .workspace-context{box-sizing:border-box;min-height:62px;color:var(--text);align-items:center;gap:8px;padding-top:0;font-size:.86rem;font-weight:600;display:flex}.live-shell .breadcrumb-part{align-items:center;gap:8px;display:inline-flex}.live-shell .workspace-context button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0}.live-shell .workspace-context button:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.live-shell .breadcrumb-separator{color:var(--muted);font-weight:400}.live-shell .workspace-context [aria-current=page]{color:var(--muted)}.live-shell .workspace.content-studio-shell>main.content-studio-main{height:auto;min-height:100%;display:block;overflow:visible}.content-studio-main .content-studio.editing-lesson,.content-studio-main .content-studio.editing-lesson .content-main,.content-studio-main .content-studio.editing-lesson .content-studio-workspace{min-height:0;display:block;overflow:visible}.content-studio.editing-lesson .pupil-preview-author{grid-template-rows:144px auto auto;height:auto;display:grid;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-lesson-hero{border-radius:12px 12px 0 0;grid-template-rows:58px 86px;min-height:144px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art{min-height:58px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art:before{width:92px;height:92px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art:after{width:54px;height:54px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art svg{width:28px;height:28px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-art>span{display:none}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band{background:color-mix(in srgb, var(--content-a) 78%, #10241f);align-items:center;padding:10px 24px}.content-studio.editing-lesson .pupil-preview-author .pupil-lesson-hero.has-header-image .pupil-hero-band{background:#07131e85}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band>div:first-child{-webkit-backdrop-filter:blur(7px);background:#08121c4d;border-radius:8px;padding:5px 9px}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band p{font-size:.62rem}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band h2{margin:2px 0;font-size:clamp(1.35rem,2.15vw,1.9rem)}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band>div:first-child>span{font-size:.82rem;display:block}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs{border-radius:0 0 12px 12px;gap:4px;width:100%;margin:6px 0 0;padding:4px}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs button{min-height:38px;padding:6px 10px}.content-studio.editing-lesson .pupil-preview-author .pupil-screen-progress,.content-studio.editing-lesson .pupil-preview-author .pupil-screen-controls{display:none}.content-studio.editing-lesson .pupil-preview-author .pupil-preview-body{padding-inline:0}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;margin:6px 0 24px;overflow:hidden;box-shadow:0 4px 14px #121f2f0f}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading{background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:11px;width:auto;min-height:0;margin:0;padding:22px 26px 12px}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading>div{max-width:100%}.content-studio.editing-lesson .pupil-preview-author .pupil-block-stage{width:auto;min-height:0;margin:0 26px 26px}.content-studio.editing-lesson .pupil-preview-author .pupil-block{background:var(--surface);box-shadow:none;border:0;margin-top:0}.live-shell .workspace.content-studio-shell{align-self:flex-start;height:auto;min-height:calc(100dvh - 20px);overflow:visible}.live-shell .workspace.content-studio-shell>main.content-studio-main{flex-direction:column;height:auto;min-height:calc(100dvh - 20px);display:flex;overflow:visible}.content-studio-main .content-studio.editing-lesson{flex:1 0 auto;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:calc(100dvh - 70px);display:grid;overflow:visible}.content-studio-main .content-studio.editing-lesson .content-main,.content-studio-main .content-studio.editing-lesson .content-studio-workspace{grid-template-rows:minmax(0,1fr);height:auto;min-height:0;display:grid;overflow:visible}.content-studio.editing-lesson .pupil-preview-author{grid-template-rows:144px auto minmax(min-content,1fr);height:auto;min-height:calc(100dvh - 70px);overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-preview-body{min-height:0;padding-bottom:8px;display:flex;overflow:visible}.content-studio.editing-lesson.pupil-review-mode .pupil-preview-author .pupil-preview-body{flex-direction:column}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-panel{border-radius:16px;flex-direction:column;flex:1;min-height:320px;margin:6px 0 0;display:flex}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading{flex-direction:row;align-items:center}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading>div{margin-left:auto}.content-studio.editing-lesson .pupil-preview-author .pupil-block-stage{flex:auto;align-items:stretch;min-height:0;margin:0 26px;display:flex;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-block-live-edit{flex:auto;min-height:0;display:flex;overflow:visible}.content-studio.editing-lesson .pupil-preview-author .pupil-block{box-sizing:border-box;flex:auto;height:auto;min-height:min-content;padding:36px 8px 88px}.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-matching,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-written-response,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-reorder{padding-top:16px}.content-studio.editing-lesson .pupil-preview-author .pupil-completion-action{z-index:4;background:0 0;justify-content:flex-end;width:auto;margin:0;padding:0;display:flex;position:absolute;bottom:22px;right:0}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading>.pupil-block-xp{color:var(--text);background:color-mix(in srgb, var(--surface) 54%, transparent);-webkit-backdrop-filter:blur(12px)saturate(135%);border-color:#ffffff47;flex:none;align-items:center;gap:5px;margin-left:auto;padding:7px 11px;display:inline-flex;position:static;box-shadow:inset 0 1px #ffffff94,0 6px 16px #121f2f1a}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-heading>.pupil-block-xp.complete{color:#176646;background:#e7f6edbd;border-color:#aadbc0}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs button.complete{color:#176646;background:#e7f6ed;justify-content:center;align-items:center;gap:6px;display:inline-flex}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs button.complete.active{color:#fff;background:#25835c}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-band,.content-studio.editing-lesson .pupil-preview-author .pupil-lesson-hero.has-header-image .pupil-hero-band{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;align-items:flex-end;padding:15px 24px;position:absolute;inset:0}.content-studio.editing-lesson .pupil-preview-author .pupil-hero-actions{align-content:start;align-self:auto;position:absolute;top:15px;right:15px}}@media (width<=700px){body.mobile-menu-open{overflow:hidden}.desktop-only,.live-shell .workspace-context{display:none}.live-shell .class-live-main .workspace-context{flex-wrap:wrap;min-height:0;padding:8px 0;display:flex}.live-shell .lesson-library-main .workspace-context{flex-wrap:wrap;min-height:0;padding:10px 14px;display:flex}.live-shell .content-studio-main .content-studio-context-row{flex-direction:column;flex:none;align-items:stretch;gap:8px;min-height:0;padding:10px 14px;display:flex}.live-shell .content-studio-main .workspace-context{flex-wrap:wrap;min-height:0;padding:0;display:flex}.content-studio-context-tools{justify-content:flex-start;margin-left:0}.content-studio-add-menu>div{left:0;right:auto}.account-action-dialog,.account-action-dialog.story-block-dialog,.account-action-dialog.lesson-settings-dialog,.account-action-dialog.objective-block-dialog,.account-action-dialog.overview-media-picker-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.account-action-sticky-actions{gap:18px}.account-action-sticky-heading{grid-template-columns:37px minmax(0,1fr);gap:10px 13px;display:grid}.account-action-sticky-heading h2{min-width:0}.account-action-sticky-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-left:0}.account-action-sticky-actions .account-action-cancel{margin-left:10px}.live-shell .workspace>main.content-studio-main{padding-inline:0}.content-studio-main .content-studio-heading,.content-studio-main .content-lesson-strip,.content-studio-main .content-lesson-tabs{margin-inline:14px}.system-toast{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.page-actions,.page-actions .button{width:100%}.school-management-header{border-radius:13px;min-height:98px;padding:18px 22px}.school-directory-image{min-height:120px}.school-management-header-copy{max-width:100%}.school-management-header:before{top:-165px;right:-121px}.school-management-grid,.platform-overview-grid{grid-template-columns:1fr}.dashboard-heading{align-items:stretch}.dashboard-heading-actions{justify-content:stretch;width:100%}.dashboard-heading-actions>*,.dashboard-heading>.school-colour-picker{flex:1}.dashboard-heading>.school-colour-picker .dashboard-colour-control{justify-content:center;width:100%}.dashboard-hero{border-radius:13px;min-height:175px;padding:25px 22px}.school-wide-panel{grid-column:auto}.live-shell{background:var(--canvas);--management-row-padding:9px;--management-row-gap:9px;--management-control-height:40px;min-height:100dvh;display:block}.live-shell .mobile-appbar{z-index:25;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);min-height:64px;color:var(--text);-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 4px 18px #00000012}.live-shell .mobile-appbar .brand-mark{background:var(--accent);color:var(--on-accent)}.live-shell .mobile-appbar .brand-mark svg{fill:currentColor}.live-shell .mobile-menu-toggle,.live-shell .mobile-drawer-close{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:10px;place-items:center;display:grid}.live-shell .mobile-menu-scrim{z-index:39;background:#0a12197a;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.live-shell .sidebar{display:none}.live-shell .sidebar.mobile-open{z-index:40;background:var(--surface);width:min(88vw,350px);height:100dvh;min-height:0;color:var(--text);border:0;padding:18px;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:-18px 0 45px #0000003d}.live-shell .sidebar-brand{color:var(--text);align-items:center;padding:0 0 18px}.live-shell .sidebar .brand-mark{background:var(--accent);color:var(--on-accent)}.live-shell .sidebar .brand-mark svg{fill:currentColor}.live-shell .school-label{border-color:var(--border);background:var(--soft);color:var(--text);margin-bottom:15px}.live-shell .sidebar .school-avatar{background:var(--surface);color:var(--accent)}.live-shell .sidebar nav{display:block}.live-shell .nav-heading{color:var(--muted);margin:17px 10px 5px;display:block}.live-shell .nav-item{width:100%;min-height:42px;color:var(--text);margin:2px 0}.live-shell .sidebar .nav-item.selected{background:var(--accent);color:var(--on-accent);box-shadow:none}.live-shell .sidebar .nav-item.selected:before{display:none}.live-shell .sidebar .nav-item:hover:not(.selected){background:var(--soft);color:var(--text);box-shadow:none}.live-shell .sidebar-bottom{z-index:auto;padding:20px 0 max(4px, env(safe-area-inset-bottom));background:0 0;margin-top:auto;position:relative;inset:auto;overflow:visible}.live-shell .sidebar.mobile-open nav{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.live-shell .sidebar.mobile-open .sidebar-bottom{background:var(--surface);flex-shrink:0}.live-shell .sidebar.mobile-open .identity-trigger{z-index:2;-webkit-backdrop-filter:none;position:relative}.live-shell .user-card{margin:0;padding:11px}.live-shell .sidebar .identity-glass{border-color:var(--border);background:var(--soft);color:var(--text);box-shadow:none}.live-shell .sidebar .identity-glass .avatar{background:var(--surface);color:var(--accent)}.live-shell .sidebar .identity-glass .identity-role{color:var(--muted)}.live-shell .account-menu{bottom:calc(100% + 4px)}.live-shell .workspace{background:var(--canvas);border-radius:0;margin:0;padding-bottom:24px}.form-columns,.staff-subject-allocation>.initial-subscription-list,.pupil-class-choice-group .initial-subscription-list{grid-template-columns:1fr}.live-shell .school-row{align-items:flex-start}.live-shell .school-row .button{margin-left:0}.live-shell .person-row{align-items:stretch}.live-shell .class-pupil-row{grid-template-columns:1fr;gap:7px}.live-shell .person-identity{flex-wrap:wrap;width:100%}.live-shell .directory-person-row .person-identity,.live-shell .directory-person-row.staff-person-row .person-identity{grid-template-columns:1fr;gap:3px;display:grid}.live-shell .person-name-line{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.live-shell .person-name-line h3{text-overflow:ellipsis;min-width:0;overflow:hidden}.live-shell .mobile-person-role{white-space:nowrap;flex:none;margin:0;padding:3px 8px;font-size:.72rem;display:inline-flex}.live-shell .person-allocation{white-space:normal}.live-shell .person-tools{flex-wrap:wrap;width:100%}.live-shell .person-tools>.person-role-group,.live-shell .person-tools>.desktop-person-role,.live-shell .desktop-person-actions{display:none}.live-shell .mobile-person-manage{border:1px solid color-mix(in srgb, var(--border), var(--accent) 16%);background:var(--surface);border-radius:10px;width:100%;display:block;overflow:hidden;box-shadow:0 3px 10px #121f2f12}.live-shell .mobile-person-manage summary{cursor:pointer;min-height:40px;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), var(--surface));grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:0 11px;font-weight:700;list-style:none;display:grid}.live-shell .mobile-person-manage summary::-webkit-details-marker{display:none}.live-shell .mobile-person-manage summary:after{content:none}.live-shell .mobile-person-manage summary>svg:first-child{color:var(--accent)}.live-shell .mobile-person-manage .manage-chevron{color:var(--muted);justify-self:end;transition:transform .16s}.live-shell .mobile-person-manage[open] summary{border-bottom:1px solid var(--border)}.live-shell .mobile-person-manage[open] .manage-chevron{transform:rotate(180deg)}.live-shell .mobile-person-manage-actions{grid-template-columns:1fr;gap:0;padding:4px;display:grid}.live-shell .mobile-person-manage-actions .person-tool{width:100%;min-width:0}.live-shell .person-tool-placeholder{display:none}.live-shell .platform-people-list .platform-person-row{grid-template-columns:1fr;gap:7px;min-height:0;padding-block:12px}.live-shell .platform-person-actions{flex-wrap:wrap;justify-content:flex-start}.live-shell .platform-person-actions .person-tool{flex:0 0 var(--management-action-width);width:var(--management-action-width);min-width:var(--management-action-width)}.account-form .staff-role-field{width:100%}.live-shell .class-actions{flex-flow:wrap}.live-shell .class-actions .button{flex:auto}.portal-subscriptions-heading{flex-direction:column}.updater-overview{grid-template-columns:1fr}.updater-action{flex-direction:column;align-items:stretch}.updater-action .button{width:100%}.portal-subject-row{grid-template-columns:1fr 128px;gap:8px 12px;padding:10px 12px}.subscription-adjustment-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-dates{white-space:normal;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-remaining{grid-column:1/-1}.subscription-edit{grid-column:1/-1;width:100%}.managed-class-columns{display:none}.managed-class-row{grid-template-columns:1fr;gap:9px;padding:11px 12px}.managed-class-row>span:not(.subscription-status):not(.managed-class-actions){grid-template-columns:92px 1fr;gap:8px;display:grid}.managed-class-row>span:not(.subscription-status):not(.managed-class-actions):before{content:attr(data-label);color:var(--muted);font-size:.75rem;font-weight:700}.managed-class-row>strong{grid-column:1/-1}.managed-class-row .subscription-status{grid-column:1;justify-self:start}.managed-class-actions{grid-column:1/-1;justify-content:stretch}.managed-class-actions .button{flex:1;width:auto}.account-entry{margin:1vh auto;padding:18px}.account-entry .panel{padding:22px}}.quiz-arena-launch{background:linear-gradient(120deg,#f8faff,#eef2ff);border:1px solid #d8dff0;border-radius:20px;justify-content:space-between;align-items:center;gap:22px;width:100%;padding:24px 28px;display:flex;box-shadow:0 12px 34px #19244314}.quiz-arena-launch>div>span,.quiz-arena-header>div:first-child>span,.quiz-arena-final>span{color:#9bb5ff;letter-spacing:.14em;font-size:.72rem;font-weight:800}.quiz-arena-launch h3{margin:5px 0;font-size:1.35rem}.quiz-arena-launch p{color:#647084;margin:0}.quiz-arena-backdrop{z-index:10000;color:#f5f7ff;background:radial-gradient(at 50% -20%,#5b73cf57,#0000 55%),radial-gradient(at 100% 100%,#4d31943d,#0000 45%),#101627;padding:clamp(16px,4vw,56px);position:fixed;inset:0;overflow:auto}.quiz-arena-shell{flex-direction:column;width:min(1040px,100%);min-height:min(760px,100vh - 2*clamp(16px,4vw,56px));margin:0 auto;display:flex}.quiz-arena-header{border-bottom:1px solid #ffffff21;grid-template-columns:1fr auto;align-items:center;gap:18px 24px;padding-bottom:22px;display:grid}.quiz-arena-header>div:first-child{gap:5px;display:grid}.quiz-arena-header>div:first-child>strong{font-size:1.15rem}.quiz-arena-header-actions{gap:8px;display:flex}.quiz-arena-header-actions button{color:#edf1ff;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.quiz-arena-header-actions button:hover{background:#ffffff26}.quiz-arena-progress{grid-column:1/-1;gap:8px;display:grid}.quiz-arena-progress>div{color:#b7bfd2;justify-content:space-between;font-size:.86rem;display:flex}.quiz-arena-progress>span{background:#ffffff1f;border-radius:999px;height:7px;overflow:hidden}.quiz-arena-progress i{border-radius:inherit;background:linear-gradient(90deg,#70d6c0,#9caaff);height:100%;transition:width .35s;display:block}.quiz-arena-main{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:clamp(18px,4vw,42px);width:100%;margin:auto 0;padding:42px 0;display:grid}.quiz-arena-steps{flex-direction:column;align-items:center;gap:12px;padding-top:6px;display:flex}.quiz-arena-steps span{color:#b8c1d5;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.84rem;font-weight:700;display:grid}.quiz-arena-steps span.current{color:#111a2d;background:#a6b6ff;border-color:#a6b6ff;box-shadow:0 0 0 5px #a6b6ff29}.quiz-arena-steps span.answered{color:#10211d;background:#7de0bd;border-color:#7de0bd}.quiz-arena-question{color:#242a37;background:#fff;border:1px solid #ffffffa6;border-radius:24px;width:100%;padding:clamp(24px,5vw,54px);box-shadow:0 24px 80px #00000040}.quiz-arena-question-number{color:#6978a7;letter-spacing:.12em;font-size:.74rem;font-weight:800}.quiz-arena-question h2{margin:10px 0 28px;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2}.quiz-arena-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-arena-choice{color:#30384a;text-align:left;cursor:pointer;background:#fafbfe;border:1px solid #dce1ec;border-radius:14px;align-items:center;gap:13px;min-height:64px;padding:12px 16px;transition:all .16s;display:flex}.quiz-arena-choice:hover:not(:disabled){background:#f0f3ff;border-color:#7688d4;transform:translateY(-1px)}.quiz-arena-choice.selected{background:#eef1ff;border-color:#667bd5;box-shadow:0 0 0 3px #667bd524}.quiz-arena-choice>span{color:#5266bf;background:#e8ecff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.quiz-arena-toggle-list{gap:12px;display:grid}.quiz-arena-toggle-row{background:#fafbfe;border:1px solid #e0e4ed;border-radius:14px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;padding:12px;display:grid}.quiz-arena-toggle-row>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-arena-toggle-row button{color:#394153;cursor:pointer;background:#fff;border:1px solid #dce1ec;border-radius:10px;min-height:42px;padding:8px}.quiz-arena-toggle-row button.selected{color:#fff;background:#485da9;border-color:#485da9}.quiz-arena-fill-sentence{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:1.15rem;line-height:2.4;display:flex}.quiz-arena-fill-sentence input{color:#252c3a;background:#f1f3ff;border:0;border-bottom:2px solid #7081cf;border-radius:7px 7px 2px 2px;width:min(210px,100%);padding:7px 10px}.quiz-arena-question .matching-board,.quiz-arena-question .reorder-challenge{color:#252c3a}.quiz-arena-feedback{border-radius:12px;gap:5px;margin-top:22px;padding:14px 16px;display:grid}.quiz-arena-feedback strong{align-items:center;gap:7px;display:flex}.quiz-arena-feedback p{margin:0}.quiz-arena-feedback.correct{color:#185c46;background:#e7f7ef}.quiz-arena-feedback.incorrect{color:#8c3e4b;background:#fff0f1}.quiz-arena-question-actions{justify-content:flex-end;margin-top:28px;display:flex}.quiz-arena-question-actions .button{align-items:center;gap:8px;display:inline-flex}.quiz-arena-question-actions [role=alert]{color:#a33343;margin-right:auto}.quiz-arena-final{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:50px 20px;display:flex}.quiz-arena-score-stamp{color:#101827;background:#a6b6ff;border-radius:25px;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 45px #a6b6ff52}.quiz-arena-final.retry .quiz-arena-score-stamp{color:#fff;background:#a95464}.quiz-arena-final h2{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.quiz-arena-final p{color:#bec6d7}.quiz-arena-score-ring{color:#fff;background:#7de0bd14;border:9px solid #7de0bd;border-radius:50%;place-items:center;width:146px;height:146px;margin:8px 0;font-size:2.2rem;font-weight:800;display:grid}.quiz-arena-final.retry .quiz-arena-score-ring{background:#d27a8814;border-color:#d27a88}.quiz-arena-final>div:last-child .button{align-items:center;gap:8px;display:inline-flex}.pupil-block-live-edit:has(.pupil-quiz .quiz-arena-launch)+.pupil-completion-action{display:none}@media (width<=640px){.quiz-arena-launch{flex-direction:column;align-items:stretch;padding:20px}.quiz-arena-launch>.button{justify-content:center}.quiz-arena-backdrop{padding:14px}.quiz-arena-shell{min-height:calc(100vh - 28px)}.quiz-arena-main{grid-template-columns:1fr;gap:18px;padding:24px 0}.quiz-arena-steps{flex-flow:wrap;justify-content:center;gap:9px}.quiz-arena-steps span{width:31px;height:31px}.quiz-arena-question{border-radius:18px;padding:22px 18px}.quiz-arena-question h2{margin-bottom:20px}.quiz-arena-choice-grid,.quiz-arena-toggle-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quiz-arena-progress i,.quiz-arena-choice{transition:none}.quiz-arena-choice:hover:not(:disabled){transform:none}}.pupil-block.pupil-plenary,.pupil-block.pupil-extension,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-plenary,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-extension{padding-top:18px}.plenary-content-layout{grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);align-items:start;gap:clamp(18px,3vw,38px);display:grid}.plenary-content-layout>img{aspect-ratio:1;object-fit:contain;justify-self:center;width:min(100%,330px);display:block}.pupil-content-block.pupil-delivery-plenary{padding-top:20px}.pupil-preview-student .pupil-block{position:relative}.pupil-preview-student .pupil-block .pupil-delivery-actions{z-index:4;margin:0;position:absolute;bottom:22px;right:0}.pupil-preview-student .pupil-lesson-stage{width:100%;max-width:none;padding:0}.pupil-preview-student .pupil-stage-heading{width:100%}@media (width>=701px){.content-studio.editing-lesson .pupil-preview-student .pupil-stage-heading{padding-top:18px}.content-studio.editing-lesson .pupil-preview-student .pupil-block{padding-top:30px}}.pupil-preview-student .pupil-stage-heading>.pupil-stage-xp.complete{color:#176646;background:#e7f6ed;border:1px solid #aadbc0;border-radius:999px;align-items:center;gap:4px;min-height:0;padding:5px 9px;font-size:.76rem;font-weight:900;display:inline-flex;box-shadow:0 6px 16px #121f2f1a}.pupil-preview-student .pupil-stage-heading>.pupil-stage-item-tabs button{min-height:36px;padding:6px 11px;font-size:.9rem}.pupil-preview-student .pupil-completion-action .pupil-completed-button,.pupil-preview-student .pupil-completion-action .pupil-completed-button:disabled{color:#fff;opacity:1;cursor:default;-webkit-user-select:none;user-select:none;background:#789b87;border:1px solid #789b87;border-radius:9px;min-height:46px;padding:11px 16px;box-shadow:0 5px 14px #224b322b}.pupil-preview-student .pupil-feedback-content{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 3%, var(--surface));border-radius:14px;flex:1;margin:20px 26px;padding:26px 28px 88px;position:relative}.pupil-preview-student .pupil-feedback-content>.pupil-delivery-actions{margin:0;position:absolute;bottom:18px;right:0}.pupil-preview-student .pupil-feedback-content h2{margin:0 0 12px;font-size:clamp(1.25rem,2.5vw,1.8rem)}.pupil-preview-student .pupil-feedback-content>label{gap:7px;max-width:760px;margin:20px 0;font-weight:750;display:grid}.pupil-preview-student .pupil-feedback-content textarea{min-height:130px}@media (width<=700px){.pupil-shared-feedback-content{padding-inline:18px}}@media (width>=701px){.live-shell .workspace>main:has(.pupil-lesson-page){padding-inline:0}}.pupil-preview-student .pupil-delivery-actions .button{min-height:46px}.pupil-preview-student .pupil-delivery-actions .pupil-completed-button,.pupil-preview-student .pupil-delivery-actions .pupil-completed-button:disabled{color:#fff;opacity:1;cursor:default;-webkit-user-select:none;user-select:none;background:#789b87;border:1px solid #789b87;border-radius:9px;min-height:46px;padding:11px 16px;box-shadow:0 5px 14px #224b322b}@media (width<=767px){.pupil-preview-student .pupil-block .pupil-delivery-actions{max-width:100%;bottom:14px;right:0}.pupil-preview-student .pupil-block .pupil-delivery-actions .button{white-space:normal;max-width:100%}.pupil-preview-student .pupil-feedback-content{margin:14px;padding:22px 18px 76px}.pupil-preview-student .pupil-feedback-content>.pupil-delivery-actions{max-width:100%;bottom:14px;right:0}}@media (width<=720px){.plenary-content-layout{grid-template-columns:minmax(0,1fr);gap:12px}.plenary-content-layout>img{justify-self:start;width:min(100%,250px)}.class-live-launch-card{flex-direction:column;align-items:flex-start}.class-live-context-actions{margin-left:auto}.class-live-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.class-live-summary>p{text-align:left;grid-column:1/-1;margin:0}.class-live-list-head{display:none}.class-live-pupil{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:7px 8px}.class-live-pupil-name{grid-column:1}.class-live-chips{grid-area:2/1/auto/-1}.class-live-count{grid-area:1/2}.class-live-attendance{grid-area:3/1/auto/-1;justify-self:center}}@media (width<=767px){.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-plenary,.content-studio.editing-lesson .pupil-preview-author .pupil-block.pupil-extension{padding-top:16px}}.live-shell .workspace-context button.class-live-toggle{color:#fff;white-space:nowrap;background:#667085;border:1px solid #667085;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 13px;font-size:.8rem;font-weight:750;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 2px 5px #1018282e}.live-shell .workspace-context button.class-live-toggle.is-live{color:#fff;background:#b42318;border-color:#b42318;box-shadow:0 2px 7px #b423183d}.live-shell .workspace-context button.class-live-toggle:not(:disabled):hover{color:#fff;background:#475467;border-color:#475467;text-decoration:none;transform:translateY(-1px);box-shadow:0 3px 8px #10182838}.live-shell .workspace-context button.class-live-toggle.is-live:not(:disabled):hover{background:#912018;border-color:#912018}.live-shell .workspace-context button.class-live-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.live-shell .workspace-context button.class-live-toggle:disabled{cursor:not-allowed;opacity:.6}.live-shell .workspace-context button.class-live-toggle>svg,.live-shell .workspace-context button.class-live-toggle.is-live>svg{color:#fff;flex:none}.rewards-studio-tabs{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;width:max-content;max-width:100%;margin:0 0 16px;padding:6px;display:flex}.rewards-studio-tabs button{min-height:38px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-weight:700;display:inline-flex}.rewards-studio-tabs button.active{color:#fff;background:var(--accent)}.rewards-studio-layout{grid-template-columns:minmax(220px,.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rewards-studio-list,.rewards-studio-editor{padding:20px}.rewards-studio-list .section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.rewards-studio-list .section-heading h2{margin:0}.rewards-studio-list-item{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.rewards-studio-list-item.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.rewards-studio-editor{grid-template-columns:minmax(230px,.8fr) minmax(340px,1.2fr);gap:24px;display:grid}.rewards-studio-form{align-content:start;gap:14px;display:grid}.rewards-studio-form label{gap:6px;font-weight:700;display:grid}.rewards-studio-form input,.rewards-studio-form textarea,.rewards-studio-form select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:9px 11px}.rewards-artwork-area{min-width:0}.reward-pet-preview{aspect-ratio:1;place-items:center;width:min(100%,360px);margin:0 auto 8px;display:grid;overflow:hidden}.reward-pet-preview img{object-fit:contain;width:100%;height:100%;display:block}.rewards-artwork-area>.muted{text-align:center}.reward-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reward-frame-upload{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:10px;justify-items:center;gap:8px;padding:12px;display:grid}.reward-frame-upload strong{font-size:.86rem}.reward-frame-upload img{aspect-ratio:1;object-fit:contain;width:100%;max-width:180px}.reward-frame-upload input,.reward-wallpaper-upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reward-wallpaper-preview{aspect-ratio:16/9;border:1px solid var(--border);background-color:#e9edf5;background-image:linear-gradient(135deg,#ccd6e5,#7789a4);background-position:50%;background-size:cover;border-radius:12px;place-items:center;width:100%;max-height:460px;display:grid;position:relative;overflow:hidden}.reward-wallpaper-preview span{color:#fff;text-align:center;background:#141c2aa6;border-radius:8px;padding:9px 13px;font-weight:800}.reward-wallpaper-preview small{font-weight:500}.reward-wallpaper-upload{cursor:pointer;margin-top:12px;position:relative}.rewards-studio-notice{color:var(--muted);margin:12px 0 0;font-size:.9rem}@media (width<=850px){.rewards-studio-layout{grid-template-columns:1fr}.rewards-studio-list{order:0}.rewards-studio-editor{grid-template-columns:1fr}}.rewards-studio-heading{margin-bottom:22px}.rewards-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rewards-category-card{min-height:220px;padding:22px}.rewards-category-card>span{align-items:center;gap:8px;display:flex}.rewards-category-pet{background:linear-gradient(135deg,#35634d,#5e8f70)}.rewards-category-badge{background:linear-gradient(135deg,#6553a7,#9580d3)}.rewards-category-wallpaper{background:linear-gradient(135deg,#315784,#528db1)}.rewards-items-page,.rewards-edit-page{gap:12px;display:grid}.rewards-items-heading,.rewards-edit-title{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.rewards-items-heading h2,.rewards-edit-title h2{margin:4px 0}.rewards-edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rewards-status-toggle{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface-muted,#f2f4f7);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.rewards-status-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.rewards-status-toggle:disabled{cursor:wait;opacity:.7}.rewards-status-toggle-active{color:#245b42;background:#e8f5ec;border-color:#8fc4a2}.rewards-status-toggle-archived{color:#725111;background:#fff8e6;border-color:#e4c477}.rewards-status-toggle-track{background:#aeb7c2;border-radius:999px;align-items:center;width:34px;height:20px;padding:2px;transition:background .15s;display:flex}.rewards-status-toggle-track>span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #0003}.rewards-status-toggle-active .rewards-status-toggle-track{background:#438a5e}.rewards-status-toggle-active .rewards-status-toggle-track>span{transform:translate(14px)}.rewards-status-toggle-label{align-items:center;gap:6px;display:inline-flex}.rewards-items-heading p{margin:0}.rewards-items-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.rewards-item-card{border:1px solid var(--border);min-height:104px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.rewards-item-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #121f2f17}.rewards-item-art{width:72px;height:72px;color:var(--accent);background:var(--surface-muted,#f2f4f7);border-radius:10px;place-items:center;display:grid;overflow:hidden}.rewards-item-art img{object-fit:contain;width:100%;height:100%}.rewards-studio[data-category=wallpaper] .rewards-items-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}.rewards-studio[data-category=wallpaper] .rewards-item-card{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 12px;padding:12px}.rewards-studio[data-category=wallpaper] .rewards-item-art{aspect-ratio:16/9;grid-area:1/1/auto/-1;width:100%;height:auto}.rewards-studio[data-category=wallpaper] .rewards-item-art img{object-fit:cover}.rewards-studio[data-category=wallpaper] .rewards-item-copy{grid-area:2/1}.rewards-studio[data-category=wallpaper] .rewards-status{grid-area:2/2}.rewards-studio[data-category=wallpaper] .rewards-item-arrow{grid-area:2/3}.rewards-item-copy{gap:4px;min-width:0;display:grid}.rewards-item-copy strong{font-size:1rem}.rewards-item-copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rewards-item-arrow{color:var(--muted)}.rewards-empty{justify-items:start;gap:8px;padding:30px;display:grid}.rewards-empty h3,.rewards-empty p{margin:0}.rewards-empty-icon{width:48px;height:48px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:12px;place-items:center;display:grid}.rewards-edit-layout{grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;display:grid}.rewards-details-form,.rewards-artwork-panel{gap:16px;padding:20px;display:grid}.rewards-details-form{gap:10px;padding:14px}.rewards-details-form label{gap:5px;font-weight:700;display:grid}.rewards-details-form input,.rewards-details-form textarea,.rewards-details-form select{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);background:var(--surface);font:inherit;border-radius:9px;padding:8px 10px;font-weight:400}.rewards-details-form textarea{resize:vertical}.rewards-pet-stage{background:radial-gradient(#f0f3f7 0,#0000 65%);border-radius:12px;place-items:center;min-height:280px;display:grid}.rewards-pet-stage img{aspect-ratio:1;object-fit:contain;width:min(100%,280px);display:block}.rewards-pet-stage .pip-artwork{aspect-ratio:1;width:min(100%,280px);position:relative;overflow:visible}.rewards-preview-caption{text-align:center;margin:-8px 0 0}.reward-frame-empty{aspect-ratio:1;width:100%;max-width:180px;color:var(--muted);background:#f3f5f8;border-radius:10px;place-items:center;font-size:.82rem;display:grid}.reward-frame-upload{position:relative}.reward-frame-upload .button{cursor:pointer}.reward-frame-upload .rewards-pip-frame{aspect-ratio:1;width:100%;max-width:180px;display:block;position:relative;overflow:hidden}.rewards-status{white-space:nowrap;align-self:center}.required-keyword-list{border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 5%,var(--surface));border-radius:10px;gap:6px;margin:8px 0;padding:8px 11px;display:grid}.required-keyword-list-header{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.required-keyword-list-header>strong{font-size:.9rem}.required-keyword-list>div:not(.required-keyword-list-header){flex-wrap:wrap;gap:6px;display:flex}.required-keyword-list>div:not(.required-keyword-list-header)>span{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.9rem;display:inline-flex}.required-keyword-list>div>span.used{color:#28634f;background:#edf7f0;border-color:#9bc9ab}.required-keyword-list .keyword-crossed{text-decoration:line-through;text-decoration-thickness:1.5px}.required-keyword-list small{color:var(--muted)}.required-keyword-list-missing{background:#fff8e8;border-color:#e6c78a}.required-keyword-list-missing strong{color:#754f12}.required-keyword-highlight{color:inherit;background:#dff2df;border-radius:3px;box-shadow:0 0 0 1px #b4dcb8}.rewards-purchase-options{border:1px solid var(--border);border-radius:10px;gap:7px;margin:0;padding:10px;display:grid}.rewards-purchase-options legend{padding:0 5px;font-weight:800}.rewards-purchase-options input,.rewards-purchase-options select{width:100%}.rewards-purchase-options .rewards-starter-toggle{grid-template-columns:auto 1fr;align-items:center;gap:9px;font-weight:750;display:flex}.rewards-purchase-options .rewards-starter-toggle input{width:18px;min-height:18px;margin:0}@media (width<=900px){.rewards-category-grid{grid-template-columns:1fr}.rewards-category-card{min-height:160px}.rewards-edit-layout{grid-template-columns:1fr}}@media (width<=700px){.school-directory-heading{flex-direction:column;align-items:stretch}.school-search{flex-basis:auto;width:100%}.school-directory-grid{grid-template-columns:minmax(0,1fr)}}.reports-workspace{gap:16px;display:grid}.reports-heading,.reports-actions,.reports-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.reports-heading h1,.reports-actions h2,.reports-section-heading h2{margin:3px 0}.reports-heading p,.reports-actions p,.reports-section-heading p{margin:4px 0 0}.reports-heading .eyebrow{color:var(--muted);letter-spacing:.1em;font-size:.75rem;font-weight:800}.reports-filters{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.reports-filters label{gap:6px;min-width:min(280px,100%);font-weight:700;display:grid}.reports-filters select{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:8px 12px;font-weight:400}.reports-filters>span{padding:0 0 12px}.reports-actions>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.report-screen-preview{margin:0}.reports-class-card{padding:0;overflow:hidden}.reports-class-card>.report-screen-preview{box-shadow:none;border:0;border-radius:0;margin:0;padding:18px 20px}.reports-class-card .report-print-header{border-radius:10px;justify-content:stretch;align-items:stretch;gap:0;margin:0 0 18px;display:grid}.report-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.reports-pupil-list{border-top:1px solid var(--border);margin:0 20px 18px;padding-top:18px}.reports-pupil-list .reports-section-heading{margin-bottom:8px}.report-render-error{color:#713329;background:#fff5f2;border:1px solid #e7c4be;border-radius:10px;margin:18px 20px;padding:16px}.report-render-error p{margin:6px 0 12px}.report-render-error code{color:#713329;overflow-wrap:anywhere;background:#fff;border-radius:6px;margin:8px 0 12px;padding:8px;display:block}.reports-pupil-rows{display:grid}.reports-pupil-rows article{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.reports-pupil-rows article>div{gap:3px;display:grid}.reports-pupil-actions{align-items:center;gap:8px;display:flex!important}.reports-pupil-rows small,.report-table small{color:var(--muted);font-weight:400;display:block}.reports-error{color:#9a3028}.reports-print-root{display:none}.report-print-page{--report-accent:#176446;color:#26313b;background:#fff;border:1px solid #d9e1e6;border-radius:14px;padding:26px}.report-print-header{background:color-mix(in srgb,var(--report-accent) 9%,white);border-radius:13px 13px 0 0;grid-template-columns:minmax(0,1fr) auto;margin:-26px -26px 22px;padding:0;display:grid;overflow:hidden}.report-brand-band{color:#fff;background:var(--report-accent);grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:12px 26px;display:flex}.report-brand-band .brand{color:#fff;gap:9px;margin:0;font-size:1.25rem;font-weight:800;text-decoration:none}.report-brand-band .brand-mark{background:#fff;border-radius:9px;flex:none;width:34px;height:34px}.report-brand-band .brand-mark svg{fill:var(--report-accent)}.report-brand-band>span{color:#ffffffe0;font-size:.8rem;font-weight:600}.report-header-main{padding:18px 26px 20px}.report-print-header .report-header-main>span{color:var(--report-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:800}.report-header-main h1{margin:7px 0 3px;font-size:1.65rem}.report-header-main p{color:#66717b;margin:0}.report-header-main>small{color:#65717c;margin-top:7px;font-size:.75rem;display:block}.report-print-header .report-header-actions{grid-area:2/2;align-self:center;padding:12px 20px 12px 0}.report-print-page h2{margin:20px 0 9px;font-size:1.08rem}.report-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.report-metric{background:#fbfcfd;border:1px solid #e0e6ea;border-radius:10px;gap:4px;padding:12px;display:grid}.report-metric span{color:#65717c;font-size:.82rem}.report-metric strong{font-size:1.25rem}.report-table{border-collapse:collapse;width:100%;font-size:.9rem}.report-table th,.report-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e7eb;padding:8px 9px}.report-table th{color:#5e6974;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.report-comparison-table{margin-bottom:4px}.report-comparison-table th,.report-comparison-table td{text-align:center;vertical-align:middle}.report-comparison-table tr>:first-child{text-align:left}.report-comparison-table tbody th{color:#35404a;text-transform:none;letter-spacing:0;min-width:175px;font-size:.88rem;font-weight:700}.report-comparison-table td{min-width:120px}.report-comparison-table small{color:#65717c;white-space:nowrap;margin-left:2px;font-size:.78em;font-weight:400;display:inline}.report-suppressed{color:#65717c}.report-section-intro{color:#65717c;margin:0 0 8px;font-size:.86rem}.report-metrics-secondary{grid-template-columns:repeat(5,minmax(0,1fr))}.report-feedback-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.report-metric{text-align:center;justify-items:center}.report-metric span{line-height:1.3}.report-xp-table td:last-child{white-space:nowrap;color:var(--report-accent);font-weight:700}.report-footnote{color:#65717c;margin:18px 0 0;font-size:.8rem}.report-comparison{border-left:3px solid var(--report-accent);background:#f6f8f9;justify-content:space-between;gap:10px;margin:6px 0;padding:9px 11px;font-size:.88rem;display:flex}.report-feedback{border:1px solid #e0e6ea;border-radius:8px;margin:7px 0;padding:10px 12px}.report-feedback p{white-space:pre-wrap;margin:5px 0}.report-feedback-shared{color:#244b32;background:#edf7f0;border-color:#c9e3d0}.report-feedback-personal{color:#4b3567;background:#f4effb;border-color:#ded0ef}.report-feedback :is(p,ul,ol){white-space:normal}.report-feedback small{color:#65717c}.report-note{background:#fff8e8;border-radius:8px;padding:9px 11px}.report-conversation{padding-left:22px}.report-conversation li{margin:7px 0}@media (width<=760px){.reports-heading,.reports-actions,.reports-section-heading{flex-direction:column;align-items:stretch}.report-print-header{grid-template-columns:minmax(0,1fr);align-items:stretch}.report-brand-band{min-height:58px;padding:10px 18px}.report-brand-band>span{text-align:right;max-width:45%}.report-header-main{padding:16px 18px}.report-header-actions{grid-area:3/1;justify-content:flex-start;padding:0 18px 16px}.reports-filters{flex-direction:column;align-items:stretch}.reports-filters label{min-width:0}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-comparison,.reports-pupil-rows article{flex-direction:column;align-items:flex-start}.reports-pupil-actions{width:100%}.reports-pupil-actions .button{flex:1}}@media print{@page{size:A4;margin:14mm}body:has(.reports-print-root) *{visibility:hidden!important}:is(body:has(.reports-print-root) .reports-print-root,body:has(.reports-print-root) .reports-print-root *){visibility:visible!important}.reports-print-root{background:#fff;width:100%;position:absolute;inset:0;display:block!important}.report-print-page{box-sizing:border-box;break-after:page;page-break-after:always;border:0;border-radius:0;width:100%;min-height:0;margin:0;padding:0;display:block}.report-print-page:last-child{break-after:auto;page-break-after:auto}.report-print-header{box-sizing:border-box;break-inside:avoid;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);margin:0 0 7mm;padding:0}.report-brand-band{background:var(--report-accent);-webkit-print-color-adjust:exact;print-color-adjust:exact;min-height:17mm;padding:3mm 7mm}.report-brand-band .brand{color:#fff}.report-brand-band .brand-mark{background:#fff;width:10mm;height:10mm}.report-brand-band .brand-mark svg{fill:var(--report-accent)}.report-header-main{background:color-mix(in srgb,var(--report-accent) 10%,white);-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4mm 7mm 3mm}.report-header-actions{display:none!important}.report-print-header .report-header-main>span{color:var(--report-accent)}.report-metric,.report-comparison,.report-note,.report-feedback{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table tr,.report-feedback{break-inside:avoid}.report-brand-line,.report-brand-lockup>small{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-comparison-table{font-size:9pt}.report-comparison-table th,.report-comparison-table td{padding:6px 7px}.report-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.report-metrics-secondary{grid-template-columns:repeat(5,minmax(0,1fr))}.report-feedback-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.report-metric{padding:8px 5px}.report-metric span{font-size:.68rem}.report-metric strong{font-size:1.05rem}}.teacher-led-controls{border:1px solid var(--border,#dbe2e8);background:var(--surface,#f6f8fa);border-radius:14px;margin:20px 0;padding:20px}.teacher-led-controls header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-led-controls h3{margin:0}.teacher-led-actions{flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0;display:flex}.teacher-led-actions label{flex:1;gap:5px;min-width:180px;display:grid}.teacher-led-actions select{border:1px solid #dbe2e8;border-radius:8px;width:100%;padding:10px}.teacher-led-controls fieldset{border:0;margin-top:12px;padding:0}.teacher-bonus-choice{align-items:center;gap:10px;margin:10px 0;display:flex}.teacher-journey-order{padding:0;list-style:none}.teacher-journey-order li{border-bottom:1px solid #dbe2e8;align-items:center;gap:8px;padding:8px 0;display:flex}.teacher-journey-order li span{flex:1}.teacher-journey-order .button{padding:5px 12px}.lesson-core-progress{flex-wrap:wrap;align-items:center;gap:14px;padding:12px 18px;display:flex}.lesson-core-progress progress{min-width:140px;height:12px;accent-color:var(--accent,#42658b);flex:1}.lesson-core-progress small{flex-basis:100%}.pupil-teacher-led-banner{color:#36557b;background:#edf3fa;margin:0;padding:12px 18px}.lesson-journey-strip{gap:5px;padding:12px;display:flex;overflow-x:auto}.lesson-journey-strip button{color:#344353;background:#f5f7fa;border:1px solid #dbe2e8;border-radius:8px;flex:1 0 90px;padding:8px}.lesson-journey-strip button span{margin-top:4px;font-size:.72rem;display:block}.lesson-journey-strip button.active{background:var(--accent,#42658b);color:#fff;opacity:1}.lesson-journey-strip button.complete:not(.active){color:#366d52;background:#e9f5ee}.lesson-bonus-button{margin:0 16px 12px}.teacher-milestone-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0;display:grid}.teacher-milestone-strip>*{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;display:flex}.teacher-milestone-strip .released{color:#176646;background:#e7f6ed}.teacher-milestone-strip small{font-size:.8rem}.content-studio.editing-lesson .pupil-preview-author .pupil-stage-tabs.lesson-milestone-tabs{background:0 0;border:0;border-radius:0;gap:4px;width:100%;margin:0;padding:0}.lesson-journey-navigation{min-width:0;max-width:100%}.pupil-stage-tabs button{justify-content:center;align-items:center;min-height:48px!important;box-shadow:none!important;border:0!important;border-radius:0 0 10px 10px!important;padding:12px 12px 8px!important;font-size:.92rem!important;font-weight:750!important;display:flex!important}.content-studio .lesson-author-part-tabs button{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:44px;min-height:36px;font-weight:750;display:inline-flex}.content-studio .lesson-author-part-tabs button.information-part{color:#572700;background:#ffad58;border-color:#d97418}.content-studio .lesson-author-part-tabs button.activity-part{color:#3e3100;background:#d8b52b;border-color:#a18712}.content-studio .lesson-author-part-tabs button.active{outline:2px solid var(--text);outline-offset:2px;box-shadow:inset 0 0 0 1px #fff9}.content-studio .pupil-stage-heading>.lesson-author-part-tabs{flex-wrap:wrap;display:flex!important}.content-studio .pupil-stage-heading:has(>.lesson-author-part-tabs)>.pupil-block-mobile-pager{display:none!important}.content-studio-mode-toggle{align-items:center;height:36px;margin-left:0;padding:2px}.content-studio-mode-toggle button{min-width:48px;min-height:30px;font-size:.875rem;padding:4px 8px!important}.lesson-milestone-tabs button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.pupil-lesson-page .pupil-stage-heading>.pupil-stage-xp{margin-left:auto;position:static}.lesson-milestone-progress{--lesson-status-height:38px;grid-template-columns:108px minmax(0,1fr) 108px;align-items:center;gap:12px;margin:8px 0 12px;padding:0;display:grid}.lesson-milestone-progress>.button{width:100%;min-width:0;height:var(--lesson-status-height);min-height:var(--lesson-status-height);white-space:nowrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;display:inline-flex}.lesson-milestone-meter{min-width:0;height:var(--lesson-status-height);place-items:center;display:grid;position:relative}.lesson-milestone-meter progress{appearance:none;background:color-mix(in srgb,var(--accent) 12%,var(--surface));width:100%;height:100%;accent-color:var(--accent);border:0;border-radius:8px;margin:0;display:block;overflow:hidden}.lesson-milestone-meter progress::-webkit-progress-bar{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:8px}.lesson-milestone-meter progress::-webkit-progress-value{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 62%,white),var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,black));border-radius:8px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000029}.lesson-milestone-meter progress::-moz-progress-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 62%,white),var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,black));border-radius:8px}.lesson-milestone-progress-label{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);text-align:center;background:linear-gradient(#ffffff47,#ffffff0a 50%,#ffffff1f),#0e18289e;border:1px solid #ffffffa6;border-radius:7px;max-width:calc(100% - 12px);padding:5px 12px;font-size:.85rem;line-height:1.25;position:absolute;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #ffffff2e,0 3px 10px #0000002e}.lesson-bonus-progress-note{color:var(--muted);text-align:center;margin:0 0 10px;font-size:.85rem;display:block}.lesson-milestone-message{text-align:center;padding:36px 24px}.lesson-milestone-message>svg{color:var(--accent)}.class-live-main-progress progress{width:100%;height:16px;accent-color:var(--accent)}@media (width<=700px){.pupil-stage-tabs.lesson-milestone-tabs{display:flex;overflow-x:auto}.lesson-milestone-tabs button{flex:1 0 auto}.pupil-lesson-page .pupil-stage-heading>.pupil-stage-item-tabs{flex-wrap:wrap;display:flex!important}}@media (width<=600px){.lesson-milestone-progress{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.lesson-milestone-progress>.button{padding:0}.lesson-milestone-progress>.button>span{display:none}.lesson-milestone-progress-label{max-width:calc(100% - 8px);padding:3px 6px;font-size:.72rem}.pupil-review-banner{align-items:flex-start;gap:8px;padding:8px;font-size:.88rem}.pupil-review-banner>.button{min-height:32px;padding:5px 8px;font-size:.82rem}}.lesson-section-strip{gap:5px;padding:10px 14px;display:flex;overflow-x:auto}.lesson-section-strip button{color:#344353;background:#f5f7fa;border:1px solid #dbe2e8;border-radius:8px;flex:1 0 auto;padding:12px;font-weight:600}.lesson-section-strip button.active{background:var(--accent,#42658b);color:#fff;opacity:1}.lesson-section-strip button.complete:not(.active){color:#366d52;background:#e9f5ee}.lesson-page-position{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.lesson-page-position div{text-align:center;gap:4px;display:grid}.lesson-page-position small{color:#687484}.lesson-page-choice{align-items:center;gap:12px;padding:8px 16px 14px;display:flex}.lesson-page-choice select{border:1px solid #dbe2e8;border-radius:8px;flex:1;min-width:0;padding:10px}@media (width<=600px){.lesson-page-position .button{min-width:0;padding:8px}.lesson-page-position strong{font-size:.9rem}.lesson-page-choice{font-size:.8rem}}