.maths-tutorial-page.svelte-1sajy0j{min-height:100vh;background:#fff;color:#172033;padding:8px 20px 48px}.maths-shell.svelte-1sajy0j{max-width:1180px;margin:0 auto}.main-content{padding-top:0!important}.maths-header.svelte-1sajy0j{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;margin-bottom:8px;padding:10px 14px;border:1px solid #dfe8f3;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fbff 62%,#ecfeff)}.maths-title-strip.svelte-1sajy0j{display:flex;min-width:0;align-items:center;gap:12px}.eyebrow.svelte-1sajy0j{flex:0 0 auto;margin:0;color:#4361ee;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.maths-divider.svelte-1sajy0j{width:1px;height:22px;background:#cbd5e1}.maths-header.svelte-1sajy0j h1:where(.svelte-1sajy0j){min-width:0;margin:0;color:#111827;font-size:1.2rem;font-weight:800;line-height:1.1;letter-spacing:0;white-space:nowrap}.course-summary.svelte-1sajy0j{display:flex;flex:0 0 auto;align-items:center;gap:8px}.summary-pill.svelte-1sajy0j{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #c7d2fe;border-radius:999px;background:#fff;color:#475569;padding:6px 11px 6px 7px;font-size:.82rem;font-weight:700;box-shadow:0 8px 18px #4361ee1a}.summary-pill.svelte-1sajy0j strong:where(.svelte-1sajy0j){display:inline-grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#4361ee;color:#fff;font-size:.82rem;font-weight:900}.state-message.svelte-1sajy0j{border:1px solid #dfe4ee;border-radius:8px;background:#fff;color:#475569;padding:22px;box-shadow:0 18px 42px #17203314}.state-message.error.svelte-1sajy0j{border-color:#fecaca;background:#fff7f7;color:#b42318}.desktop-course-layout.svelte-1sajy0j{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:22px;align-items:start}.unit-panel.svelte-1sajy0j,.lesson-panel.svelte-1sajy0j{border:1px solid #dfe4ee;border-radius:8px;background:#fff}.unit-panel.svelte-1sajy0j{position:sticky;top:88px;overflow:hidden}.panel-heading.svelte-1sajy0j{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #edf0f6;color:#111827;font-weight:800}.panel-heading.svelte-1sajy0j strong:where(.svelte-1sajy0j){display:inline-grid;min-width:28px;height:28px;place-items:center;border-radius:999px;background:#edf7f2;color:#087f5b;font-size:.85rem}.unit-list.svelte-1sajy0j{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 190px);overflow-y:auto;padding:12px}.unit-list.svelte-1sajy0j button:where(.svelte-1sajy0j){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:13px 14px;color:#334155;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.unit-list.svelte-1sajy0j button:where(.svelte-1sajy0j):hover,.unit-list.svelte-1sajy0j button.active:where(.svelte-1sajy0j){border-color:#b7cdfc;background:#eef5ff;color:#1d4ed8}.unit-title.svelte-1sajy0j{min-width:0;overflow:hidden;color:inherit;font-size:.98rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.unit-count.svelte-1sajy0j{align-self:center;display:inline-grid;min-width:26px;height:26px;place-items:center;border-radius:999px;background:#edf7f2;color:#087f5b;font-size:.8rem;font-weight:900;white-space:nowrap}.lesson-panel.svelte-1sajy0j{padding:22px}.selected-unit.svelte-1sajy0j{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf0f6}.selected-unit.svelte-1sajy0j p:where(.svelte-1sajy0j){margin:0 0 6px;color:#087f5b;font-size:.78rem;font-weight:900;text-transform:uppercase}.selected-unit.svelte-1sajy0j h2:where(.svelte-1sajy0j){margin:0;color:#111827;font-size:1.45rem;line-height:1.2;letter-spacing:0}.selected-unit.svelte-1sajy0j span:where(.svelte-1sajy0j){display:block;max-width:680px;margin-top:8px;color:#64748b;line-height:1.5}.selected-unit.svelte-1sajy0j strong:where(.svelte-1sajy0j){flex:0 0 auto;border-radius:999px;background:#fff4de;color:#9a5b00;padding:8px 12px;font-size:.86rem}.lesson-grid.svelte-1sajy0j{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-card.svelte-1sajy0j{position:relative;min-height:248px;overflow:hidden;border:1px solid #e1e7f0;border-radius:8px;background:var(--card-bg);color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.lesson-card.svelte-1sajy0j:hover{border-color:color-mix(in srgb,var(--card-accent) 45%,#ffffff);box-shadow:0 18px 34px color-mix(in srgb,var(--card-accent) 20%,transparent);transform:translateY(-2px)}.lesson-card.selected.svelte-1sajy0j{border-color:var(--card-accent-dark);border-width:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--card-accent) 18%,transparent),0 18px 34px color-mix(in srgb,var(--card-accent) 22%,transparent)}.lesson-card.svelte-1sajy0j:focus-visible{outline:3px solid color-mix(in srgb,var(--card-accent) 45%,#ffffff);outline-offset:3px}.html-lesson-card.svelte-1sajy0j{display:flex;flex-direction:column;gap:10px;padding:18px;isolation:isolate}.html-lesson-card.svelte-1sajy0j:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:-2;border:1px solid color-mix(in srgb,var(--card-accent) 18%,#ffffff);border-radius:8px;background:#ffffff6b}.html-lesson-card.svelte-1sajy0j:after{content:"";position:absolute;right:-34px;bottom:-54px;z-index:-1;width:190px;height:190px;border-radius:999px;background:var(--card-soft)}.card-shape.svelte-1sajy0j{position:absolute;z-index:-1;pointer-events:none}.shape-one.svelte-1sajy0j{top:18px;right:24px;width:128px;height:128px;opacity:.09}.shape-two.svelte-1sajy0j{right:92px;bottom:46px;width:88px;height:88px;opacity:.07}.theme-rings.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){border:16px solid var(--card-accent);border-radius:999px}.theme-rings.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){border:10px dashed var(--card-accent-dark);border-radius:999px}.theme-steps.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:linear-gradient(var(--card-accent),var(--card-accent)) 0 88px / 36px 36px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 44px 52px / 36px 72px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 88px 16px / 36px 108px no-repeat;border-radius:18px}.theme-steps.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){border-left:12px solid var(--card-accent-dark);border-bottom:12px solid var(--card-accent-dark)}.theme-grid.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background-image:linear-gradient(var(--card-accent) 2px,transparent 2px),linear-gradient(90deg,var(--card-accent) 2px,transparent 2px);background-size:24px 24px}.theme-grid.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){border:12px solid var(--card-accent-dark);transform:rotate(12deg)}.theme-orbit.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){border:4px solid var(--card-accent);border-radius:999px;transform:rotate(-18deg) scaleX(1.28)}.theme-orbit.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){border-radius:999px;background:var(--card-accent-dark)}.theme-rays.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:conic-gradient(from 20deg,transparent 0 16deg,var(--card-accent) 16deg 28deg,transparent 28deg 52deg,var(--card-accent) 52deg 64deg,transparent 64deg 90deg);border-radius:999px}.theme-rays.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){background:var(--card-accent-dark);clip-path:polygon(50% 0,100% 100%,0 100%)}.theme-blocks.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:linear-gradient(var(--card-accent),var(--card-accent)) 0 0 / 54px 54px no-repeat,linear-gradient(var(--card-accent-dark),var(--card-accent-dark)) 62px 22px / 54px 54px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 28px 84px / 54px 54px no-repeat}.theme-blocks.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){background:var(--card-accent-dark);border-radius:18px;transform:rotate(18deg)}.theme-compass.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:conic-gradient(from 45deg,var(--card-accent) 0 12%,transparent 12% 25%,var(--card-accent-dark) 25% 37%,transparent 37% 50%,var(--card-accent) 50% 62%,transparent 62% 75%,var(--card-accent-dark) 75% 87%,transparent 87% 100%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.theme-compass.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){border:8px solid var(--card-accent-dark);border-radius:999px}.theme-tiles.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:linear-gradient(var(--card-accent),var(--card-accent)) 0 0 / 38px 38px no-repeat,linear-gradient(var(--card-accent-dark),var(--card-accent-dark)) 44px 0 / 38px 38px no-repeat,linear-gradient(var(--card-accent-dark),var(--card-accent-dark)) 0 44px / 38px 38px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 44px 44px / 38px 38px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 88px 88px / 38px 38px no-repeat;transform:rotate(12deg)}.theme-tiles.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){background:linear-gradient(45deg,var(--card-accent) 25%,transparent 25% 75%,var(--card-accent) 75%),linear-gradient(45deg,var(--card-accent-dark) 25%,transparent 25% 75%,var(--card-accent-dark) 75%);background-position:0 0,18px 18px;background-size:36px 36px}.theme-dots.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background-image:radial-gradient(var(--card-accent) 4px,transparent 5px);background-size:22px 22px}.theme-dots.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){background-image:radial-gradient(var(--card-accent-dark) 5px,transparent 6px);background-size:28px 28px;border-radius:999px}.theme-ladder.svelte-1sajy0j .shape-one:where(.svelte-1sajy0j){background:linear-gradient(90deg,var(--card-accent) 0 10px,transparent 10px 118px,var(--card-accent-dark) 118px 128px),repeating-linear-gradient(0deg,transparent 0 18px,var(--card-accent) 18px 28px,transparent 28px 42px);transform:rotate(-18deg)}.theme-ladder.svelte-1sajy0j .shape-two:where(.svelte-1sajy0j){background:linear-gradient(var(--card-accent-dark),var(--card-accent-dark)) 0 0 / 18px 88px no-repeat,linear-gradient(var(--card-accent),var(--card-accent)) 35px 0 / 18px 88px no-repeat,repeating-linear-gradient(0deg,transparent 0 16px,var(--card-accent-dark) 16px 24px,transparent 24px 36px);transform:rotate(18deg)}.lesson-card-head.svelte-1sajy0j{display:flex;align-items:center}.lesson-pill.svelte-1sajy0j{border-radius:999px;font-family:Nunito,system-ui,sans-serif;font-size:.76rem;font-weight:900;line-height:1;white-space:nowrap}.lesson-pill.svelte-1sajy0j{background:var(--card-accent);color:#fff;padding:10px 13px}.hook-question.svelte-1sajy0j{max-width:94%;min-height:76px;margin:4px 0 0;border:1px solid color-mix(in srgb,var(--card-accent) 12%,#ffffff);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 9%,#ffffff),#ffffffb8);color:var(--card-accent-dark);font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:clamp(1rem,3vw,1.3rem);font-weight:800;line-height:1.15;letter-spacing:0;padding:14px 16px;box-shadow:0 10px 22px color-mix(in srgb,var(--card-accent) 14%,transparent)}.html-lesson-card.svelte-1sajy0j h3:where(.svelte-1sajy0j){max-width:88%;margin:0 auto;border-radius:8px;background:var(--card-accent-dark);color:#fff;font-family:"Baloo 2",system-ui,sans-serif;font-size:1rem;font-weight:800;line-height:1.14;letter-spacing:0;padding:9px 13px;text-align:center}.mind-map-chips.svelte-1sajy0j{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.mind-map-chips.svelte-1sajy0j span:where(.svelte-1sajy0j){border:1px solid color-mix(in srgb,var(--card-accent) 18%,#ffffff);border-radius:999px;background:var(--card-chip-bg);color:var(--card-ink);font-family:Nunito,system-ui,sans-serif;font-size:.76rem;font-weight:900;line-height:1.2;padding:8px 10px}.lesson-modal-backdrop.svelte-1sajy0j{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172ab8}.lesson-modal.svelte-1sajy0j{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#fff}.lesson-modal-header.svelte-1sajy0j{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;background:#fff;padding:14px 16px 14px 20px}.lesson-modal-header.svelte-1sajy0j h2:where(.svelte-1sajy0j){min-width:0;margin:0;overflow:hidden;color:#111827;font-size:1rem;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.lesson-modal-actions.svelte-1sajy0j{flex:0 0 auto;display:flex;align-items:center;gap:10px}.lesson-nav-button.svelte-1sajy0j{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#1e293b;cursor:pointer;font-size:.86rem;font-weight:900;padding:9px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease}.lesson-nav-button.svelte-1sajy0j:hover:not(:disabled),.lesson-nav-button.svelte-1sajy0j:focus-visible{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;outline:none}.lesson-nav-button.svelte-1sajy0j:disabled{cursor:not-allowed;opacity:.45}.lesson-modal-close.svelte-1sajy0j{flex:0 0 auto;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#334155;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.lesson-modal-close.svelte-1sajy0j:hover,.lesson-modal-close.svelte-1sajy0j:focus-visible{border-color:#fecaca;background:#fff1f2;color:#be123c;outline:none}.lesson-modal-close.svelte-1sajy0j svg:where(.svelte-1sajy0j){width:19px;height:19px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.lesson-modal.svelte-1sajy0j iframe:where(.svelte-1sajy0j){flex:1 1 auto;width:100%;min-height:0;border:0;background:#fff}@media(max-width:900px){.maths-header.svelte-1sajy0j{flex-wrap:wrap;align-items:center}.maths-header.svelte-1sajy0j h1:where(.svelte-1sajy0j){font-size:1rem}.course-summary.svelte-1sajy0j{flex-wrap:wrap}.desktop-course-layout.svelte-1sajy0j{grid-template-columns:1fr}.unit-panel.svelte-1sajy0j{position:static}.unit-list.svelte-1sajy0j{max-height:none}.lesson-grid.svelte-1sajy0j{grid-template-columns:1fr}.lesson-modal-header.svelte-1sajy0j{align-items:flex-start;flex-direction:column}.lesson-modal-actions.svelte-1sajy0j{width:100%}.lesson-nav-button.svelte-1sajy0j{flex:1 1 auto}}