@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap);.dashboard-card,.dashboard-paper,.grade-progress-card,.stats-paper{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;color:var(--fg);overflow:hidden;padding:clamp(var(--space-5),3vw,var(--space-8))!important;position:relative;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.dashboard-card:before,.dashboard-paper:before,.grade-progress-card:before,.stats-paper:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.22),#0000 70%);content:"";height:120px;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:120px;z-index:0}.dashboard-card>*,.dashboard-paper>*,.grade-progress-card>*,.stats-paper>*{position:relative;z-index:1}.card-title,.stats-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:var(--fs-xl)!important;font-weight:700!important;letter-spacing:-.015em;margin:0 0 var(--space-5)!important}.grade-progress-container{display:flex;flex-direction:column;gap:var(--space-6)}.school-level-section{display:flex;flex-direction:column;gap:var(--space-4)}.school-level-title{border-bottom:1px solid var(--stroke);color:var(--fg-muted)!important;font-family:var(--font-sans)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.12em;margin:0!important;padding-bottom:var(--space-2);text-transform:uppercase}.grade-progress-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grade-progress-item{background-color:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);outline:none;overflow:hidden;padding:var(--space-4);position:relative;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.grade-progress-item:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.22),#0000 70%);content:"";height:70px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--dur) var(--ease);width:70px}.grade-progress-item:focus-visible,.grade-progress-item:hover{background-color:var(--surface);border-color:rgba(var(--brand-rgb),.5);box-shadow:var(--shadow-md);transform:translateY(-4px)}.grade-progress-item:focus-visible:before,.grade-progress-item:hover:before{opacity:1}.grade-progress-item:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.grade-progress-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;position:relative;z-index:1}.grade-name{color:var(--fg)!important;font-size:.95rem!important;font-weight:600!important}.grade-percentage{font-feature-settings:"tnum";border:1px solid #0000;border-radius:var(--radius-pill);font-size:.8rem!important;font-variant-numeric:tabular-nums;font-weight:700!important;line-height:1.2;padding:.2rem .55rem;transition:all var(--dur) var(--ease)}.grade-percentage.complete{background:#22c55e1f;border-color:#22c55e59;color:var(--success)!important}.grade-percentage.high{background:#3b82f61f;border-color:#3b82f659;color:#60a5fa!important}.grade-percentage.medium{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24!important}.grade-percentage.low{background:#f973161f;border-color:#f9731659;color:#fb923c!important}.grade-percentage.very-low{background:#ef44441f;border-color:#ef444459;color:#f87171!important}.grade-progress-bar.MuiLinearProgress-root{background-color:var(--canvas)!important;border-radius:4px!important;height:8px!important;position:relative;z-index:1}.grade-progress-bar .MuiLinearProgress-bar{border-radius:4px!important;transition:background .3s ease!important}.grade-progress-bar.complete .MuiLinearProgress-bar{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.grade-progress-bar.high .MuiLinearProgress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.grade-progress-bar.medium .MuiLinearProgress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.grade-progress-bar.low .MuiLinearProgress-bar{background:linear-gradient(90deg,#f97316,#ea580c)!important}.grade-progress-bar.very-low .MuiLinearProgress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.categories-container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-4)}.category-card{background-color:var(--surface-2)!important;border:1px solid var(--stroke);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.category-card:hover{border-color:rgba(var(--brand-rgb),.5);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:1.15rem!important;font-weight:600!important;letter-spacing:-.01em}.category-progress-container{display:flex;flex-direction:column;gap:var(--space-2)}.category-progress-text{font-feature-settings:"tnum";color:var(--fg-muted)!important;font-size:.85rem!important;font-variant-numeric:tabular-nums}.category-progress{background-color:var(--canvas);border-radius:3px;height:6px;overflow:hidden;width:100%}.category-progress-bar{background:var(--gradient-brand);border-radius:3px;height:100%;transition:width .3s ease}.category-button.MuiButton-root{background:var(--gradient-brand)!important;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)!important;color:#fff!important;margin-top:auto!important;text-transform:none!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}.category-button.MuiButton-root:hover{box-shadow:0 10px 24px rgba(var(--brand-rgb),.45)!important;transform:translateY(-1px)}.category-loading{margin:var(--space-6) 0}.practice-time-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.time-card.MuiPaper-root{background-color:var(--surface-2)!important;border:1px solid var(--stroke);border-radius:var(--radius-md)!important;box-shadow:none!important;overflow:hidden;padding:var(--space-5) var(--space-4)!important;position:relative;text-align:center;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.time-card.MuiPaper-root:before{background:var(--gradient-brand);content:"";height:3px;left:0;position:absolute;right:0;top:0}.time-card.MuiPaper-root:hover{border-color:rgba(var(--brand-rgb),.5);box-shadow:var(--shadow-md)!important;transform:translateY(-4px)}.time-card-title{color:var(--fg-muted)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.08em;margin-bottom:var(--space-2)!important;text-transform:uppercase}.time-card-value{font-feature-settings:"tnum";color:var(--fg)!important;font-family:var(--font-display)!important;font-size:1.6rem!important;font-variant-numeric:tabular-nums;font-weight:700!important;letter-spacing:-.02em;line-height:1.1}.join-dialog .MuiDialog-paper{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important}.join-dialog .MuiDialogTitle-root{color:var(--fg)!important;font-family:var(--font-display)!important}.join-dialog .class-code-input .MuiInputLabel-root{color:var(--fg-muted)!important}.join-dialog .class-code-input .MuiInputBase-input{color:var(--fg)!important}.join-dialog .class-code-input .MuiOutlinedInput-notchedOutline{border-color:var(--stroke)!important}.join-dialog .class-code-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-strong)!important}@media (max-width:720px){.dashboard-container{gap:var(--space-4);margin-top:var(--space-4)}.dashboard-title{font-size:var(--fs-xl)!important}.dashboard-hero-title{font-size:var(--fs-2xl)!important}.grade-progress-grid,.practice-time-grid{grid-template-columns:repeat(2,1fr)}.time-card-value{font-size:1.35rem!important}}@media (max-width:420px){.grade-progress-grid{grid-template-columns:1fr}}.ad-slot{display:block;margin:1.5rem auto;margin:var(--space-6,1.5rem) auto;max-width:728px;min-height:0;padding:0;position:relative;text-align:center;width:100%}.ad-slot-label{color:#888;color:var(--text-secondary,#888);display:block;font-size:.6875rem;letter-spacing:.08em;margin-bottom:.25rem;opacity:.6;text-transform:uppercase}.ad-slot .adsbygoogle{min-height:90px}.ad-slot--compact{margin:.75rem auto .5rem;margin:var(--space-3,.75rem) auto var(--space-2,.5rem);max-width:468px}.ad-slot--compact .adsbygoogle{min-height:60px}.practice-ad-host{width:100%}.practice-ad-host--dialog{margin-top:.75rem;margin-top:var(--space-3,.75rem)}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6);padding-bottom:var(--space-10);position:relative}.dashboard-container:before{background:radial-gradient(620px 340px at 18% 10%,rgba(var(--brand-rgb),.18),#0000 60%),radial-gradient(620px 340px at 85% 20%,rgba(var(--accent-rgb),.14),#0000 60%);content:"";height:520px;inset:-6% -10% auto -10%;pointer-events:none;position:absolute;z-index:0}.dashboard-container>*{position:relative;z-index:1}.dashboard-hero{padding:var(--space-4) 0 var(--space-2);text-align:left}.dashboard-kicker{align-items:center;background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.25);border-radius:var(--radius-pill);color:var(--brand-400);display:inline-flex;font-family:var(--font-sans);font-size:.8rem;font-weight:600;gap:.4em;letter-spacing:.12em;margin-bottom:var(--space-4);padding:.35rem .75rem;text-transform:uppercase}.dashboard-hero-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:var(--fs-3xl)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.05!important;margin:0 0 var(--space-3)!important}.dashboard-hero-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000}.dashboard-hero-lead{color:var(--fg-muted)!important;font-size:var(--fs-md)!important;line-height:1.6!important;margin:0!important;max-width:640px}.dashboard-paper.MuiPaper-root{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;color:var(--fg);overflow:hidden;padding:clamp(var(--space-5),3vw,var(--space-8))!important;position:relative}.dashboard-paper.MuiPaper-root:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.22),#0000 70%);content:"";height:120px;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:120px;z-index:0}.dashboard-paper.MuiPaper-root>*{position:relative;z-index:1}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.dashboard-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:var(--fs-2xl)!important;font-weight:700!important;letter-spacing:-.01em;margin:0!important}.dashboard-error{border-radius:var(--radius-md)!important;margin-bottom:var(--space-4)!important}.loading-container{align-items:center;display:flex;justify-content:center;min-height:240px}.card-kicker{align-items:center;background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.25);border-radius:var(--radius-pill);color:var(--brand-400);display:inline-flex;font-family:var(--font-sans);font-size:.72rem;font-weight:600;gap:.4em;letter-spacing:.12em;margin-bottom:var(--space-3);padding:.3rem .65rem;text-transform:uppercase}.class-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.class-list-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:var(--fs-xl)!important;font-weight:700!important;letter-spacing:-.015em;margin:0!important}.create-class-button.MuiButton-root{background:var(--gradient-brand)!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)!important;color:#fff!important;padding:.55rem 1.2rem!important;text-transform:none!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}.create-class-button.MuiButton-root:hover{box-shadow:0 10px 24px rgba(var(--brand-rgb),.45)!important;transform:translateY(-1px)}.class-list.MuiList-root{background-color:initial!important;display:flex;flex-direction:column;gap:var(--space-3);padding:0!important;width:100%}.class-list-item.MuiListItem-root{background-color:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-md);overflow:hidden;padding:var(--space-4) var(--space-5)!important;position:relative;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.class-list-item.MuiListItem-root:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.22),#0000 70%);content:"";height:70px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--dur) var(--ease);width:70px}.class-list-item.MuiListItem-root:hover{background-color:var(--surface)!important;border-color:rgba(var(--brand-rgb),.5);box-shadow:var(--shadow-md);transform:translateY(-4px)}.class-list-item.MuiListItem-root:hover:before{opacity:1}.class-list-item.MuiListItem-root.selected{background-color:var(--surface)!important;border-color:rgba(var(--brand-rgb),.6);box-shadow:var(--shadow-sm),inset 3px 0 0 var(--brand-500)}.class-list-item.MuiListItem-root.selected:before{opacity:1}.class-list-item .MuiTypography-root{color:var(--fg)!important}.class-list-item .text-secondary{color:var(--fg-muted)!important}.class-name{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:-.01em}.class-details{color:var(--fg-muted)!important;font-family:var(--font-mono)!important;font-size:.85rem!important}.class-divider{display:none!important}.student-table-container{background-color:var(--canvas);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-4);overflow:hidden;position:relative}.student-table-container:before{background:var(--gradient-brand);content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.table-container{max-height:480px;overflow:auto;scrollbar-color:var(--stroke-strong) #0000;scrollbar-width:thin}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-track{background:#0000}.table-container::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--brand-500)}.table-container .MuiTable-root{background-color:var(--canvas)!important;border-collapse:initial!important;border-spacing:0!important}.header-cell{background-color:var(--surface-2)!important;border-bottom:1px solid var(--stroke)!important;font-family:var(--font-sans)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.1em;padding:var(--space-3) var(--space-4)!important;position:sticky!important;text-transform:uppercase;top:0!important;white-space:nowrap;z-index:1!important}.header-cell,.header-cell .MuiTableSortLabel-root{color:var(--fg-subtle)!important}.header-cell .MuiTableSortLabel-icon,.header-cell .MuiTableSortLabel-root.Mui-active{color:var(--brand-400)!important}.table-row{background-color:initial!important}.table-row:nth-of-type(odd){background-color:var(--surface)!important}.table-row:hover{background-color:var(--surface-3)!important}.table-cell{font-feature-settings:"tnum";border-bottom:1px solid var(--stroke)!important;color:var(--fg)!important;font-family:var(--font-mono)!important;font-size:.9rem!important;font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4)!important;white-space:nowrap}.table-cell.student-name{font-family:var(--font-sans)!important;font-weight:500}.selected-class-container{border-top:1px solid var(--stroke);margin-top:var(--space-6);padding-top:var(--space-6)}.class-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.selected-class-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:var(--fs-xl)!important;font-weight:700!important;letter-spacing:-.015em;margin:0!important}.grade-select.MuiFormControl-root{min-width:140px!important}.grade-select .MuiOutlinedInput-root{background-color:var(--surface-2);border-radius:var(--radius-md)!important;color:var(--fg)}.grade-select .MuiOutlinedInput-notchedOutline{border-color:var(--stroke)!important}.grade-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-strong)!important}.grade-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand-500)!important}.grade-select .MuiInputLabel-root{color:var(--fg-muted)!important}.grade-select .MuiInputLabel-root.Mui-focused{color:var(--brand-500)!important}.grade-select .MuiSelect-icon{color:var(--fg-muted)!important}.grade-select .MuiMenuItem-root{color:var(--fg)!important}.delete-class-container{border-top:1px solid var(--stroke);display:flex;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.delete-class-button.MuiButton-root{background-color:var(--danger)!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 18px #ef44444d!important;color:#fff!important;padding:.55rem 1.2rem!important;text-transform:none!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}.delete-class-button.MuiButton-root:hover{box-shadow:0 10px 24px #ef444473!important;filter:brightness(1.05);transform:translateY(-1px)}.delete-class-dialog .MuiDialog-paper{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important;min-width:420px;overflow:hidden;position:relative}.delete-class-dialog .MuiDialog-paper:before{background:linear-gradient(90deg,var(--danger) 0,#dc2626 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.delete-class-dialog .MuiDialogTitle-root{border-bottom:1px solid var(--stroke);color:var(--fg)!important;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.01em}.delete-class-dialog .MuiDialogContent-root,.delete-class-dialog .MuiDialogTitle-root{padding:var(--space-5) var(--space-6)!important}.delete-class-dialog .MuiDialogContentText-root{color:var(--fg-muted)!important;line-height:1.6;margin-bottom:0!important}.delete-class-dialog .MuiDialogActions-root{background-color:var(--surface)!important;border-top:1px solid var(--stroke);gap:var(--space-2);padding:var(--space-4) var(--space-6)!important}.delete-class-dialog .cancel-button.MuiButton-root{color:var(--fg-muted)!important;text-transform:none!important}.delete-class-dialog .confirm-delete-button.MuiButton-root{background-color:var(--danger)!important;border-radius:var(--radius-md)!important;color:#fff!important;margin-left:var(--space-3)!important;text-transform:none!important}.delete-class-dialog .confirm-delete-button.MuiButton-root:hover{filter:brightness(1.1)}.create-class-dialog .MuiDialog-paper{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important;min-width:420px;overflow:hidden;position:relative}.create-class-dialog .MuiDialog-paper:before{background:var(--gradient-brand);content:"";height:3px;left:0;position:absolute;right:0;top:0}.create-class-dialog .MuiDialogTitle-root{border-bottom:1px solid var(--stroke);color:var(--fg)!important;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.01em}.create-class-dialog .MuiDialogContent-root,.create-class-dialog .MuiDialogTitle-root{padding:var(--space-5) var(--space-6)!important}.create-class-dialog .MuiDialogActions-root{background-color:var(--surface)!important;border-top:1px solid var(--stroke);gap:var(--space-2);padding:var(--space-4) var(--space-6)!important}.create-class-dialog .class-name-input .MuiInputLabel-root{color:var(--fg-muted)!important}.create-class-dialog .class-name-input .MuiInputLabel-root.Mui-focused{color:var(--brand-500)!important}.create-class-dialog .class-name-input .MuiInputBase-input{color:var(--fg)!important}.create-class-dialog .class-name-input .MuiOutlinedInput-notchedOutline{border-color:var(--stroke)!important}.create-class-dialog .class-name-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-strong)!important}.create-class-dialog .class-name-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand-500)!important}.create-class-dialog .cancel-button.MuiButton-root{color:var(--fg-muted)!important;text-transform:none!important}.create-class-dialog .create-button.MuiButton-root{background:var(--gradient-brand)!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 16px rgba(var(--brand-rgb),.35)!important;color:#fff!important;margin-left:var(--space-3)!important;text-transform:none!important}.create-class-dialog .create-button.MuiButton-root:disabled{background:var(--surface-2)!important;box-shadow:none!important;color:var(--fg-subtle)!important}.error-alert{border-radius:var(--radius-md)!important;margin-bottom:var(--space-4)!important}.no-classes-message{color:var(--fg-muted)!important;padding:var(--space-8);text-align:center}.access-denied-alert{border-radius:var(--radius-md)!important;margin-top:var(--space-8)}.frozen-column{background-color:var(--surface-2)!important;box-sizing:border-box!important;position:sticky!important}.frozen-column.student-name{left:0!important;min-width:160px!important;z-index:2!important}.frozen-column.activity-time{left:160px!important;min-width:120px!important;z-index:2!important}.frozen-column.header-cell{background-color:var(--surface)!important;z-index:3!important}.frozen-column.header-cell.activity-time,.frozen-column.header-cell.student-name{z-index:4!important}.table-row:nth-of-type(odd) .frozen-column{background-color:var(--surface)!important}.table-row:hover .frozen-column{background-color:var(--surface-3)!important}.frozen-column.activity-time:after{background:linear-gradient(90deg,#00000014,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:6px}@media (max-width:720px){.dashboard-hero-title{font-size:var(--fs-2xl)!important}.class-header{align-items:stretch;flex-direction:column}.class-header>.MuiBox-root{grid-gap:var(--space-2)!important;display:grid!important;gap:var(--space-2)!important;grid-template-columns:1fr 1fr}.create-class-dialog .MuiDialog-paper,.delete-class-dialog .MuiDialog-paper{margin:var(--space-3);min-width:0;min-width:auto}}.practice-page{background-color:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box;color:var(--fg);isolation:isolate;margin:var(--space-6) auto;overflow:hidden;padding:clamp(var(--space-5),3vw,var(--space-10));position:relative;text-align:center;width:min(100%,900px)}.practice-page:after{background:var(--gradient-brand);height:3px;left:0;right:0;top:0;z-index:2}.practice-page:after,.practice-page:before{content:"";pointer-events:none;position:absolute}.practice-page:before{background:radial-gradient(500px 260px at 18% 5%,rgba(var(--brand-rgb),.15),#0000 60%),radial-gradient(500px 260px at 85% 10%,rgba(var(--accent-rgb),.12),#0000 60%);height:70%;inset:-20% -20% auto -20%;z-index:0}.practice-page>*{position:relative;z-index:1}.practice-header{grid-gap:var(--space-2) var(--space-3);align-items:center;display:grid;gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr auto;margin-bottom:var(--space-5)}.practice-header>.back-button{border-radius:var(--radius-md)!important;color:var(--fg-muted)!important;grid-column:1;grid-row:1;margin:0!important;position:static!important}.practice-header>.back-button:hover{background:var(--surface-2)!important;color:var(--fg)!important}.practice-header>.back-button svg{fill:currentColor}.practice-title{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-2xl)!important;font-weight:700!important;grid-column:2;grid-row:1;letter-spacing:-.02em;line-height:1.1;margin:0!important;text-align:center}.practice-title .practice-title-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000}.practice-description{color:var(--fg-muted);font-size:var(--fs-md)!important;grid-column:1/-1;grid-row:2;line-height:1.5;margin:0 auto!important;max-width:620px;text-align:center}.progress-section{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-lg);margin:var(--space-5) auto var(--space-6);max-width:720px;padding:var(--space-4) var(--space-5)}.progress-header{font-feature-settings:"tnum";align-items:center;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:.85rem;font-variant-numeric:tabular-nums;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.progress-header>.MuiTypography-root:first-child{color:var(--fg-subtle);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.time-display{align-items:center;display:flex;font-family:var(--font-mono);gap:var(--space-3)}.current-time{color:var(--fg);font-weight:500}.best-time{color:var(--brand-400);font-weight:600}.pause-button.MuiIconButton-root{border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--fg-muted);margin-left:var(--space-1);padding:4px;transition:all var(--dur-fast) var(--ease)}.pause-button.MuiIconButton-root:hover{background-color:var(--surface);border-color:rgba(var(--brand-rgb),.5);color:var(--brand-400)}.pause-button.MuiIconButton-root.Mui-disabled{color:var(--fg-subtle);opacity:.5}.progress-bar{background-color:var(--canvas)!important;border-radius:4px;height:8px}.progress-bar .MuiLinearProgress-bar{background:var(--gradient-brand)!important;border-radius:4px}.level-complete-dialog,.pause-dialog{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;color:var(--fg)!important;min-width:360px;overflow:hidden;padding:var(--space-5);position:relative}.level-complete-dialog:before,.pause-dialog:before{background:var(--gradient-brand);content:"";height:3px;left:0;position:absolute;right:0;top:0}.level-complete-dialog:after,.pause-dialog:after{background:radial-gradient(360px 200px at 50% 0,rgba(var(--brand-rgb),.18),#0000 70%);content:"";height:70%;inset:-30% -20% auto -20%;pointer-events:none;position:absolute;z-index:0}.level-complete-dialog>*,.pause-dialog>*{position:relative;z-index:1}.level-complete-title,.pause-dialog-title{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display)!important;font-size:1.75rem!important;font-weight:700!important;letter-spacing:-.02em;padding:0!important;text-align:center}.level-complete-content,.pause-dialog-content{color:var(--fg-muted)!important;font-size:1rem;line-height:1.6;margin:var(--space-5) 0;padding:0!important;text-align:center}.level-complete-actions,.pause-dialog-actions{display:flex;gap:var(--space-3);justify-content:center!important;padding:var(--space-4) 0 0 0!important}.continue-button.MuiButton-root,.resume-button.MuiButton-root{background:var(--gradient-brand)!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)!important;color:#fff!important;font-weight:600!important;padding:.7rem 1.6rem!important;text-transform:none!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}.continue-button.MuiButton-root:hover,.resume-button.MuiButton-root:hover{box-shadow:0 10px 24px rgba(var(--brand-rgb),.45)!important;transform:translateY(-1px)}.practice-again-button.MuiButton-root{background:#0000!important;border:1px solid var(--stroke-strong)!important;border-radius:var(--radius-md)!important;color:var(--fg)!important;font-weight:600!important;padding:.7rem 1.4rem!important;text-transform:none!important;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)!important}.practice-again-button.MuiButton-root:hover{background:var(--surface-2)!important;border-color:var(--brand-500)!important}.content-box{margin:var(--space-6) auto;max-width:800px;text-align:center}.hintText{background:var(--surface-2);border:1px solid var(--stroke);border-left:4px solid var(--brand-500);border-radius:var(--radius-md);color:var(--fg-muted);line-height:1.6;margin:var(--space-6) 0;overflow:hidden;padding:1.1rem 1.4rem;position:relative;text-align:left}.hintText:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.25),#0000 70%);content:"";height:90px;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:90px}.hintText strong{color:var(--brand-400);font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-right:.5rem}.radio-group{margin:var(--space-6) 0}.radio-option{margin:var(--space-2) 0!important}.radio-option .MuiRadio-root{color:var(--fg-muted)}.radio-option .MuiRadio-root.Mui-checked{color:var(--brand-500)}.radio-option .MuiFormControlLabel-label{color:var(--fg);font-family:var(--font-display);font-size:1.6rem!important;font-weight:500}.content-box .submit-button.MuiButton-root{background:var(--gradient-brand)!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)!important;color:#fff!important;font-size:1.05rem!important;font-weight:600!important;margin-top:var(--space-6)!important;padding:.8rem 2.2rem!important;text-transform:none!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}.content-box .submit-button.MuiButton-root:hover{box-shadow:0 10px 24px rgba(var(--brand-rgb),.45)!important;transform:translateY(-1px)}.content-box .submit-button.MuiButton-root:disabled{background:var(--surface-2)!important;box-shadow:none!important;color:var(--fg-subtle)!important;opacity:.5;transform:none}.number-input{margin:var(--space-1)!important;width:72px!important}.number-input input{-webkit-text-fill-color:var(--fg)!important;background-color:var(--canvas)!important;border:2px solid var(--stroke)!important;border-radius:var(--radius-md)!important;color:var(--fg)!important;font-family:var(--font-mono)!important;font-size:1.15rem!important;min-width:0!important;padding:10px!important;text-align:center;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);width:100%!important}.number-input input:hover{border-color:var(--stroke-strong)!important}.number-input input:focus{background-color:var(--surface)!important;border-color:var(--brand-500)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2);outline:none!important}.number-input input.Mui-disabled,.number-input input:disabled{-webkit-text-fill-color:var(--fg-muted)!important;color:var(--fg-muted)!important;opacity:1!important}.number-input:after,.number-input:before{display:none!important}.grid-container{display:flex!important;flex-wrap:nowrap!important;gap:.25rem!important;justify-content:center!important;margin-bottom:.5rem!important;width:100%!important}.grid-container .MuiGrid-item{flex:0 0 auto!important;width:auto!important}.vertical-operation{margin:var(--space-6) 0}.operation-numbers{font-family:var(--font-mono)}.operation-numbers .number{color:var(--fg)!important;font-size:2.5rem!important;font-weight:700!important;line-height:1.2!important;margin:0!important;min-width:3ch;text-align:right}.feedback-vertical-operation .number.modified{color:var(--fg-muted)!important;text-decoration:line-through}.feedback-vertical-operation .number.modified:after{color:var(--fg);content:attr(data-modified);font-size:.9rem;left:50%;position:absolute;top:-1rem;transform:translateX(-50%)}.feedback-vertical-operation .carry-number{color:var(--fg-muted)!important}.feedback-vertical-operation .answer-number{color:var(--success)!important}.feedback-vertical-operation .intermediate-number{color:var(--fg-muted)!important}.feedback-long-division{font-family:var(--font-mono);font-size:1.2rem}.feedback-long-division .division-structure{align-items:center;gap:.5rem;margin-top:2rem}.feedback-long-division .divisor{color:var(--fg);margin-right:.5rem}.feedback-long-division .quotient-row{margin-left:1.5rem;position:relative}.feedback-long-division .quotient-line{border-bottom:2px solid var(--fg);bottom:-.5rem;left:0;position:absolute;right:0}.feedback-long-division .division-bracket{border-left:2px solid var(--fg);border-top:2px solid var(--fg);height:3rem;top:2.5rem;width:1.5rem}.feedback-long-division .steps-container{margin-left:1.5rem;position:relative}.feedback-long-division .step{margin-bottom:1rem}.feedback-long-division .step-line{border-top:2px solid var(--fg);margin:.5rem 0}.feedback-long-division .number{color:var(--fg);height:32px;margin:0 2px;width:32px}.feedback-long-division .quotient-number{color:var(--success)!important}.feedback-long-division .remainder-number,.feedback-long-division .subtracted-number{color:var(--fg-muted)!important}.operation-symbol{color:var(--fg)!important;font-size:2rem!important}.operation-line{background-color:var(--fg);height:3px}.visual-container{background-color:var(--canvas);border:1px solid var(--stroke);border-radius:var(--radius-md);margin:var(--space-4) 0;padding:20px}.fraction-form{gap:15px;margin:var(--space-4) 0}.fraction-form,.fraction-input{align-items:center;display:flex;flex-direction:column}.fraction-input{gap:5px}.fraction-input input{background-color:var(--canvas);border:2px solid var(--stroke);border-radius:var(--radius-md);color:var(--fg);font-family:var(--font-mono);font-size:1.2em;height:40px;text-align:center;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);width:60px}.fraction-input input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2);outline:none}.fraction-input hr{border:none;border-top:2px solid var(--fg);margin:0;width:100%}.error-message.MuiAlert-root{border-radius:var(--radius-md);margin:var(--space-4) 0}@media (max-width:640px){.practice-page{border-radius:var(--radius-lg);margin:var(--space-3) auto;padding:var(--space-5)}.practice-header{gap:var(--space-2);grid-template-columns:auto 1fr auto}.practice-title{font-size:var(--fs-xl)!important}.progress-section{padding:var(--space-3) var(--space-4)}.progress-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.time-display{justify-content:space-between;width:100%}.content-box{margin:var(--space-4) auto;padding:.25rem}.number-input{width:56px!important}.number-input input{font-size:1.15rem!important;padding:6px!important}.fraction-input input{font-size:1rem;height:40px;width:52px}.radio-option .MuiFormControlLabel-label{font-size:1.25rem!important}.operation-numbers .number{font-size:2rem!important}.hintText{font-size:.95rem;margin:var(--space-4) 0;padding:.9rem 1rem}}@media (max-width:380px){.number-input{width:48px!important}.number-input input{font-size:1rem!important;padding:4px!important}}.vertical-operation{align-items:center;display:flex;justify-content:center;margin:2rem 0;min-height:200px}.operation-numbers{align-items:flex-end;display:flex;flex-direction:column;font-family:Courier New,monospace;padding:0 .5rem;position:relative;width:120px}.vertical-operation .number{color:var(--text-primary)!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.2!important;margin:.2rem!important;min-width:2.5ch;text-align:right}.operation-line-container{align-items:center;display:flex;justify-content:flex-end;position:relative;width:100%}.operation-symbol{color:var(--text-primary)!important;font-size:1rem!important;font-weight:700!important;left:-1.5rem;line-height:1!important;margin:0!important;position:absolute}.operation-line{background-color:var(--text-primary);height:2px;margin:.5rem 0;width:100%}.vertical-operation input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:Courier New,monospace;font-size:1rem;font-weight:700;height:32px!important;margin:0 2px;padding:0;text-align:center;width:32px!important}.vertical-operation .carries-row{margin-left:36px}.vertical-operation input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.feedback-vertical-operation .number{font-size:1.2rem!important;position:relative}.feedback-vertical-operation .number.strike{text-decoration:line-through}.feedback-vertical-operation .carry-number{color:var(--text-secondary)!important;font-size:1rem!important}.feedback-vertical-operation .answer-number{color:var(--success-color)!important}.feedback-vertical-operation .intermediate-number{color:var(--text-secondary)!important}.expression-display{align-items:flex-start;display:flex;flex-direction:column;font-family:monospace;gap:1rem;padding:1rem}.expression-text{color:var(--text-primary);font-size:1.2rem}.broken-expression{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.final-result,.intermediate-steps{color:var(--text-primary);font-size:1.2rem}.expression-container{gap:32px;margin:32px 0;white-space:nowrap}.expression-container,.expression-line{align-items:center;display:flex;flex-direction:column}.expression-row{align-items:center;display:flex;gap:var(--gap-size);white-space:nowrap}.expanded-result{display:flex;flex-direction:column;gap:16px}.intermediate-sums,.partial-products{align-items:center;display:flex;gap:var(--gap-size)}.intermediate-sums{justify-content:center;margin-left:var(--gap-size);width:100%}.expression-text-large{color:var(--text-primary);padding:0 4px}.expression-text-large,.input-container{align-items:center;display:inline-flex;white-space:nowrap}.input-container{flex-direction:column;margin:0 2px}.number-input{width:var(--input-width)}.hint-text{color:var(--text-secondary);font-size:.65rem;margin-top:4px;white-space:nowrap}.three-digit{--gap-size:8px;--input-width:50px;--expression-font-size:1.5rem}.two-digit{--gap-size:16px;--input-width:60px;--expression-font-size:2rem}.feedback-long-division{display:inline-block;font-family:monospace;padding:1rem;position:relative}.feedback-long-division .division-structure{align-items:flex-start;display:flex}.feedback-long-division .divisor{font-size:1.2rem;margin-right:.25rem}.feedback-long-division .main-structure{position:relative}.feedback-long-division .quotient-row{align-items:center;display:flex;margin-bottom:.5rem}.feedback-long-division .number{align-items:center;display:flex;font-size:1.2rem;height:2ch;justify-content:center;width:2ch}.feedback-long-division .quotient-number{color:var(--success-color);font-weight:700}.feedback-long-division .subtracted-number{color:var(--error-color)}.feedback-long-division .remainder-number{color:var(--warning-color)}.feedback-long-division .step-line{border-top:2px solid var(--text-primary);margin:.25rem 0;width:100%}.feedback-long-division .quotient-line{border-bottom:2px solid var(--text-primary);width:100%}.feedback-long-division .division-bracket{border-left:2px solid var(--text-primary);border-top:2px solid var(--text-primary);height:2.5rem;left:0;position:absolute;top:1.5rem;width:.75rem}.feedback-long-division .steps-container{margin-left:1rem;padding-top:.5rem}.feedback-long-division .minus-sign{font-size:1.2rem;left:-1.5rem;position:absolute}.feedback-long-division .step{margin-bottom:.5rem;position:relative}.feedback-long-division .final-remainder{align-items:center;color:var(--success-color);display:flex;font-weight:700;gap:.25rem;left:100%;margin-left:1rem;position:absolute;top:0}.plotting-points-practice{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:2rem auto;max-width:650px;padding:2rem;width:100%}.coordinate-grid-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);padding:1rem;width:100%}.coordinate-grid-container svg{background-color:var(--bg-primary);border-radius:4px;box-shadow:var(--shadow-sm)}.coordinate-grid-container text{fill:var(--text-primary);font-size:12px;-webkit-user-select:none;user-select:none}.coordinate-grid-container line{stroke:var(--border-color)}.coordinate-grid-container line[stroke="#000"]{stroke:var(--text-primary);stroke-width:2}.coordinate-grid-container circle{transition:all .2s ease}.coordinate-grid-container circle[fill=blue]{fill:var(--primary-color)}.coordinate-grid-container circle[fill=red]{fill:var(--secondary-color);opacity:.8}@media (max-width:480px){.plotting-points-practice{margin:1rem auto;padding:1rem}.practice-prompt{font-size:1.2rem;margin-bottom:1rem}.coordinate-grid-container{padding:.5rem}}.identify-points-practice{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:2rem auto;max-width:650px;padding:2rem;width:100%}.practice-prompt{color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:2rem;text-align:center}.coordinate-inputs{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);flex-direction:column;margin-bottom:2rem;padding:1rem}.coordinate-inputs,.input-group{align-items:center;display:flex;gap:1rem}.coordinate-input{width:100px}.coordinate-input input,.coordinate-input label{color:var(--text-primary)!important}.coordinate-input fieldset{border-color:var(--border-color)!important}.coordinate-input:hover fieldset{border-color:var(--primary-color)!important}.submit-button{background-color:var(--primary-color)!important;color:var(--text-primary)!important;font-size:1.2rem!important;margin-top:1rem!important;padding:.5rem 2rem!important}.submit-button:hover{background-color:var(--primary-light)!important}.submit-button:disabled{background-color:var(--border-color)!important;opacity:.5}@media (max-width:480px){.identify-points-practice{margin:1rem auto;padding:1rem}.practice-prompt{font-size:1.2rem;margin-bottom:1rem}.coordinate-inputs{padding:.5rem}.coordinate-input{width:80px}}.geometry-shape-practice{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:2rem auto;max-width:650px;padding:2rem;width:100%}.geometry-shape-practice .practice-prompt{color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:.5rem;text-align:center}.geometry-shape-practice .shape-container{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem;width:100%}.geometry-shape-practice .shape-container svg{background-color:var(--bg-primary);border-radius:4px}.geometry-shape-practice .answer-section{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.geometry-shape-practice .answer-hint{color:var(--text-secondary);font-size:.9rem;text-align:center}.geometry-shape-practice .shape-choices{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:400px;width:100%}.geometry-shape-practice .shape-choice-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.geometry-shape-practice .shape-choice-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.geometry-shape-practice .dual-answer-form{display:flex;flex-direction:column;gap:1rem;max-width:350px;width:100%}.geometry-shape-practice .dual-answer-row{align-items:center;display:flex;gap:.75rem}.geometry-shape-practice .dual-answer-label{color:var(--text-primary);font-size:1.1rem;font-weight:600;min-width:90px;text-align:right}@media (max-width:480px){.geometry-shape-practice{margin:1rem auto;padding:1rem}.geometry-shape-practice .practice-prompt{font-size:1.2rem}.geometry-shape-practice .shape-container{padding:.5rem}.geometry-shape-practice .shape-choices{grid-template-columns:1fr}}.volume-practice{margin:0 auto;max-width:800px;text-align:center}.volume-prompt{color:var(--text-primary);font-size:2rem;font-weight:500;margin-bottom:.5rem}.volume-question{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.volume-shape-container{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;margin:1rem 0;min-height:260px;padding:1rem}.volume-details{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.volume-format{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.volume-answer-section{margin-top:1rem}.volume-choices{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.volume-choice-btn{background:#ffffff0d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;max-width:400px;padding:.75rem 1.5rem;text-align:left;transition:border-color .15s,background .15s;width:100%}.volume-choice-btn:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}@media (max-width:480px){.volume-prompt{font-size:1.5rem}.volume-question{font-size:1.1rem}.volume-shape-container{min-height:200px;padding:.5rem}.volume-choice-btn{font-size:1rem;padding:.6rem 1rem}}.ten-frames-container{align-items:flex-start;display:flex;gap:10px;justify-content:center;margin:10px 0}.wide .ten-frames-container{justify-content:flex-start}.ten-frame{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,40px);grid-template-rows:repeat(2,40px);margin:0}.ten-frame-cell{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-sm);height:100%;transition:all .2s ease;width:100%}.ten-frame-cell.filled{background-color:var(--primary-color)}.visual-aid-container{align-items:center;display:flex;flex-direction:column}.visual-aid-container.wide{align-items:flex-start}.operation-symbol{color:var(--text-primary);font-size:20px;margin:0 10px}.hundred-chart{grid-gap:4px;background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-md);display:grid;gap:4px;grid-template-columns:repeat(10,minmax(40px,1fr));grid-template-rows:repeat(10,40px);margin:10px auto;max-width:600px;padding:15px;width:100%}.hundred-chart-cell{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:default;display:flex;font-size:16px;justify-content:center;min-height:40px;padding:4px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hundred-chart-cell:hover{background-color:var(--bg-secondary);border-color:var(--border-light)}.hundred-chart-cell.highlighted{background-color:var(--primary-color);border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:scale(1.05);z-index:1}.hundred-chart-cell.highlighted:hover{background-color:var(--primary-light)}.hundred-chart-number{color:var(--text-primary);font-size:1rem;font-weight:500}.place-value-blocks{background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:1rem auto;padding:1rem;width:fit-content}.operands-container{align-items:center;display:flex;flex-direction:column}.operand-row{align-items:center;margin:.5rem 0}.blocks-container,.operand-row{display:flex;justify-content:center}.blocks-container{align-items:flex-start;gap:1rem;margin:0 auto}.operation-symbol{margin:0 1rem}.hundreds-columns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.hundred-block{background-color:var(--bg-tertiary);border-radius:4px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2px;padding:4px}.hundred-block.with-tens-ones{height:90px;position:relative;width:90px}.hundred-grid{flex-direction:column;left:4px;position:absolute;top:4px}.hundred-grid,.hundred-row{display:flex;gap:2px}.hundred-cube{height:8px;width:8px}.tens-ones-container{background-color:#f8f9fae6;background-color:rgba(var(--bg-secondary-rgb),.9);border-radius:2px;display:flex;gap:4px;left:50%;padding:2px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:root{--bg-secondary-rgb:248,249,250}.tens-columns{display:flex;gap:.5rem}.ten-block{grid-gap:2px;box-shadow:var(--shadow-sm);display:grid;gap:2px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(10,1fr)}.ones-column,.ten-block{background-color:var(--bg-tertiary);border-radius:4px;padding:4px}.ones-column{display:flex;flex-direction:row;gap:.5rem}.ones-group{display:flex;flex-direction:column;gap:4px;width:20px}.unit-cube{border-radius:2px;box-shadow:var(--shadow-sm)}.unit-cube.operand1{background-color:var(--primary-color)}.unit-cube.operand2{background-color:var(--secondary-color)}.ten-cube{height:6px;width:6px}.ones-cube{height:10px;width:10px}.blocks-container>.tens-columns .ten-cube{height:12px;width:12px}.blocks-container>.ones-column .ones-cube{height:20px;width:20px}.array-visual{align-items:center;margin:10px 0}.array-grid,.array-visual{display:flex;flex-direction:column}.array-grid{gap:4px;margin:0}.array-row{display:flex;gap:4px}.array-cell{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-sm);display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.array-dot{background-color:var(--primary-color);border-radius:4px;height:100%;width:100%}.array-cell.empty{background-color:initial;border-style:dashed}.array-cell.empty:after{background-color:var(--bg-tertiary);border-radius:4px;content:"";display:block;height:100%;opacity:.5;width:100%}.auth-container{display:flex;justify-content:center;padding:var(--space-8) var(--space-4)}.auth-paper.MuiPaper-root{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;max-width:380px;padding:var(--space-8);position:relative;width:100%}.auth-paper.auth-paper-wide.MuiPaper-root{max-width:640px}.auth-back-button{color:var(--fg-muted)!important;left:var(--space-4);position:absolute;top:var(--space-4)}.auth-title{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:1.75rem!important;font-weight:600!important;margin-bottom:var(--space-6)!important;text-align:center}.auth-error{margin-bottom:var(--space-4)!important}.auth-form{display:flex;flex-direction:column}.auth-links{color:var(--fg-muted)}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-back-link{background:none;border:none;color:var(--fg-muted);cursor:pointer;font:inherit;padding:0}.auth-back-link:hover{color:var(--fg)}.role-choice-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media (max-width:540px){.role-choice-grid{grid-template-columns:1fr}}.role-choice{align-items:center;background-color:var(--surface);border:2px solid var(--stroke);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);text-align:center;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.role-choice:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-choice-icon{color:var(--accent);font-size:40px!important}.role-choice-title{font-size:1.125rem;font-weight:600}.role-choice-sub{color:var(--fg-muted);font-size:.875rem}.google-login-button.MuiButton-root{background-color:#4285f4!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 14px #4285f44d;color:#fff!important;font-size:1rem!important;padding:.75rem!important;width:100%!important}.google-login-button.MuiButton-root:hover{background-color:#357ae8!important;box-shadow:0 6px 18px #4285f473}.footer-paper.MuiPaper-root{background-color:var(--canvas)!important;border-top:1px solid var(--stroke);box-shadow:none!important;color:var(--fg-muted);margin-top:auto;padding:var(--space-6) 0;width:100%}.footer-container{margin:0 auto;max-width:var(--content-max)!important;padding:0 var(--space-6)}.footer-content{width:100%}.footer-grid{grid-gap:var(--space-4);align-items:center;display:grid;gap:var(--space-4);grid-template-columns:1fr auto}.footer-copyright{color:var(--fg-subtle);font-size:.85rem}.footer-links{align-items:center;color:var(--fg-subtle);display:flex;gap:var(--space-3)}.footer-link{color:var(--fg-muted)!important;font-size:.85rem;text-decoration:none!important;transition:color var(--dur-fast) var(--ease)}.footer-link:hover{color:var(--brand-400)!important;text-decoration:none!important}.footer-separator{color:var(--fg-subtle);font-size:.85rem;opacity:.6}@media (max-width:600px){.footer-grid{gap:var(--space-3);grid-template-columns:1fr;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.footer-container{padding:0 var(--space-4)}}.header.MuiAppBar-root{backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);background-color:color-mix(in srgb,var(--canvas) 80%,#0000);border-bottom:1px solid var(--stroke);box-shadow:none!important;color:var(--fg);height:var(--header-h);justify-content:center;left:0;min-height:var(--header-h);position:fixed!important;right:0;top:0;z-index:1100}.header-toolbar{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin:0 auto;max-width:var(--content-max);min-height:var(--header-h)!important;padding:0 var(--space-5)!important;position:relative;width:100%}.header-left,.header-right{align-items:center;display:flex;gap:var(--space-2)}.header-brand{align-items:center;background:#0000;border:0;border-radius:var(--radius-md);color:var(--fg);cursor:pointer;display:inline-flex;gap:var(--space-3);left:50%;padding:var(--space-1) var(--space-2);position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.header-brand:hover{background-color:var(--surface-2);transform:translate(-50%,calc(-50% - 1px))}.header-logo{border-radius:6px;height:32px;object-fit:contain;width:auto}.header-title.MuiTypography-root{color:var(--fg)!important;font-family:var(--font-display)!important;font-size:1.1rem!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1!important;margin:0!important;text-transform:uppercase}.theme-toggle.MuiIconButton-root{border:1px solid var(--stroke);border-radius:var(--radius-md);color:var(--fg-muted);padding:6px}.theme-toggle.MuiIconButton-root:hover{background-color:var(--surface-2);border-color:var(--stroke-strong);color:var(--fg)}.theme-toggle svg{font-size:1.2rem}.header-signin-btn.MuiButton-root{font-size:.9rem!important;padding:.45rem 1rem!important}.header-menu-container{display:inline-flex;position:relative}.header-menu-container>.MuiIconButton-root{border:1px solid var(--stroke);border-radius:var(--radius-md);color:var(--fg-muted);padding:6px}.header-menu-container>.MuiIconButton-root:hover{background-color:var(--surface-2);border-color:var(--stroke-strong);color:var(--fg)}.header-menu-container:hover>.MuiIconButton-root{background-color:var(--surface-2);border-color:var(--brand-500);color:var(--brand-400)}.header-menu-container:hover .header-menu{display:block}.header-menu.MuiPaper-root{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--fg)!important;display:none;min-width:220px;padding:.35rem;position:absolute;top:calc(100% + 8px);z-index:1200}.header-menu.left{left:0}.header-menu.right{right:0}.menu-item-container{position:relative}.menu-item-container:hover .submenu{display:block}.submenu.MuiPaper-root{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--fg)!important;display:none;left:calc(100% + 4px);min-width:200px;padding:.35rem;position:absolute;top:0;z-index:1201}.menu-item.MuiMenuItem-root{align-items:center!important;background-color:initial!important;border-radius:var(--radius-sm);color:var(--fg-muted)!important;display:flex!important;font-size:.92rem;gap:var(--space-4);justify-content:space-between!important;padding:.55rem .75rem!important;position:relative;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.menu-item.MuiMenuItem-root:hover{background-color:var(--surface-2)!important;color:var(--fg)!important}.grade-label{flex:1 1}.grade-progress{background:rgba(var(--brand-rgb),.12);border-radius:var(--radius-pill);color:var(--brand-400);font-size:.85em;font-weight:600;padding:.12rem .5rem}.MuiDialog-paper{background-color:var(--surface)!important;border:1px solid var(--stroke);border-radius:var(--radius-lg)!important}.MuiDialog-paper,.MuiDialogContent-root,.MuiDialogTitle-root{color:var(--fg)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--stroke)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-strong)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand-500)!important}.MuiInputLabel-root{color:var(--fg-muted)!important}.MuiInputLabel-root.Mui-focused{color:var(--brand-500)!important}.MuiInputBase-input{color:var(--fg)!important}@media (max-width:720px){.header-title.MuiTypography-root{display:none}.header-logo{height:28px}.header-signin-btn.MuiButton-root{font-size:.85rem!important;padding:.35rem .8rem!important}.header-toolbar{gap:var(--space-2);padding:0 var(--space-4)!important}}@media (max-width:360px){.header-brand{padding:0}}.home{color:var(--fg);display:flex;flex-direction:column;gap:var(--space-16);padding-bottom:var(--space-20)}.section-inner{margin:0 auto;max-width:var(--content-max);padding:0 var(--space-6);width:100%}.section-head{margin:0 auto var(--space-10);max-width:640px;text-align:center}.section-kicker{align-items:center;background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.25);border-radius:var(--radius-pill);color:var(--brand-400);display:inline-flex;font-family:var(--font-sans);font-size:.8rem;font-weight:600;gap:.4em;letter-spacing:.12em;margin-bottom:var(--space-4);padding:.35rem .75rem;text-transform:uppercase}.section-title{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--space-3)}.section-lead{color:var(--fg-muted);font-size:var(--fs-lg);line-height:1.6;margin:0}.hero{overflow:hidden;padding:var(--space-16) 0 var(--space-10);position:relative}.hero:before{background:radial-gradient(700px 400px at 15% 10%,rgba(var(--brand-rgb),.22),#0000 60%),radial-gradient(700px 400px at 85% 20%,rgba(var(--accent-rgb),.18),#0000 60%);content:"";height:120%;inset:-10% -10% auto -10%;pointer-events:none;position:absolute;z-index:0}.hero-inner{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin:0 auto;max-width:var(--content-max);padding:0 var(--space-6);position:relative;width:100%;z-index:1}.hero-copy{min-width:0}.hero-eyebrow{align-items:center;background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.3);border-radius:var(--radius-pill);color:var(--brand-400);display:inline-flex;font-size:.85rem;font-weight:600;gap:.35em;letter-spacing:.02em;margin-bottom:var(--space-5);padding:.4rem .8rem}.hero-title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 var(--space-5)}.hero-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000;white-space:nowrap}.hero-subtitle{color:var(--fg-muted);font-size:var(--fs-lg);line-height:1.6;margin:0 0 var(--space-8);max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-cta-primary.MuiButton-root{font-size:1rem!important;padding:.8rem 1.5rem!important}.hero-cta-secondary.MuiButton-root{font-size:1rem!important;padding:.8rem 1.4rem!important}.hero-trust{color:var(--fg-subtle);display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--space-4);list-style:none;margin:0;padding:0}.hero-trust li{align-items:center;display:inline-flex;gap:.4em}.hero-trust li:before{background:var(--brand-500);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.hero-visual{aspect-ratio:1/1;margin:0 auto;max-width:480px;position:relative;width:100%}.hero-orbit{animation:orbit 14s linear infinite;background:conic-gradient(from 90deg,#0000 0,rgba(var(--brand-rgb),.35) 25%,rgba(var(--accent-rgb),.35) 50%,rgba(var(--brand-rgb),.35) 75%,#0000 100%);border-radius:50%;filter:blur(42px);inset:8%;position:absolute;z-index:0}@keyframes orbit{to{transform:rotate(1turn)}}.hero-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:220px;padding:1rem 1.25rem;position:absolute;z-index:1}.hero-card-a{animation:floatA 6s ease-in-out infinite;left:6%;top:14%;z-index:3}.hero-card-b{animation:floatB 7s ease-in-out infinite;left:40%;top:58%;z-index:2}.hero-card-c{animation:floatC 8s ease-in-out infinite;right:2%;top:4%;z-index:2}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-card-label{color:var(--fg-subtle);font-size:.78rem;font-weight:600;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.hero-problem{align-items:center;color:var(--fg);display:flex;font-family:var(--font-display);font-size:1.6rem;font-weight:600;gap:.5rem}.hero-problem-sm{font-family:var(--font-mono);font-size:1.05rem}.hero-frac sub,.hero-frac sup{display:inline-block;font-size:.55em}.hero-op{color:var(--fg-muted);padding:0 .15rem}.hero-input{align-items:center;background:rgba(var(--brand-rgb),.08);border:2px dashed var(--brand-500);border-radius:var(--radius-sm);color:var(--brand-400);display:inline-flex;height:2.25rem;justify-content:center;width:2.25rem}.hero-progress{background:var(--surface-2);border-radius:3px;height:6px;margin-top:.9rem;overflow:hidden}.hero-progress span{background:var(--gradient-brand);border-radius:3px;display:block;height:100%}.hero-meta{color:var(--fg-subtle);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.hero-time{color:var(--fg-muted);font-family:var(--font-mono)}.hero-chip{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-pill);color:var(--fg-muted);display:inline-block;font-size:.78rem;font-weight:600;margin-top:.6rem;padding:.25rem .6rem}.hero-chip-success{background:#22c55e1f;border-color:#22c55e59;color:var(--success)}.grade-ladder .ladder-rows{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:900px}.ladder-row{grid-gap:var(--space-4);align-items:center;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);grid-template-columns:140px 1fr;padding:var(--space-4)}.ladder-label{color:var(--fg);font-size:.95rem;font-weight:600;letter-spacing:.02em}.ladder-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ladder-chip{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-pill);color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:.5rem .9rem;transition:all var(--dur-fast) var(--ease)}.ladder-chip:hover{background:var(--gradient-brand);border-color:#0000;box-shadow:0 6px 14px rgba(var(--brand-rgb),.3);color:#fff;transform:translateY(-2px)}.steps{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.step{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-6);position:relative}.step-num{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:var(--space-3)}.step-num,.step-title{font-family:var(--font-display)}.step-title{color:var(--fg);font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--space-2)}.step-desc{color:var(--fg-muted);font-size:.95rem;line-height:1.6;margin:0}.features-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.feature-card:before{background:radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.35),#0000 70%);content:"";height:40px;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:40px}.feature-card:hover{border-color:rgba(var(--brand-rgb),.5);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{align-items:center;background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.25);border-radius:12px;color:var(--brand-400);display:inline-flex;height:44px;justify-content:center;margin-bottom:var(--space-4);width:44px}.feature-icon svg{font-size:22px}.feature-title{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--space-2)}.feature-description{color:var(--fg-muted);font-size:.95rem;line-height:1.6;margin:0}.teachers-card{grid-gap:var(--space-10);align-items:center;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-xl);display:grid;gap:var(--space-10);grid-template-columns:1fr 1fr;overflow:hidden;padding:var(--space-10);position:relative}.teachers-card:before{background:radial-gradient(closest-side,rgba(var(--accent-rgb),.18),#0000 70%);content:"";height:140%;inset:-40% -10% auto auto;pointer-events:none;position:absolute;width:60%}.teachers-copy{position:relative;z-index:1}.teachers-copy .section-kicker{margin-bottom:var(--space-3)}.teachers-copy .section-lead,.teachers-copy .section-title{text-align:left}.teachers-bullets{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:var(--space-6) 0;padding:0}.teachers-bullets li{align-items:flex-start;color:var(--fg-muted);display:flex;font-size:.95rem;gap:.6rem;line-height:1.5}.teachers-bullets svg{color:var(--brand-400);flex-shrink:0;margin-top:.12rem}.teachers-cta.MuiButton-root{font-size:.95rem!important;padding:.7rem 1.3rem!important}.teachers-preview{position:relative;z-index:1}.roster{background:var(--canvas);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.roster-row{grid-gap:var(--space-3);align-items:center;border-bottom:1px solid var(--stroke);color:var(--fg);display:grid;font-size:.9rem;gap:var(--space-3);grid-template-columns:1.2fr 1.4fr .6fr;padding:.7rem 1rem}.roster-row:last-child{border-bottom:0}.roster-head{background:var(--surface-2);color:var(--fg-subtle);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.roster-name{color:var(--fg);font-weight:500}.roster-pct{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:1fr auto;position:relative}.roster-bar{background:var(--gradient-brand);border-radius:3px;display:block;height:6px}.roster-pct b{font-feature-settings:"tnum";color:var(--fg);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.roster-best{color:var(--fg-muted);font-family:var(--font-mono);font-size:.85rem;text-align:right}.benefits .section-head{margin-bottom:var(--space-8)}.stats-row{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.stat-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-6);position:relative;text-align:center}.stat-card:before{background:var(--gradient-brand);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-number{font-feature-settings:"tnum";color:var(--fg);display:block;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-2)}.stat-label{color:var(--fg-muted);display:block;font-size:.95rem;font-weight:500}@media (max-width:960px){.home{gap:var(--space-12)}.hero{padding:var(--space-10) 0 var(--space-8)}.hero-inner{gap:var(--space-8);grid-template-columns:1fr}.hero-copy{margin:0 auto;order:1;text-align:center}.hero-copy .hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-trust{justify-content:center}.hero-visual{max-width:360px;order:2}.features-grid{grid-template-columns:repeat(2,1fr)}.steps,.teachers-card{grid-template-columns:1fr}.teachers-card{gap:var(--space-6);padding:var(--space-8)}.stats-row{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hero-inner,.section-inner{padding:0 var(--space-4)}.hero-inner{gap:var(--space-6)}.hero{padding:var(--space-8) 0 var(--space-6)}.hero-title{font-size:clamp(2rem,8vw,2.6rem)}.hero-cta .MuiButton-root{width:100%}.hero-cta{flex-direction:column}.hero-visual{max-width:320px}.hero-card{min-width:180px;padding:.75rem .9rem}.hero-card-a{left:0;top:14%}.hero-card-b{left:30%;top:62%}.hero-card-c{right:-2%;top:2%}.features-grid,.ladder-row{grid-template-columns:1fr}.ladder-row{gap:var(--space-2)}.stats-row{grid-template-columns:1fr}.roster-row{grid-template-columns:1fr 1.4fr .7fr;padding:.6rem .8rem}}.grade-landing{color:var(--fg);margin:0 auto;max-width:var(--content-max);padding:var(--space-6) var(--space-5) var(--space-10);width:100%}.grade-header{margin-bottom:var(--space-5)}.grade-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.grade-title-row h1{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;margin:0;text-align:left}.spacer{flex:1 1}.hide-completed-toggle{align-items:center;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;gap:var(--space-2);padding:.45rem .85rem;transition:all var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none}.hide-completed-toggle:hover{background:var(--surface-2);border-color:var(--brand-500)}.hide-completed-toggle input[type=checkbox]{accent-color:var(--brand-500);cursor:pointer;height:16px;margin:0;width:16px}.hide-completed-toggle span{color:var(--fg);font-size:.85rem;font-weight:500;white-space:nowrap}.youtube-btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;justify-content:center;overflow:hidden;text-decoration:none;transition:transform var(--dur-fast) var(--ease)}.youtube-btn:hover{transform:scale(1.08)}.completion-status{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.completion-text{align-items:center;color:var(--fg);display:flex;flex-wrap:wrap;font-size:.95rem;gap:var(--space-2);margin-bottom:var(--space-2)}.completion-percentage{font-feature-settings:"tnum";border-radius:var(--radius-pill);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700;padding:.2rem .65rem;transition:all .3s ease}.completion-percentage.complete{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 6px #22c55e4d;color:#fff}.completion-percentage.high{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.completion-percentage.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.completion-percentage.low{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.completion-percentage.very-low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.completion-bar{background:var(--canvas);border:1px solid var(--stroke);border-radius:5px;height:10px;overflow:hidden}.completion-progress{border-radius:5px;height:100%;position:relative;transition:width .3s ease,background .3s ease}.completion-progress.complete{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e80}.completion-progress.high{background:linear-gradient(90deg,#3b82f6,#2563eb)}.completion-progress.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.completion-progress.low{background:linear-gradient(90deg,#f97316,#ea580c)}.completion-progress.very-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.topics{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));width:100%}.topic-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.topic-card:hover{border-color:rgba(var(--brand-rgb),.35)}.topic-header{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin:calc(var(--space-2)*-1);margin-bottom:var(--space-3);padding:var(--space-2);transition:background-color var(--dur-fast) var(--ease)}.topic-header:hover{background-color:var(--surface-2)}.topic-header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.collapse-icon.MuiSvgIcon-root{color:var(--fg-muted)!important;transition:transform .3s ease!important}.collapse-icon.expanded{transform:rotate(180deg)}.topic-card h2{color:var(--fg);font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0}.topic-completion{font-feature-settings:"tnum";align-items:center;border:1px solid #0000;border-radius:var(--radius-pill);display:inline-flex;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:700;gap:.3rem;padding:.35rem .85rem;transition:all .3s ease}.topic-completion.complete{animation:pulse-complete 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;box-shadow:0 2px 8px #22c55e66;color:#fff}.topic-completion.high{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.topic-completion.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.topic-completion.low{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.topic-completion.very-low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.topic-completion .checkmark{animation:checkmark-bounce .6s ease;font-size:1.15rem}@keyframes pulse-complete{0%,to{box-shadow:0 2px 8px #22c55e66}50%{box-shadow:0 4px 16px #22c55e99}}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.levels-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--space-2) 0 0}.level-rectangle{align-items:center;background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;min-height:52px;padding:.7rem 1rem;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.level-rectangle:hover{background:var(--surface);border-color:var(--brand-500);box-shadow:var(--shadow-sm);transform:translateX(3px)}.level-rectangle.completed{background:linear-gradient(135deg,rgba(var(--brand-rgb),.9) 0,rgba(var(--accent-rgb),.85) 100%);border-color:#0000;box-shadow:0 4px 14px rgba(var(--brand-rgb),.25);color:#fff}.level-rectangle.completed.complete{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.level-rectangle.completed.high{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.level-rectangle.completed.medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.level-rectangle.completed.low{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 14px #f973164d}.level-rectangle.completed.very-low{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.level-rectangle.completed:hover{filter:brightness(1.08)}.level-rectangle .activity-title{color:inherit;flex:1 1;font-size:.92rem;font-weight:500;line-height:1.35;text-align:left}.level-rectangle.completed .activity-title{color:#fff}.level-rectangle .completion-time{font-feature-settings:"tnum";background:var(--canvas);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--fg-muted);font-family:var(--font-mono);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:56px;padding:.25rem .65rem;text-align:center}.level-rectangle.completed .completion-time{background:#ffffff2e;border-color:#ffffff40;color:#fff}.level-square{align-items:center;background:var(--surface-2);border:2px solid var(--stroke-strong);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;display:flex;flex:0 0 46px;justify-content:center;max-height:46px;max-width:46px;min-height:46px;min-width:46px;position:relative;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.level-square.completed{background:var(--gradient-brand);border-color:#0000;color:#fff}.level-square.quiz{border-color:var(--brand-500)}.level-square.quiz.completed{background:var(--gradient-brand)}.level-square .completion-count{color:#fff;font-size:1rem;font-weight:700}.level-square:hover{transform:translateY(-2px)}.level-square:before{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-sm);bottom:100%;box-shadow:var(--shadow-sm);color:var(--fg);content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:.4rem .6rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--dur-fast) ease;visibility:hidden;white-space:nowrap;z-index:1000}.level-square:hover:before{bottom:calc(100% + 6px);opacity:1;visibility:visible}.topic-header-standards{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:var(--space-2)}.standard-badge{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--fg-muted);cursor:default;display:inline-block;font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.25rem .6rem;transition:all var(--dur-fast) var(--ease)}.standard-badge:hover{background:var(--brand-500);border-color:var(--brand-500);box-shadow:0 2px 6px rgba(var(--brand-rgb),.3);color:#fff;transform:translateY(-1px)}.grade-standards-section{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);margin-top:var(--space-8);padding:var(--space-6)}.standards-section-title{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.01em;margin:0 0 var(--space-5) 0}.standards-grade-block{margin-bottom:var(--space-5)}.standards-grade-block:last-child{margin-bottom:0}.standards-grade-title{border-bottom:1px solid var(--stroke);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.01em;margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2)}.standards-domain{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden}.standards-domain-header{align-items:center;cursor:pointer;display:flex;padding:.7rem .9rem;transition:background-color var(--dur-fast) var(--ease)}.standards-domain-header:hover{background-color:var(--surface-3)}.standards-domain-title{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;margin:0}.standards-domain-content{padding:0 var(--space-4) var(--space-3)}.standards-cluster{margin-bottom:var(--space-3);padding-left:var(--space-2)}.standards-cluster-name{color:var(--fg-muted);font-size:1.05rem;font-style:italic;font-weight:500;margin-bottom:var(--space-2)}.standards-items{list-style:none;margin:0;padding:0}.standards-item{color:var(--fg);display:flex;font-size:1rem;gap:var(--space-3);line-height:1.6;padding:var(--space-2) 0}.standards-item-code{color:var(--brand-400);font-family:var(--font-mono);font-weight:600;min-width:fit-content;white-space:nowrap}.standards-item-text{color:var(--fg)}.error-message{color:var(--danger);padding:var(--space-4);text-align:center}.loading{color:var(--fg-muted);padding:var(--space-8);text-align:center}@media (max-width:768px){.grade-landing{padding:var(--space-4) var(--space-3) var(--space-8)}.grade-title-row{flex-wrap:wrap;gap:var(--space-2)}.grade-title-row h1{font-size:var(--fs-xl)}.spacer{flex-basis:100%;height:0}.hide-completed-toggle{flex:1 1;justify-content:center}.hide-completed-toggle span{font-size:.8rem}.levels-list,.topics{grid-template-columns:1fr}.level-rectangle .activity-title{font-size:.88rem}.level-rectangle .completion-time{font-size:.78rem;min-width:50px}}.legal-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:calc(100vh - 200px);padding:2rem 1rem}.legal-paper{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important}.legal-title{color:var(--primary-light)!important;font-weight:600!important;margin-bottom:2rem!important}.legal-section-title{color:var(--secondary-light)!important;font-weight:500!important}.legal-text{color:var(--text-secondary)!important;line-height:1.6!important}.legal-updated{color:var(--text-light)!important;font-style:italic!important}:root,[data-theme=dark]{--brand-500:#6366f1;--brand-400:#818cf8;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-50:#eef2ff;--accent-500:#ec4899;--accent-400:#f472b6;--accent-600:#db2777;--canvas:#0b1220;--surface:#111a2e;--surface-2:#1a2544;--surface-3:#25335a;--fg:#f1f5f9;--fg-muted:#cbd5e1;--fg-subtle:#94a3b8;--stroke:#2a3557;--stroke-strong:#3c4a78;--success:#22c55e;--success-fg:#dcfce7;--warning:#f59e0b;--warning-fg:#fef3c7;--danger:#ef4444;--danger-fg:#fee2e2;--info:#3b82f6;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 20px 40px #00000073;--gradient-brand:linear-gradient(135deg,var(--brand-500) 0%,var(--accent-500) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-400) 0%,var(--brand-400) 100%);--canvas-backdrop:radial-gradient(1200px 600px at 85% -10%,#ec48991a,#0000 60%),radial-gradient(900px 500px at 10% 10%,#6366f11f,#0000 55%),var(--canvas);--brand-rgb:99,102,241;--accent-rgb:236,72,153;--primary-color:var(--brand-500);--primary-light:var(--brand-400);--primary-dark:var(--brand-600);--primary-color-rgb:var(--brand-rgb);--secondary-color:var(--accent-500);--secondary-light:var(--accent-400);--secondary-dark:var(--accent-600);--bg-primary:var(--canvas);--bg-secondary:var(--surface);--bg-tertiary:var(--surface-2);--text-primary:var(--fg);--text-secondary:var(--fg-muted);--text-light:var(--fg-subtle);--border-color:var(--stroke);--border-light:var(--stroke-strong);--border-dark:var(--stroke);--success-color:var(--success);--warning-color:var(--warning);--danger-color:var(--danger);--error-color:var(--danger);--error-dark:#b91c1c;--info-color:var(--info);--gradient-primary:var(--gradient-brand);--gradient-secondary:var(--gradient-accent)}[data-theme=light]{--brand-500:#4f46e5;--brand-400:#6366f1;--brand-600:#4338ca;--brand-700:#3730a3;--brand-50:#eef2ff;--accent-500:#db2777;--accent-400:#ec4899;--accent-600:#be185d;--canvas:#f6f7fb;--surface:#fff;--surface-2:#f1f3f9;--surface-3:#e5e9f3;--fg:#0f172a;--fg-muted:#334155;--fg-subtle:#64748b;--stroke:#e2e8f0;--stroke-strong:#cbd5e1;--success:#16a34a;--success-fg:#065f46;--warning:#d97706;--warning-fg:#78350f;--danger:#dc2626;--danger-fg:#7f1d1d;--info:#2563eb;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 2px 6px #0f172a14;--shadow-md:0 8px 20px #0f172a1a;--shadow-lg:0 20px 40px #0f172a24;--canvas-backdrop:radial-gradient(1200px 600px at 85% -10%,#ec489914,#0000 60%),radial-gradient(900px 500px at 10% 10%,#4f46e51a,#0000 55%),var(--canvas);--brand-rgb:79,70,229;--accent-rgb:219,39,119}[data-theme=light] .header.MuiAppBar-root{background-color:#ffffffd1}[data-theme=light] .grade-progress-item:focus-visible,[data-theme=light] .grade-progress-item:hover{background-color:#25335a;background-color:var(--surface-3);box-shadow:0 4px 14px #0f172a14}[data-theme=light] .level-rectangle:hover{background:#eef2ff;background:var(--brand-50);border-color:#6366f1;border-color:var(--brand-500)}[data-theme=light] .topic-header:hover{background-color:#25335a;background-color:var(--surface-3)}[data-theme=light] .feature-card:hover{border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 10px 28px #4f46e51f}[data-theme=light] .time-card.MuiPaper-root:hover{border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 4px 14px #0f172a14!important}[data-theme=light] .step{box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .feature-card,[data-theme=light] .stat-card,[data-theme=light] .step,[data-theme=light] .teachers-card{box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .hero-card{box-shadow:0 12px 28px #0f172a1a}[data-theme=light] .ladder-chip:hover{box-shadow:0 6px 14px #4f46e540}[data-theme=light] .hero-orbit{opacity:.5}[data-theme=light] .table-container::-webkit-scrollbar-thumb{background:#3c4a78;background:var(--stroke-strong)}[data-theme=light] .table-container::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--brand-500)}:root{--fs-xs:clamp(0.72rem,0.70rem + 0.10vw,0.80rem);--fs-sm:clamp(0.85rem,0.82rem + 0.15vw,0.95rem);--fs-md:clamp(0.95rem,0.92rem + 0.20vw,1.05rem);--fs-lg:clamp(1.10rem,1.05rem + 0.30vw,1.25rem);--fs-xl:clamp(1.35rem,1.25rem + 0.50vw,1.60rem);--fs-2xl:clamp(1.70rem,1.50rem + 1.00vw,2.10rem);--fs-3xl:clamp(2.10rem,1.70rem + 2.00vw,3.00rem);--fs-4xl:clamp(2.75rem,2.00rem + 3.50vw,4.25rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--ease:cubic-bezier(0.4,0,0.2,1);--dur-fast:140ms;--dur:220ms;--dur-slow:380ms;--header-h:64px;--content-max:1200px;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace}.MuiButton-root{border-radius:var(--radius-md)!important;font-weight:500!important;text-transform:none!important}.app-btn.MuiButton-root,button.app-btn{border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;letter-spacing:0;padding:.6rem 1.1rem;text-transform:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.app-btn-primary.MuiButton-root{background:var(--gradient-brand)!important;border:0!important;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35);color:#fff!important}.app-btn-primary.MuiButton-root:hover{box-shadow:0 10px 24px rgba(var(--brand-rgb),.45);transform:translateY(-1px)}.app-btn-primary.MuiButton-root:disabled{box-shadow:none;opacity:.6}.app-btn-ghost.MuiButton-root{background:#0000!important;border:1px solid var(--stroke-strong)!important;color:var(--fg)!important}.app-btn-ghost.MuiButton-root:hover{background:var(--surface-2)!important;border-color:var(--brand-500)!important;color:var(--fg)!important}.app-btn-soft.MuiButton-root{background:var(--surface-2)!important;border:1px solid var(--stroke)!important;color:var(--fg)!important}.app-btn-soft.MuiButton-root:hover{background:var(--surface-3)!important}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:dark}[data-theme=light]{color-scheme:light}body,html{margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--canvas-backdrop);background-attachment:fixed;color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.55;text-rendering:optimizeLegibility}.app-container{display:flex;flex-direction:column;min-height:100vh}main.main-content{display:flex;flex:1 1;flex-direction:column;padding-top:var(--header-h)}h1,h2,h3,h4,h5{color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2}h1,h2,h3,h4,h5,p{margin:0 0 var(--space-4)}p{color:var(--fg-muted)}a{color:var(--brand-400);text-decoration:none}a:hover{color:var(--brand-500)}::selection{background:rgba(var(--brand-rgb),.35);color:var(--fg)}:focus-visible{border-radius:4px;outline:2px solid var(--brand-500);outline-offset:2px}.container{margin:0 auto;max-width:var(--content-max);padding:0 var(--space-6);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-2)}.gap-2{gap:var(--space-4)}.gap-4{gap:var(--space-8)}.paper{background-color:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.paper-dark{background-color:var(--canvas)}.paper-light{background-color:var(--surface-2)}.title{color:var(--fg);font-weight:600;margin-bottom:var(--space-4)}.title-lg{font-size:var(--fs-2xl)}.title-md{font-size:var(--fs-xl)}.title-sm{font-size:var(--fs-lg)}.text-primary{color:var(--fg)}.text-secondary{color:var(--fg-muted)}.text-center{text-align:center}.hover-elevate{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.hover-elevate:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.transition-fast{transition:all var(--dur-fast) var(--ease)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-4{padding:2rem}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.flex-center{align-items:center;display:flex;justify-content:center}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=main.51eff92a.css.map*/