:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary:#1e40af;--secondary:#0f766e;--tertiary:#1e3a8a;--cta:#0e7490;--cta-label:#fff;--success:#059669;--warning:#d97706;--danger:#dc2626;--danger-label:#fff;--info:#0284c7;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-display:3.815rem;--text-h1:3.052rem;--text-h2:2.441rem;--text-h3:1.953rem;--text-h4:1.563rem;--text-body-lg:1.25rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f, 0 1px 1px #0000000a;--shadow-md:0 4px 8px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 12px 24px #0000001a, 0 6px 12px #0000000f;--motion-fast:.12s;--motion-normal:.22s;--motion-slow:.36s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--measure:66ch;--page-max:72rem;--desktop:1024px;--focus-ring:2px solid var(--primary);--focus-offset:2px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#111a2c;--border:#1f2a44;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#60a5fa;--secondary:#2dd4bf;--tertiary:#93c5fd;--cta:#0e7490;--cta-label:#fff;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--danger-label:#16181c;--info:#38bdf8}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s;--motion-slow:0s}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.6}#root{min-height:100vh}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--primary);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--tertiary)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--space-3);color:var(--text-primary);line-height:1.15}h1{font-size:clamp(2rem, 4vw, var(--text-h1));font-weight:800;line-height:1.1}h2{font-size:clamp(1.75rem, 3vw, var(--text-h2));font-weight:700}h3{font-size:clamp(1.4rem, 2.5vw, var(--text-h3));font-weight:700}h4{font-size:var(--text-h4);font-weight:700}p{margin:0 0 var(--space-4);max-width:var(--measure);line-height:1.6}p:last-child{margin-bottom:0}.measure{max-width:var(--measure)}.sr-only,input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-default), border-color var(--motion-fast) var(--ease-default), color var(--motion-fast) var(--ease-default), opacity var(--motion-fast) var(--ease-default);border:2px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--cta);color:var(--cta-label)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible,.btn--primary:active:not(:disabled){color:var(--cta-label)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--cta) 92%, #000)}.btn--primary:active:not(:disabled){background:color-mix(in srgb, var(--cta) 88%, #000)}.btn--secondary{color:var(--primary);border-color:var(--primary);background:0 0}.btn--secondary:hover:not(:disabled),.btn--secondary:focus-visible,.btn--secondary:active:not(:disabled){color:var(--primary)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, transparent)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.btn--danger{background:var(--danger);color:var(--danger-label);font-weight:700}.btn--danger:hover:not(:disabled),.btn--danger:focus-visible,.btn--danger:active:not(:disabled){color:var(--danger-label)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 92%, #000)}.btn--danger:active:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, #000)}.btn--busy{position:relative}.field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.field__label{font-size:var(--text-body-sm);color:var(--text-primary);font-weight:500}.field__hint{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.field__error{font-size:var(--text-body-sm);color:var(--danger);max-width:none;margin:0}.input,.textarea{width:100%;min-height:44px;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);transition:border-color var(--motion-fast) var(--ease-default)}.input::placeholder,.textarea::placeholder{color:var(--text-muted);opacity:1}.textarea{resize:vertical;min-height:6rem}.input:focus,.textarea:focus{border-color:var(--primary);outline:none}.input:focus-visible,.textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input--error,.textarea--error{border-color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.chip{align-items:center;gap:var(--space-1);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption);letter-spacing:.02em;text-transform:uppercase;font-weight:600;display:inline-flex}.chip--tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.chip--sample{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info);border:none}.chip--status{background:color-mix(in srgb, var(--secondary) 15%, transparent);color:var(--secondary)}.eyebrow{align-items:center;gap:var(--space-2);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600;display:inline-flex}.eyebrow__dot{border-radius:var(--radius-full);background:var(--tertiary);width:6px;height:6px}.toast{z-index:50;right:var(--space-4);bottom:var(--space-4);max-width:22rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-in var(--motion-normal) var(--ease-default);border-left-width:4px;position:fixed}.toast--success{border-left-color:var(--success)}.toast--danger{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + 4rem);max-width:none}}.empty-state{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.empty-state__icon{color:var(--text-muted);flex-shrink:0}.empty-state--warm{border-style:solid;border-color:color-mix(in srgb, var(--warning) 40%, var(--border));border-left:3px solid var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface));box-shadow:0 8px 24px color-mix(in srgb, var(--warning) 12%, transparent)}.empty-state--warm .empty-state__icon{color:var(--warning)}.mascot{filter:drop-shadow(0 1px 2px #0f172a2e);flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.mascot img{object-fit:contain;width:100%;height:100%;display:block}.mascot--nav{width:2rem;height:2rem}.mascot--sm{width:4.5rem;height:4.5rem}.mascot--hero{width:clamp(5.5rem,18vw,7.5rem);height:clamp(5.5rem,18vw,7.5rem)}[data-theme=dark] .mascot{filter:drop-shadow(0 1px 3px #00000073)}.icon{color:currentColor;vertical-align:middle;flex-shrink:0;display:inline-block}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.nav-link-with-icon{gap:var(--space-2)}.mobile-nav a .icon{margin-bottom:1px}.input-with-action{align-items:center;display:flex;position:relative}.input-with-action .input{width:100%;padding-right:3rem}.input-with-action .tooltip-wrap,.input-with-action>.icon-btn{position:absolute;top:50%;right:2px;transform:translateY(-50%)}.input-with-action .icon-btn{background:0 0;border:none;width:40px;height:40px}.section-heading-with-icon{align-items:center;gap:var(--space-2);display:inline-flex}.choice-row{gap:var(--space-2);flex-direction:column;display:flex}.choice{align-items:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-default);display:flex}.choice:has(input:checked){border-color:var(--tertiary)}.choice>input[type=radio],.choice>input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.choice__body{flex-direction:column;gap:2px;display:flex}.choice__label{font-weight:500}.choice__desc{font-size:var(--text-body-sm);color:var(--text-muted)}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{z-index:20;width:max-content;max-width:16rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg);font-size:var(--text-body-sm);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-default);line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1}.class-tabs{gap:var(--space-2);margin-top:var(--space-5);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.class-tabs__tab{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600;display:inline-flex}.class-tabs__tab:hover{color:var(--text-primary);background:var(--surface)}.class-tabs__tab.is-active{color:var(--text-primary);border-color:var(--border);background:var(--surface)}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1024px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-tile{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface))}.stat-tile--link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .16s,background-color .16s;display:block}.stat-tile--link:hover,.stat-tile--link:focus-visible{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.stat-tile__label{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.stat-tile__value{margin:var(--space-2) 0 0;font-size:var(--text-h3);font-weight:700}.stat-tile__hint{margin:var(--space-1) 0 0;font-size:var(--text-caption);color:var(--text-muted)}.stat-tile__label-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stat-tile__label-row .stat-tile__label{margin:0}.overview-analytics{gap:var(--space-5);display:grid}.overview-analytics__intro{gap:var(--space-2);display:grid}.overview-analytics__empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, var(--surface))}.overview-charts{gap:var(--space-4);display:grid}@media (width>=1024px){.overview-charts{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}}.overview-chart-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface));flex-direction:column;min-width:0;display:flex}.overview-chart-card__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.overview-chart-card__head h3{font-size:var(--text-body);margin:0;font-weight:600}.overview-chart-card__summary{color:var(--text-secondary);font-size:var(--text-body-sm);max-width:var(--measure);margin:0;line-height:1.5}.overview-chart-card__empty{color:var(--text-muted);font-size:var(--text-body-sm);margin:0}.overview-chart-card__plot{width:100%;min-width:0}.overview-chart-card__plot--status{height:4.5rem}.overview-chart-card__plot--trend{height:16rem}.overview-metric-tip__btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted)}.overview-metric-tip__btn:hover,.overview-metric-tip__btn:focus-visible{color:var(--text-primary)}.overview-legend{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.overview-legend li{gap:var(--space-2);font-size:var(--text-body-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.overview-legend__swatch{border-radius:2px;flex-shrink:0;width:.75rem;height:.75rem}.overview-legend__label{color:var(--text-secondary)}.overview-legend__value{color:var(--text-primary);font-weight:500}.overview-needs{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface));display:grid}.overview-needs__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.overview-needs__item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.overview-needs__title{margin:0;font-weight:500}.overview-needs__meta{margin:var(--space-1) 0 0;font-size:var(--text-caption);color:var(--text-muted)}.overview-needs__item--link{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.overview-needs__item--link:hover,.overview-needs__item--link:focus-visible{border-color:var(--tertiary)}.insights-page{gap:var(--space-6);display:grid}.insights-hero{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.insights-hero__copy{gap:var(--space-2);min-width:0;display:grid}.insights-hero__copy h1{margin:0}.insights-hero__copy p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.55}.insights-hero__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}@media (width>=1024px){.insights-hero{align-items:end;gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1.4fr) auto}.insights-hero__actions{justify-content:flex-end}}.insights-body{gap:var(--space-6);display:grid}.insights-kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.insights-kpi-grid--compact{margin-bottom:var(--space-4)}@media (width>=1024px){.insights-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.insights-kpi-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}.insights-kpi{gap:var(--space-1);min-height:6.5rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 55%, var(--surface));color:inherit;flex-direction:column;text-decoration:none;display:flex}.insights-kpi--link{transition:border-color .16s,background-color .16s}.insights-kpi--link:hover,.insights-kpi--link:focus-visible{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.insights-kpi--accent{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.insights-kpi__label{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.insights-kpi__value{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);margin:0;font-weight:700;line-height:1.15}.insights-kpi__hint{font-size:var(--text-caption);color:var(--text-muted);margin:auto 0 0}.insights-takeaways{gap:var(--space-4);display:grid}@media (width>=1024px){.insights-takeaways{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.insights-takeaway-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.insights-takeaway-card--watch{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.insights-takeaway-card h2{margin:0 0 var(--space-3);font-size:var(--text-body);font-weight:600}.insights-takeaway-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.insights-takeaway-list li{gap:var(--space-2);display:grid}.insights-takeaway-list p{color:var(--text-secondary);font-size:var(--text-body-sm);max-width:var(--measure);margin:0;line-height:1.5}.insights-takeaway-link{align-items:center;gap:var(--space-1);width:fit-content;min-height:44px;padding:0 var(--space-1);font-size:var(--text-body-sm);color:var(--primary);font-weight:600;text-decoration:none;display:inline-flex}.insights-takeaway-link:hover,.insights-takeaway-link:focus-visible{text-decoration:underline}.insights-section-head{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.insights-section-head h2{font-size:var(--text-h4);margin:0}.insights-section-head p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.5}.insights-charts-section,.insights-classes-section,.insights-secondary{min-width:0}.insights-charts-empty{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, var(--surface));display:grid}@media (width>=1024px){.insights-charts-empty{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}.insights-charts-empty__title{margin:0 0 var(--space-1);color:var(--text-primary);font-weight:600}.insights-charts-empty p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.5}.insights-class-grid{gap:var(--space-4);display:grid}@media (width>=768px){.insights-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.insights-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.insights-class-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;display:grid}.insights-class-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.insights-class-card__titles{flex:1;min-width:0}.insights-class-card__name{font-size:var(--text-body);max-width:none;margin:0;font-weight:600}.insights-class-card__meta{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none}.insights-status-bar{border-radius:var(--radius-full);background:var(--border);width:100%;height:.5rem;display:flex;overflow:hidden}.insights-status-bar span{min-width:0;height:100%;display:block}.insights-status-bar--empty span{background:color-mix(in srgb, var(--border) 70%, var(--surface));flex:1}.insights-class-card__stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.insights-class-card__stats div{min-width:0}.insights-class-card__stats dt{font-size:var(--text-caption);color:var(--text-muted);margin:0}.insights-class-card__stats dd{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--text-primary);font-weight:600}.insights-class-card__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.notification-bell{position:relative}.notification-bell.is-open>.tooltip{opacity:0}.notification-bell__badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:4px;right:4px}.notification-panel{z-index:45;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(28rem,100vw - 2rem);max-height:min(32rem,100dvh - 6rem);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 12%, transparent);flex-direction:column;padding:0;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.notification-panel__section+.notification-panel__section{border-top:1px solid var(--border)}.notification-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);display:flex}.notification-panel__empty{padding:0 var(--space-4) var(--space-4);color:var(--text-secondary);font-size:var(--text-body-sm);margin:0}.notification-panel__list{padding:0 var(--space-4) var(--space-4);gap:var(--space-2);margin:0;list-style:none;display:grid}.notification-panel__item{padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;gap:2px;text-decoration:none;display:grid}.notification-panel__item:hover{background:color-mix(in srgb, var(--bg) 70%, var(--surface))}.notification-panel__item.is-unread{background:color-mix(in srgb, var(--info) 10%, transparent)}.notification-panel__title{font-weight:600;font-size:var(--text-body-sm)}.notification-panel__body{font-size:var(--text-body-sm);color:var(--text-secondary)}.user-menu{position:relative}.user-menu.is-open>.tooltip{opacity:0}.icon-btn.user-menu__trigger{border-radius:var(--radius-full);overflow:hidden}.icon-btn.user-menu__trigger.is-open{border-color:var(--primary);color:var(--primary)}.user-menu__avatar{object-fit:cover;width:100%;height:100%}.user-menu__initials{font-family:var(--font-display);font-weight:700;font-size:var(--text-body-sm);line-height:1}.user-menu__panel{z-index:45;width:min(18rem,100vw - 2rem);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 12%, transparent);position:absolute;top:calc(100% + 8px);right:0}.user-menu__identity{padding:var(--space-3) var(--space-3) var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--border)}.user-menu__name,.user-menu__email{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.user-menu__name{color:var(--text-primary);font-weight:600}.user-menu__email{font-size:var(--text-body-sm);color:var(--text-secondary)}.user-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.user-menu__item:hover,.user-menu__item.is-current{background:color-mix(in srgb, var(--bg) 70%, var(--surface));color:var(--text-primary)}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.user-menu__sep{height:1px;margin:var(--space-1) 0;background:var(--border);border:0}.user-menu__switch{border-radius:var(--radius-full);background:var(--border);flex-shrink:0;width:2.25rem;height:1.25rem;margin-left:auto;position:relative}.user-menu__switch.is-on{background:var(--primary)}.user-menu__switch:after{content:"";border-radius:var(--radius-full);background:var(--surface);width:16px;height:16px;transition:transform var(--motion-fast) var(--ease-default);position:absolute;top:2px;left:2px}.user-menu__switch.is-on:after{transform:translate(1rem)}.chip--needs{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning);border:none}.chip--ok{background:color-mix(in srgb, var(--success,var(--secondary)) 18%, transparent);color:var(--success,var(--secondary));border:none}.chip--warn{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);border:none}.chip--filter-active{background:color-mix(in srgb, var(--tertiary) 20%, transparent);color:var(--text-primary);border:1px solid var(--tertiary)}.roster-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.roster-filters .chip{cursor:pointer;min-height:44px;font:inherit}.ops-account-clusters{gap:var(--space-4);display:grid}.ops-account-cluster__title{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-body);color:var(--text-primary);flex-wrap:wrap;font-weight:700;display:flex}.ops-account-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ops-account-classes{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.ops-account-classes li{font-size:var(--text-body-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;max-width:75ch;display:flex}.ops-account-classes a{color:var(--primary);text-decoration:none}.ops-account-classes a:hover,.ops-account-classes a:focus-visible{text-decoration:underline}.ops-page{gap:var(--space-5);display:grid}.ops-page .dashboard-header{margin-bottom:0}.ops-tabs{z-index:30;padding-top:var(--space-2);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:0;position:sticky;top:64px}.ops-tab-count{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 12%, var(--surface));min-width:1.75rem;min-height:1.5rem;color:var(--text-primary);font-size:var(--text-body-sm);letter-spacing:0;text-transform:none;justify-content:center;align-items:center;padding:0 .45rem;font-weight:700;display:inline-flex}.ops-panel{gap:var(--space-4);min-width:0;display:grid}.ops-panel__intro{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=1024px){.ops-panel--split{align-items:start;gap:var(--space-6);grid-template-columns:minmax(16rem,20rem) minmax(0,1fr)}}.ops-side{gap:var(--space-3);min-width:0;display:grid}.ops-side__title{font-size:var(--text-h4);margin:0}.ops-side__copy{color:var(--text-secondary);max-width:75ch;margin:0;line-height:1.5}.ops-count-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ops-count-list li{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;color:var(--text-secondary);display:flex}.ops-account-grid,.ops-class-grid,.ops-feedback-grid{gap:var(--space-3);display:grid}@media (width>=1024px){.ops-account-grid,.ops-class-grid,.ops-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ops-nested-accordion{gap:var(--space-2);display:grid}.ops-nested-accordion__trigger{align-items:center;gap:var(--space-2);min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;padding:0;font-weight:700;display:flex}.ops-feedback-card__chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ops-feedback-card__preview{white-space:pre-wrap;max-width:75ch;margin:.5rem 0;line-height:1.5}.ops-feedback-card__details{margin-top:var(--space-2)}.gradebook-matrix-wrap{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);overflow-x:auto}.gradebook-matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:32rem}.gradebook-matrix th,.gradebook-matrix td{padding:var(--space-2);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);white-space:nowrap}.gradebook-matrix thead th{font-size:var(--text-caption);color:var(--text-secondary);background:var(--surface);z-index:1;font-weight:600;position:sticky;top:0}.gradebook-matrix tbody th{background:var(--surface);z-index:1;white-space:normal;max-width:10rem;font-weight:600;position:sticky;left:0}.gradebook-matrix__asgn{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;color:var(--text-primary);font-weight:600;display:block;overflow:hidden}.gradebook-matrix__cell{all:unset;cursor:pointer;border-radius:var(--radius-sm);align-items:center;min-width:44px;min-height:44px;display:inline-flex}.gradebook-matrix__cell:focus-visible{outline:2px solid var(--tertiary);outline-offset:2px}.homework-text-preview{padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:min(70vh,36rem);font-family:var(--font-mono);font-size:var(--text-body-sm);max-width:75ch;margin:0;line-height:1.5;overflow:auto}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, var(--surface));min-height:9rem;padding:var(--space-4);transition:border-color var(--motion-fast), background var(--motion-fast);position:relative}.dropzone--active{border-color:var(--cta);background:color-mix(in srgb, var(--cta) 12%, var(--surface))}.dropzone--filled{border-style:solid}.dropzone--busy{opacity:.72}.dropzone__prompt{gap:var(--space-2);width:100%;min-height:7rem;padding:var(--space-4);color:var(--text-secondary);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;place-items:center;display:grid}.dropzone__prompt:hover,.dropzone__prompt:focus-visible{color:var(--text-primary)}.dropzone__prompt:disabled{cursor:wait}.dropzone__preview{gap:var(--space-3);display:grid}.dropzone__preview img{border-radius:var(--radius-sm);object-fit:contain;max-width:100%;max-height:16rem;margin:0 auto;display:block}.dropzone__preview-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.whats-new-bell{position:relative}.whats-new-bell.is-open>.tooltip{opacity:0}.whats-new-bell__badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:4px;right:4px}.whats-new-panel{z-index:45;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(28rem,100vw - 2rem);max-height:min(28rem,100dvh - 6rem);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 12%, transparent);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.whats-new-panel__head,.whats-new-panel__all{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);display:flex}.whats-new-panel__head{border-bottom:1px solid var(--border);justify-content:space-between}.whats-new-panel__count{font-size:var(--text-body-sm);color:var(--secondary);font-weight:700}.whats-new-panel__empty{padding:var(--space-6) var(--space-4);color:var(--text-secondary);text-align:center;margin:0}.whats-new-panel__list{padding:var(--space-2);gap:var(--space-2);margin:0;list-style:none;display:grid;overflow:auto}.whats-new-panel__item{gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:7.5rem minmax(0,1fr);display:grid}.whats-new-panel__item:hover,.whats-new-panel__item:focus-visible{background:color-mix(in srgb, var(--bg) 70%, var(--surface))}.whats-new-panel__item.is-unseen{background:color-mix(in srgb, var(--info) 10%, transparent)}.whats-new-panel__art{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:7.5rem;height:4.2rem}.whats-new-panel__copy{gap:2px;min-width:0;display:grid}.whats-new-panel__title-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.whats-new-panel__title{font-weight:600;font-size:var(--text-body-sm)}.whats-new-panel__new{border-radius:var(--radius-full);background:color-mix(in srgb, var(--danger) 12%, transparent);min-height:1.25rem;color:var(--danger);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 .4rem;font-size:10px;font-weight:700;display:inline-flex}.whats-new-panel__summary,.whats-new-panel__meta{font-size:var(--text-body-sm);color:var(--text-secondary)}.whats-new-panel__all{border-top:1px solid var(--border);color:var(--primary);font-weight:600;font-size:var(--text-body-sm);text-decoration:none}.whats-new-panel__all:hover{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.whats-new-spotlight{z-index:80;padding:var(--space-4);background:color-mix(in srgb, var(--text-primary) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.whats-new-spotlight__dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(32rem,100%);max-height:min(40rem,100dvh - 2rem);box-shadow:0 16px 48px color-mix(in srgb, var(--text-primary) 18%, transparent);position:relative;overflow:auto}.whats-new-spotlight__close{top:var(--space-3);right:var(--space-3);z-index:1;position:absolute}.whats-new-spotlight__art{aspect-ratio:16/9;background:color-mix(in srgb, var(--primary) 8%, var(--bg));overflow:hidden}.whats-new-spotlight__art img,.whats-new-card__art,.whats-new-detail__art{object-fit:cover;width:100%;height:100%;display:block}.whats-new-spotlight__body{gap:var(--space-3);padding:var(--space-6);display:grid}.whats-new-spotlight__kicker{align-items:center;gap:var(--space-2);color:var(--secondary);font-size:var(--text-body-sm);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;margin:0;font-weight:700;display:inline-flex}.whats-new-spotlight__blurb,.whats-new-detail__blurb,.whats-new-page .dashboard-header p,.whats-new-card__body p,.whats-new-section p{max-width:var(--measure);color:var(--text-secondary);margin:0;line-height:1.5}.whats-new-spotlight__date,.whats-new-card__meta{color:var(--text-muted);font-size:var(--text-body-sm);margin:0}.whats-new-spotlight__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.whats-new-page{gap:var(--space-5);display:grid}.whats-new-back{align-items:center;gap:var(--space-2);min-height:44px;color:var(--primary);font-weight:600;text-decoration:none;display:inline-flex}.whats-new-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;text-decoration:none;display:grid;overflow:hidden}.whats-new-card:hover,.whats-new-card:focus-visible{border-color:var(--primary)}.whats-new-card__art{aspect-ratio:16/9;background:var(--bg)}.whats-new-card__body{gap:var(--space-2);padding:var(--space-4);display:grid}.whats-new-card__body h2,.whats-new-detail__copy h1,.whats-new-section h2{margin:0}.whats-new-card__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.whats-new-grid{gap:var(--space-4);display:grid}.whats-new-detail{gap:var(--space-5);display:grid}.whats-new-detail__art{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);overflow:hidden}.whats-new-detail__copy{gap:var(--space-4);max-width:var(--measure);display:grid}.whats-new-section{gap:var(--space-3);display:grid}.whats-new-steps{gap:var(--space-3);counter-reset:whats-new-step;margin:0;padding:0;list-style:none;display:grid}.whats-new-step{gap:var(--space-3);counter-increment:whats-new-step;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:start;display:grid}.whats-new-step:before{content:counter(whats-new-step);border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:1.75rem;height:1.75rem;color:var(--primary);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.whats-new-step__markers{align-items:center;gap:var(--space-2);display:inline-flex}.whats-new-step__icon,.whats-new-step kbd{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-width:28px;min-height:28px;color:var(--secondary);justify-content:center;align-items:center;padding:0 .4rem;display:inline-flex}.whats-new-step kbd{font-family:var(--font-mono);font-size:10px;font-weight:600}@media (width>=1024px){.whats-new-card--hero{grid-template-columns:minmax(16rem,1.1fr) minmax(0,.9fr);align-items:stretch}.whats-new-card--hero .whats-new-card__art{height:100%}.whats-new-card--hero .whats-new-card__body{padding:var(--space-6);align-content:center}.whats-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whats-new-detail{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:start}.whats-new-detail__copy{max-width:none}.whats-new-detail__blurb,.whats-new-section p{max-width:var(--measure)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:40;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex}.topbar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-body-lg);color:var(--text-primary);flex-shrink:0;text-decoration:none;display:inline-flex}.topbar__brand:hover{color:var(--text-primary)}.topbar__nav{justify-content:center;align-items:center;gap:var(--space-1);flex:1;min-width:0;display:none;container:topnav/inline-size}.topbar__link{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:44px;min-height:44px;color:var(--text-secondary);white-space:nowrap;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.topbar__link-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar__link:hover,.topbar__link[aria-current=page]{color:var(--text-primary);background:var(--surface)}.topbar__item .tooltip{inset:calc(100% + 6px) auto auto 50%;transform:translate(-50%)}@container topnav (width>=48rem){.topbar__link{width:auto;padding:var(--space-2) var(--space-3)}.topbar__link-label{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.topbar__item:hover>.tooltip,.topbar__item:focus-within>.tooltip{opacity:0}}.topbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.topbar__actions .tooltip{inset:calc(100% + 6px) 0 auto auto;transform:none}.pwa-banner{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.pwa-banner--offline{background:color-mix(in srgb, var(--warning) 12%, var(--surface));border-bottom-color:color-mix(in srgb, var(--warning) 40%, var(--border))}.pwa-banner--update{background:color-mix(in srgb, var(--info) 12%, var(--surface));border-bottom-color:color-mix(in srgb, var(--info) 40%, var(--border))}.pwa-banner--install{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.pwa-banner__body .mascot{margin-top:0}.pwa-banner__body{align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.pwa-banner__body .icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.pwa-banner--offline .icon{color:var(--warning)}.pwa-banner__copy{max-width:var(--measure);font-size:var(--text-body-sm);color:var(--text-primary);margin:0;line-height:1.5}.pwa-banner__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text-primary)}.page{width:100%;max-width:var(--page-max);padding:var(--space-5) var(--space-4) var(--space-10);margin:0 auto}.page--wide{max-width:none;padding-left:0;padding-right:0}.section{padding:var(--space-8) var(--space-4)}.section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section--tint{background:color-mix(in srgb, var(--primary) 7%, var(--bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section--cta-wrap{background:color-mix(in srgb, var(--secondary) 6%, var(--bg));border-top:1px solid var(--border)}.section__inner{width:100%;max-width:var(--page-max);margin:0 auto}.section__kicker{color:var(--text-secondary);margin-bottom:var(--space-5)}.landing{background:color-mix(in srgb, var(--info) 4%, var(--bg))}.landing .hero h1,.landing .section h2,.landing .cta-band__copy h2{letter-spacing:-.03em;font-weight:800}.landing .hero h1{font-size:clamp(2.25rem, 5vw, var(--text-display));max-width:18ch;line-height:1.05}.landing .section h2,.landing .cta-band__copy h2{font-size:clamp(1.95rem, 3.5vw, var(--text-h2));line-height:1.1}.hero{gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-6);max-width:var(--page-max);margin:0 auto;display:grid}.hero__copy{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.hero__brand{align-items:center;gap:var(--space-4);display:flex}.hero__brand-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.441rem);font-weight:800;line-height:1.1}.hero__sub{color:var(--text-secondary);font-size:var(--text-body-lg);max-width:var(--measure);margin:0;line-height:1.55}.grid-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stat-tile{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface)}.stat-tile__value{font-family:var(--font-display);font-size:var(--text-h3);margin:0 0 var(--space-1);font-weight:700;line-height:1.2}.stat-tile__label{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.mock-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.mock-panel__chrome{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.mock-panel__dots{gap:6px;display:flex}.mock-panel__dot{border-radius:var(--radius-full);background:var(--text-muted);opacity:.4;width:8px;height:8px}.mock-panel__chrome-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.mock-panel__title{font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.mock-panel__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.mock-panel__shot{background:var(--bg);line-height:0}.mock-panel__caption{gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.mock-panel__shot img,.shot-card__frame img{width:100%;height:auto;display:block}.shot-gallery{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr;display:grid}.shot-gallery__stack,.shot-gallery__feature{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.shot-card{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.shot-card__frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);line-height:0;overflow:hidden}.shot-card__caption{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}.shot-card__detail{max-width:var(--measure);color:var(--text-secondary);font-size:var(--text-body);margin:0;line-height:1.5}.accent-cols{gap:var(--space-4);grid-template-columns:1fr;display:grid}.accent-col{padding-left:var(--space-4);border-left:3px solid var(--primary)}.accent-col:nth-child(2){border-left-color:var(--secondary)}.accent-col:nth-child(3){border-left-color:var(--tertiary)}.accent-col__label{font-size:var(--text-body-sm);margin:0 0 var(--space-1);font-weight:700}.accent-col__caption{color:var(--text-secondary);max-width:none;margin:0}.step-cols{gap:var(--space-5);grid-template-columns:1fr;display:grid}.step-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.step-card__art{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-bottom:3px solid var(--primary);line-height:0;overflow:hidden}.step-card:nth-child(2) .step-card__art{background:color-mix(in srgb, var(--secondary) 10%, var(--surface));border-bottom-color:var(--secondary)}.step-card:nth-child(3) .step-card__art{background:color-mix(in srgb, var(--tertiary) 10%, var(--surface));border-bottom-color:var(--tertiary)}.step-card__art img{aspect-ratio:4/3;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.step-card__label{font-family:var(--font-display);font-size:var(--text-h4);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:800}.step-card__caption{color:var(--text-secondary);max-width:none;margin:0}.cta-band{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;display:flex}.cta-band__visual{border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb, var(--cta) 8%, var(--surface));width:100%;max-width:22rem;line-height:0;overflow:hidden}.cta-band__visual img{width:100%;height:auto;display:block}.cta-band__copy h2{margin-bottom:var(--space-2)}.cta-band__copy p{color:var(--text-secondary);margin:0}.dashboard-layout{gap:var(--space-5);display:grid}.quiz-review{gap:var(--space-5);align-items:start;display:grid}.quiz-review__summary{gap:var(--space-4);display:grid}.quiz-review__summary h1{margin-top:var(--space-3);font-size:clamp(1.75rem, 4vw, var(--text-h2))}.quiz-review__score{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.quiz-review__score div{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.quiz-review__score dt,.quiz-review-question__answers dt{color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:500}.quiz-review__score dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:clamp(1.25rem, 7vw, var(--text-h4));white-space:nowrap;font-weight:700}.quiz-review__submitted{color:var(--text-secondary);font-size:var(--text-body-sm);margin:0}.quiz-review__questions,.quiz-review__group{gap:var(--space-3);min-width:0;display:grid}.quiz-review__group+.quiz-review__group{margin-top:var(--space-5)}.quiz-review__group h2{font-size:var(--text-h4);margin:0}.quiz-review-question{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);border-left-width:4px;display:grid}.quiz-review-question--correct{border-left-color:var(--success)}.quiz-review-question--incorrect{border-left-color:var(--danger)}.quiz-review-question--pending{border-left-color:var(--warning)}.quiz-review-question__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.quiz-review-question__heading h3{max-width:var(--measure);font-size:var(--text-body);margin:0}.quiz-review-question__result{align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);font-weight:600;display:inline-flex}.quiz-review-question--correct .quiz-review-question__result{color:var(--success)}.quiz-review-question--incorrect .quiz-review-question__result{color:var(--danger)}.quiz-review-question--pending .quiz-review-question__result{color:var(--warning)}.quiz-review-question__answers{gap:var(--space-3);margin:0;display:grid}.quiz-review-question__answers div{gap:var(--space-1);display:grid}.quiz-review-question__answers dd{max-width:var(--measure);overflow-wrap:anywhere;margin:0}.quiz-results{margin-bottom:var(--space-5)}.quiz-results__misses{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.quiz-results__misses li{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-height:44px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-wrap:wrap;display:flex}.quiz-results__prompt{max-width:var(--measure);font-size:var(--text-body-sm);color:var(--text-primary);margin:0}.grade-queue-note{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 10%, var(--surface));color:var(--text-secondary);max-width:var(--measure)}.dashboard-header{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-header__meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.list-stack{gap:var(--space-3);flex-direction:column;display:flex}.list-stack--compact{gap:var(--space-2)}.list-item{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.list-item--compact{gap:var(--space-1);padding:var(--space-3)}.list-item__row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.list-item__title{max-width:none;margin:0;font-weight:600}.list-item__meta{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.form-panel{gap:var(--space-4);display:grid}.form-cluster{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.form-cluster__title{margin:0 0 var(--space-1);font-size:var(--text-h4);color:var(--text-primary);font-weight:700}.form-cluster fieldset.form-cluster,.card>form>fieldset{gap:var(--space-3)}.form-cluster .form-actions,.card form .form-actions,form .form-actions{margin-top:var(--space-1)}.form-fields-compact{gap:var(--space-3);display:grid}@media (width>=1024px){.form-fields-compact{grid-template-columns:1fr 1fr;align-items:start}.form-fields-compact>.field--full{grid-column:1/-1}}select.input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.25rem) calc(50% - .2rem),calc(100% - .9rem) calc(50% - .2rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.5rem}.form-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.draft-note{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.mobile-nav{z-index:40;padding:var(--space-2);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-width:0;min-height:44px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-caption);letter-spacing:0;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.mobile-nav a[aria-current=page]{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.app-shell--with-mobile-nav .page{padding-bottom:calc(var(--space-10) + 4rem)}@media (width<=767px){.pwa-banner{flex-direction:column;align-items:stretch}.pwa-banner__actions .btn{flex:1}}@media (width>=768px){.pwa-banner--install{display:none}.topbar,.pwa-banner{padding-left:var(--space-6);padding-right:var(--space-6)}.topbar__nav{display:flex}.mobile-nav{display:none}.app-shell--with-mobile-nav .page{padding-bottom:var(--space-10)}.accent-cols{grid-template-columns:repeat(3,1fr)}.step-cols{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.shot-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cta-band{align-items:center;gap:var(--space-5);grid-template-columns:minmax(10rem,14rem) minmax(0,1fr) auto;display:grid}.cta-band__visual{max-width:none}}@media (width>=1024px){.hero{padding-top:var(--space-10);align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.shot-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.dashboard-layout{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.8fr);align-items:start}.quiz-review{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.5fr)}.quiz-review__summary{top:calc(var(--space-10) + var(--space-4));position:sticky}.form-panel{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:start}.page{padding-left:var(--space-6);padding-right:var(--space-6)}.grade-workspace__layout{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.7fr)}}.icon-btn--active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.viewer{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.viewer__toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.viewer__group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.viewer__zoom{text-align:center;min-width:3.5rem;font-size:var(--text-body-sm);font-weight:600}.viewer__hint{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.viewer__stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);min-height:20rem;max-height:70vh;padding:var(--space-4);overflow:auto}.viewer__canvas-wrap{transform-origin:0 0;width:max-content;max-width:100%}.viewer__image-stack{max-width:100%;display:inline-block;position:relative}.viewer__image{border-radius:var(--radius-md);max-width:min(100%,52rem);height:auto}.viewer__overlay{width:100%;height:100%;position:absolute;inset:0}.viewer__pdf{background:var(--surface);border:0;width:min(100vw - 3rem,52rem);height:65vh}.viewer__pdf-stack{background:var(--surface);border-radius:var(--radius-md);min-width:12rem;min-height:16rem}.viewer__pdf-page{border-radius:var(--radius-md);max-width:min(100%,52rem);height:auto;display:block}.viewer__pdf-loading{background:color-mix(in srgb, var(--surface) 80%, transparent);place-items:center;margin:0;display:grid;position:absolute;inset:0}.viewer__text-fallback{padding:var(--space-5);background:var(--surface);border-radius:var(--radius-md)}.grade-workspace{gap:var(--space-4);width:100%;max-width:var(--page-max);flex-direction:column;margin:0 auto;display:flex}.grade-workspace__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.grade-workspace__layout{gap:var(--space-5);display:grid}.grade-workspace__form{gap:var(--space-4);align-content:start;display:grid}.site-footer{gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-4) + 4.5rem);border-top:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-small);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.site-footer{padding-bottom:var(--space-5)}}.site-footer__link{min-height:44px;color:inherit;border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.35rem .6rem;text-decoration:none;display:inline-flex}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--text);background:color-mix(in srgb, var(--surface-2) 80%, transparent)}