:root{--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"IBM Plex Serif", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg:#eceff4;--surface:#fff;--surface-2:#f4f6f9;--surface-3:#eef1f6;--text:#18222f;--text-muted:#586374;--text-subtle:#8b95a4;--border:#e3e7ee;--border-strong:#ccd3de;--brand:#1c3f63;--brand-strong:#142d47;--brand-soft:#eaeff5;--brand-soft-strong:#dce7f1;--brand-soft-border:#cad8e6;--on-brand:#fff;--ring:#1c3f6342;--primary:var(--brand);--primary-hover:var(--brand-strong);--secondary:#586374;--error:#c2362b;--error-soft:#fbece9;--error-border:#f0c4bd;--success:#0f7a52;--success-soft:#e7f4ee;--success-border:#b7ddca;--grade-a-star:#7c3aed;--grade-a:#16a34a;--grade-b:#86efac;--grade-c:#fcd34d;--grade-d:#fb923c;--grade-e:#f97316;--grade-u:#991b1b;--radius-sm:7px;--radius:11px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280d, 0 1px 1px #1018280a;--shadow:0 1px 2px #1018280d, 0 12px 28px -16px #10182838;--shadow-lg:0 28px 64px -24px #10182866;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-feature-settings:"ss01", "cv05";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(1200px 480px at 50% -260px, #f4f7fb 0%, #f4f7fb00 70%), var(--bg);min-height:100vh;margin:0}#app{min-height:calc(100vh - 57px)}::selection{background:var(--brand-soft-strong);color:var(--brand-strong)}.app-bar{z-index:60;-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);background:#ffffffdb;position:sticky;top:0}.app-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1140px;margin:0 auto;padding:.7rem 1.5rem;display:flex}.brand{color:var(--brand);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{color:var(--brand);filter:drop-shadow(0 2px 5px #142d4747);display:inline-flex}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{letter-spacing:-.01em;color:var(--text);font-size:1.02rem;font-weight:700}.brand-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);font-size:.72rem;font-weight:500}.app-bar-badge{border:1px solid var(--success-border);background:var(--success-soft);color:var(--success);white-space:nowrap;border-radius:99px;align-items:center;gap:.4rem;padding:.32rem .7rem;font-size:.76rem;font-weight:600;display:inline-flex}@media (width<=640px){.app-bar-badge,.brand-tag{display:none}}.page{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.page.wide{max-width:1140px}.hero-header{margin-bottom:2rem}.hero-header.compact{margin-bottom:1.75rem}.eyebrow{background:var(--brand-soft);border:1px solid var(--brand-soft-border);color:var(--brand);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-bottom:.7rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:inline-block}.hero-header h1{letter-spacing:-.025em;margin:0 0 .5rem;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.15rem);font-weight:700;line-height:1.12}.subtitle{color:var(--text-muted);max-width:60ch;margin:0;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.75rem}.card h2,.card h3{letter-spacing:-.015em;margin:0 0 .75rem;font-size:1.2rem;font-weight:600}.help-text{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem}.muted{color:var(--text-muted);margin:.5rem 0 0;font-size:.875rem}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.75rem 1.5rem;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.upload-zone:hover,.upload-zone.dragover{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 4px var(--ring)}.upload-icon{width:3.25rem;height:3.25rem;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-soft-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.85rem;display:inline-flex}.upload-icon svg{width:1.5rem;height:1.5rem}.upload-zone p{margin:.25rem 0}.error{color:var(--error);margin-top:1rem;font-size:.9rem}.error-list{background:var(--error-soft);border:1px solid var(--error-border);border-radius:var(--radius-sm);color:var(--error);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.error-list ul{margin:0;padding-left:1.25rem}.progress-bar{background:var(--surface-3);border-radius:99px;height:6px;margin-bottom:.6rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand), #2c5a86);border-radius:99px;height:100%;transition:width .3s}.progress-label{text-align:center;color:var(--text-muted);letter-spacing:.02em;margin:0 0 1.5rem;font-size:.85rem}.survey-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{font-size:.875rem;font-weight:600}.form-group input,.search-input,.reference-search,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-group input{padding:.6rem .75rem;font-size:1rem}.form-group input:focus,.search-input:focus,.reference-search:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.boundaries-fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin:0;padding:1rem}.boundaries-fieldset legend{padding:0 .5rem;font-size:.875rem;font-weight:600}.boundaries-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:.005em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:0 1px 2px #1018281f}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .8rem}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}th{background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:600}td{font-variant-numeric:tabular-nums}.compact-table th,.compact-table td{padding:.42rem .65rem}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;margin-bottom:1.25rem;padding:.7rem .85rem;display:flex}.toolbar-search{flex:240px;max-width:460px;position:relative}.toolbar-search-icon{width:1.05rem;height:1.05rem;color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:.72rem;transform:translateY(-50%)}.toolbar-search .search-input{padding-left:2.3rem}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.toolbar-export{border-right:1px solid var(--border);align-items:center;gap:.4rem;padding-right:.7rem;display:flex}.icon-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.icon-btn svg{width:1.25rem;height:1.25rem}.icon-btn:hover{color:var(--brand);border-color:var(--brand-soft-border);background:var(--brand-soft)}.icon-btn:focus-visible{color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.icon-btn[data-tooltip]:after{content:attr(data-tooltip);z-index:30;background:var(--text);color:#f4f6f9;border-radius:var(--radius-sm);width:max-content;max-width:220px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;padding:.42rem .62rem;font-size:.75rem;font-weight:500;line-height:1.35;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%)translateY(4px)}.icon-btn[data-tooltip]:before{content:"";z-index:30;border:5px solid #0000;border-top-color:var(--text);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .2rem);left:50%;transform:translate(-50%)translateY(4px)}.icon-btn[data-tooltip]:hover:after,.icon-btn[data-tooltip]:focus-visible:after,.icon-btn[data-tooltip]:hover:before,.icon-btn[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.section-note{margin:-.25rem 0 .75rem}.toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.toggle input,.checkbox-row input,.student-select-row input{width:1rem;height:1rem;accent-color:var(--brand)}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;padding-bottom:.65rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;padding:.5rem .95rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s}.tab:hover{background:var(--surface-2);color:var(--text)}.tab:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.tab.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand);box-shadow:0 1px 2px #1018281f}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.2rem;padding:.95rem 1rem;display:flex}.stat-card.has-stat-tooltip{cursor:help;position:relative}.stat-card.has-stat-tooltip:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.stat-tooltip{z-index:20;background:var(--text);color:#f4f6f9;border-radius:var(--radius-sm);width:max-content;max-width:220px;box-shadow:var(--shadow);pointer-events:none;opacity:0;visibility:hidden;padding:.5rem .7rem;font-size:.75rem;font-weight:500;line-height:1.4;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)}.stat-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.stat-card.has-stat-tooltip:hover .stat-tooltip,.stat-card.has-stat-tooltip:focus .stat-tooltip,.stat-card.has-stat-tooltip:focus-within .stat-tooltip{opacity:1;visibility:visible}.stat-card.highlight{background:var(--brand-soft);border-color:var(--brand-soft-border)}.stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:600}.stat-value{font-family:var(--font-mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:600}.stat-sub{color:var(--text-muted);font-size:.8rem}.two-col{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=768px){.two-col{grid-template-columns:1fr}}.sub-card{margin-bottom:1.5rem}.sub-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600}.grade-bars{flex-direction:column;gap:.65rem;display:flex}.grade-bar-row{grid-template-columns:72px 1fr 52px;align-items:center;gap:.5rem;display:grid}.grade-bar-label{white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.grade-swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.grade-swatch[data-grade=A\*]{background:var(--grade-a-star)}.grade-swatch[data-grade=A]{background:var(--grade-a)}.grade-swatch[data-grade=B]{background:var(--grade-b)}.grade-swatch[data-grade=C]{background:var(--grade-c)}.grade-swatch[data-grade=D]{background:var(--grade-d)}.grade-swatch[data-grade=E]{background:var(--grade-e)}.grade-swatch[data-grade=U]{background:var(--grade-u)}.grade-badge{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:2rem;padding:.12rem .45rem;font-size:.82rem;font-weight:700;line-height:1.25;display:inline-flex}.grade-badge[data-grade=A\*]{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.grade-badge[data-grade=A]{color:#14532d;background:#dcfce7;border-color:#86efac}.grade-badge[data-grade=B]{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.grade-badge[data-grade=C]{color:#92400e;background:#fef9c3;border-color:#fde68a}.grade-badge[data-grade=D]{color:#9a3412;background:#ffedd5;border-color:#fdba74}.grade-badge[data-grade=E]{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.grade-badge[data-grade=U]{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.grade-boundary-label{align-items:center;gap:.4rem;display:inline-flex}.grade-dist-table tbody tr[data-grade]{border-left:3px solid #0000}.grade-dist-table tbody tr[data-grade=A\*]{border-left-color:var(--grade-a-star)}.grade-dist-table tbody tr[data-grade=A]{border-left-color:var(--grade-a)}.grade-dist-table tbody tr[data-grade=B]{border-left-color:var(--grade-b)}.grade-dist-table tbody tr[data-grade=C]{border-left-color:var(--grade-c)}.grade-dist-table tbody tr[data-grade=D]{border-left-color:var(--grade-d)}.grade-dist-table tbody tr[data-grade=E]{border-left-color:var(--grade-e)}.grade-dist-table tbody tr[data-grade=U]{border-left-color:var(--grade-u)}.grade-dist-pct{align-items:center;gap:.5rem;display:flex}.grade-dist-track{background:var(--surface-3);border-radius:99px;flex:1;min-width:48px;max-width:120px;height:8px;overflow:hidden}.grade-dist-fill{border-radius:99px;min-width:2px;height:100%;transition:width .35s}.grade-bar-track{background:var(--surface-3);border-radius:99px;height:10px;overflow:hidden}.grade-bar-fill{background:var(--brand);border-radius:99px;min-width:2px;height:100%;transition:width .4s}.grade-bar-value{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.histogram-section{border-top:1px solid var(--border);margin-top:1.35rem;padding-top:1.1rem}.histogram-section h3{margin:0 0 .5rem;font-size:.95rem}.histogram-wrap-nested .histogram-nested{gap:.2rem;height:100px;padding-top:.35rem}.histogram-wrap-nested .histogram-nested .histogram-bar{max-width:28px}.histogram-wrap-nested .histogram-nested .histogram-label{margin-top:.25rem;font-size:.58rem}.histogram-wrap-nested .histogram-nested .histogram-count{margin-top:.1rem;font-size:.62rem}.histogram{align-items:flex-end;gap:.35rem;height:160px;padding-top:1rem;display:flex}.histogram-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.histogram-bar{background:linear-gradient(180deg, #2c5a86, var(--brand));border-radius:4px 4px 0 0;width:100%;max-width:48px;min-height:2px;transition:height .3s}.histogram-label{color:var(--text-muted);text-align:center;margin-top:.35rem;font-size:.65rem;line-height:1.2}.histogram-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.7rem;font-weight:600}.callout{border-left:3px solid var(--brand)}.privacy-note{background:var(--success-soft);border-color:var(--success-border)}.privacy-note h3{color:var(--success)}.analysis-card{padding:1.75rem}.preview-card{background:var(--surface-2)}.preview-card h3{color:var(--text-muted);font-size:.95rem}.preset-note{background:var(--brand-soft);border:1px solid var(--brand-soft-border);border-radius:var(--radius-sm);color:var(--brand);margin:0 0 .75rem;padding:.55rem .8rem;font-size:.875rem;font-weight:500}.search-wrap{max-width:440px;position:relative}.search-input{width:100%;padding:.65rem .85rem;font-size:1rem}.search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:50;max-height:280px;padding:.25rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-result{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.55rem .7rem;display:flex}.search-result:hover,.search-result:focus{background:var(--brand-soft);outline:none}.search-result-name{font-size:.95rem;font-weight:600}.search-result-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.student-link{font:inherit;color:var(--brand);cursor:pointer;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--brand-soft-border);text-decoration-color:var(--brand-soft-border);text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-weight:600;transition:text-decoration-color .15s,color .15s}.student-link:hover,.student-link:focus{color:var(--brand-strong);text-decoration-color:currentColor}.student-link:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:3px;outline:none}body.modal-open{overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#10182873;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:min(920px,100%);max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal-header h2{letter-spacing:-.015em;margin:0;font-size:1.3rem;font-weight:600}.modal-subtitle{margin:.15rem 0 0}.modal-close{cursor:pointer;color:var(--text-subtle);border-radius:var(--radius-sm);background:0 0;border:none;padding:.1rem .35rem;font-size:1.6rem;line-height:1;transition:background .15s,color .15s}.modal-close:hover{color:var(--text);background:var(--surface-2)}.modal-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.modal-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:140px;padding:.75rem 1rem}.modal-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:600;display:block}.modal-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.modal-section{margin-bottom:1.5rem}.modal-section h3{margin:0 0 .35rem;font-size:1rem;font-weight:600}.progress-chart-wrap{margin-top:.5rem}.progress-chart{width:100%;height:auto;display:block}.chart-axis{stroke:var(--border-strong);stroke-width:1px}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-tick,.chart-label{font-family:var(--font-mono);fill:var(--text-muted);font-size:10px}.chart-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-line-student{stroke:var(--brand)}.chart-line-cohort{stroke:#94a3b8;stroke-dasharray:6 4}.chart-dot-student{fill:var(--brand)}.chart-dot-cohort{fill:#94a3b8}.chart-legend{gap:1.25rem;margin-top:.5rem;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-swatch{border-radius:2px;width:14px;height:3px}.legend-swatch.student{background:var(--brand)}.legend-swatch.cohort{background:#94a3b8}.student-profile-table .comparison-cell{min-width:180px}.comparison-bar{flex-direction:column;gap:.35rem;display:flex}.comparison-row{grid-template-columns:62px 1fr 42px;align-items:center;gap:.35rem;display:grid}.comparison-label{color:var(--text-muted);font-size:.7rem}.comparison-track{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.comparison-fill{border-radius:99px;min-width:2px;height:100%}.comparison-fill.student{background:var(--brand)}.comparison-fill.cohort{background:#94a3b8}.comparison-value{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}td.positive{color:var(--success);font-weight:600}td.negative{color:var(--error);font-weight:600}.year-overview{flex-direction:column;gap:1.25rem;display:flex}.year-story-intro{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.year-chart-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.year-chart-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.year-chart-card h3{font-size:1rem;font-weight:600}.year-chart-card.full-width{grid-column:1/-1}@media (width<=900px){.year-chart-grid{grid-template-columns:1fr}}.year-chart-wrap{margin-top:.35rem}.year-chart{width:100%;height:auto;display:block}.chart-title{fill:var(--text);font-size:11px;font-weight:600}.chart-footnote{margin:.5rem 0 0;font-size:.8rem}.chart-legend-wrap{flex-wrap:wrap;margin-top:.65rem}.legend-swatch-line{border-radius:2px;width:18px;height:3px;display:inline-block}.legend-swatch-line.dashed{opacity:.8;background-image:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 7px);height:2px;background-color:#0000!important}.legend-swatch-band{opacity:.7;background:#93c5fd;border-radius:2px;width:18px;height:10px;display:inline-block}.year-leaderboard th{vertical-align:bottom}.sort-header{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.74rem;font-weight:600;display:inline-flex}.sort-header:hover,.sort-header.active{color:var(--brand)}.sort-indicator{opacity:.35;font-size:.7rem;line-height:1}.sort-header.active .sort-indicator{opacity:1}.year-leaderboard th,.year-leaderboard td{white-space:nowrap;font-size:.85rem}.sparkline-cell{padding-top:.35rem;padding-bottom:.35rem}.sparkline{display:block}.chart-expandable,.chart-interactive{position:relative}.chart-hover-tooltip{z-index:3;background:var(--text);color:#f4f6f9;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);padding:.35rem .65rem;font-size:.8rem;font-weight:600;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.chart-interactive .chart-series{cursor:pointer;transition:opacity .15s}.chart-interactive.has-active-series .chart-series.is-muted{opacity:.2}.chart-interactive.has-active-series .chart-series.is-muted .series-line,.chart-interactive.has-active-series .chart-series.is-muted .series-area,.chart-interactive.has-active-series .chart-series.is-muted .series-band,.chart-interactive.has-active-series .chart-series.is-muted .histogram-bar,.chart-interactive.has-active-series .chart-series.is-muted .grade-bar-fill{opacity:.35}.chart-interactive .chart-series.is-active .series-line{stroke-width:4px!important}.chart-interactive .chart-series.is-active .series-area{fill-opacity:.28!important}.chart-interactive .chart-series.is-active .series-band{fill-opacity:.55!important}.chart-interactive .chart-series.is-active .histogram-bar{filter:brightness(1.05);outline:2px solid var(--brand);outline-offset:1px}.chart-interactive .chart-series.is-active .grade-bar-fill{filter:brightness(1.08);outline-offset:1px;outline:2px solid}.chart-legend-item{cursor:pointer;border-radius:99px;padding:.2rem .5rem;transition:background .15s,opacity .15s,color .15s}.chart-interactive.has-active-series .chart-legend-item.is-muted{opacity:.45}.chart-interactive .chart-legend-item.is-active{background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.chart-legend-item:focus{box-shadow:0 0 0 3px var(--ring);outline:none}.chart-expandable-body{position:relative}.chart-expand-btn{z-index:5;border:1px solid var(--border);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;background:#fffffff0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.chart-expandable:hover .chart-expand-btn,.chart-expandable:focus-within .chart-expand-btn{opacity:1;pointer-events:auto}.chart-expand-btn:focus-visible{opacity:1;pointer-events:auto;box-shadow:0 0 0 4px var(--ring);outline:none}@media (hover:none){.chart-expand-btn{opacity:1;pointer-events:auto}}.chart-expand-btn:hover{color:var(--brand);border-color:var(--brand-soft-border);background:var(--brand-soft)}.chart-modal{width:min(1040px,96vw);max-height:92vh}.chart-modal-body{padding-top:.5rem}.chart-size-expanded .year-chart-wrap,.chart-size-expanded .progress-chart-wrap{margin-top:0}.chart-size-expanded .histogram-expanded{height:420px}.chart-size-expanded .grade-bars-expanded .grade-bar-track{height:16px}.chart-size-expanded .grade-bars-expanded .grade-bar-row{grid-template-columns:64px 1fr 64px;gap:.75rem}.chart-size-expanded .grade-bars-expanded .grade-bar-label,.chart-size-expanded .grade-bars-expanded .grade-bar-value{font-size:1rem}.histogram-expanded{height:320px}.histogram-expanded .histogram-bar{max-width:72px}.histogram-expanded .histogram-label{font-size:.8rem}.histogram-expanded .histogram-count{font-size:.85rem}.reference-setup-modal-wide{width:min(920px,96vw)}.reference-setup-body{flex-direction:column;gap:1.25rem;display:flex}.reference-setup-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600}.reference-assessment-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:.75rem;padding:1rem}.reference-assessment-block legend{padding:0 .35rem;font-weight:700}.checkbox-row{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.topics-group .field-label{margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.topic-shortcut-hint{margin:.15rem 0 .5rem;font-size:.8rem}.topic-shortcut-hint kbd{border:1px solid var(--border);background:#fff;border-radius:4px;padding:.05rem .35rem;font-family:inherit;font-size:.75rem;display:inline-block}.topic-input-row{gap:.35rem;margin-bottom:.35rem;display:flex}.topic-input-row input{flex:1}.btn-icon{min-width:2rem;padding:.25rem}.btn-small{padding:.32rem .65rem;font-size:.8rem}.student-select-toolbar{gap:.5rem;margin-bottom:.5rem;display:flex}.student-select-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.35rem;max-height:220px;padding:.75rem;display:grid;overflow:auto}.student-select-row{grid-template-columns:auto 1fr;align-items:center;gap:.15rem .5rem;font-size:.85rem;display:grid}.student-select-id{font-family:var(--font-mono);grid-column:2;font-size:.74rem}.references-panel{flex-direction:column;gap:1rem;display:flex}.references-toolbar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.65rem;display:flex;position:sticky;top:57px}.references-progress{font-size:.95rem}.reference-name-note{margin:0}.references-layout{outline:none;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch;gap:1.25rem;min-height:520px;display:grid}.reference-sidebar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:.75rem;min-height:0;padding:.85rem;display:flex}.reference-search{width:100%;padding:.55rem .7rem;font-size:.92rem}.reference-filter-chips{flex-wrap:wrap;gap:.35rem;display:flex}.reference-filter-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:99px;padding:.22rem .6rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.reference-filter-chip:hover{border-color:var(--text-subtle);color:var(--text)}.reference-filter-chip.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.reference-nav-list{flex:1;min-height:0;max-height:min(70vh,720px);margin:0;padding:0;list-style:none;overflow-y:auto}.reference-nav-item{text-align:left;border-radius:var(--radius-sm);width:100%;font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .55rem;transition:background .12s;display:flex}.reference-nav-item:hover{background:var(--brand-soft)}.reference-nav-item.active{background:var(--brand);color:var(--on-brand)}.reference-nav-status{text-align:center;flex-shrink:0;width:1rem;font-size:.7rem;font-weight:700}.reference-nav-status-complete{color:var(--success)}.reference-nav-status-error{color:var(--error)}.reference-nav-status-generating{color:var(--brand)}.reference-nav-status-pending{color:var(--text-subtle)}.reference-nav-item.active .reference-nav-status{color:inherit}.reference-nav-label{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.reference-detail{flex-direction:column;min-width:0;display:flex}.reference-detail-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:1rem;min-height:520px;padding:1.5rem 1.75rem;display:flex}.reference-detail-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.reference-detail-title{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.reference-detail-title h2{letter-spacing:-.015em;margin:0;font-size:1.35rem;font-weight:600}.reference-detail-body{flex:1}.reference-detail-placeholder{margin:1rem 0;font-size:1rem}.reference-read-body{font-family:var(--font-serif);color:var(--text);font-size:1.05rem;line-height:1.75}.reference-read-body p{margin:0 0 1rem}.reference-read-body p:last-child{margin-bottom:0}.reference-detail-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.reference-position{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.reference-detail-empty{border:1px dashed var(--border-strong);border-radius:var(--radius);justify-content:center;align-items:center;min-height:320px;padding:2rem;display:flex}.reference-status-pill{letter-spacing:.02em;background:var(--surface-3);color:var(--text-muted);border-radius:99px;padding:.18rem .5rem;font-size:.72rem;font-weight:700}.reference-status-pill.complete{background:var(--success-soft);color:var(--success)}.reference-status-pill.error{background:var(--error-soft);color:var(--error)}.reference-editor{width:100%;min-height:320px;font-family:var(--font-serif);resize:vertical;margin-bottom:.75rem;padding:.9rem;font-size:1.02rem;line-height:1.7}@media (width<=900px){.references-layout{grid-template-columns:1fr;min-height:0}.reference-nav-list{max-height:220px}.reference-detail-panel{min-height:0}}.reference-toast{z-index:200;background:var(--text);color:#f4f6f9;border-radius:var(--radius-sm);max-width:360px;box-shadow:var(--shadow-lg);padding:.85rem 1rem;font-size:.9rem;position:fixed;bottom:1.25rem;right:1.25rem}textarea{padding:.65rem .75rem;font-size:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.auth-account{align-items:center;gap:.6rem;min-width:0;display:flex}.auth-account-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.auth-avatar{object-fit:cover;border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:32px;height:32px}.auth-avatar-fallback{color:#1d4ed8;background:#dbeafe;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.app-auth-bar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;position:sticky;top:0}.app-auth-bar-inner{max-width:1120px;margin:0 auto;padding:.55rem 1.25rem}.app-auth-bar .auth-toolbar{justify-content:flex-end;margin-left:0}.auth-user{font-size:.85rem;font-weight:600;line-height:1.2}.auth-billing{font-size:.8rem}.reference-billing-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.reference-billing-banner-text p{margin:.25rem 0 0}.reference-locked{border:1px dashed var(--border);border-radius:10px;min-height:220px;position:relative;overflow:hidden}.reference-locked-blur{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.55;padding:1rem}.reference-locked-overlay{text-align:center;background:#f8fafcd1;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.reference-locked-title{margin:0 0 .35rem;font-weight:700}.reference-status-pill.locked{color:#92400e;background:#fef3c7}.reference-nav-status-locked{color:#b45309}