.mq-view .mq-hero-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,rgba(15,118,110,.12),transparent 48%),radial-gradient(ellipse at 0% 100%,rgba(79,70,229,.08),transparent 42%),#fff}.mq-kicker{margin:0 0 .2rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0f766e;display:inline-flex;align-items:center;gap:.35rem}.mq-panel-sub{margin-top:.25rem;font-size:.6875rem;font-weight:600;color:#64748b;line-height:1.4}.mq-panel-head{display:flex;align-items:flex-start;gap:.75rem}.mq-panel-head h2{font-size:1.05rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.mq-summary-pills{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.mq-summary-pill{font-size:.625rem;font-weight:800;padding:.3rem .55rem;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;white-space:nowrap}.mq-summary-pill.is-warn{border-color:#fcd34d;background:#fffbeb;color:#b45309}.mq-summary-pill.is-ok{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.mq-filter-block{display:flex;flex-direction:column;gap:.5rem}.mq-filter-student{border:1px solid #c7d2fe;border-radius:1rem;padding:.7rem .75rem;background:linear-gradient(180deg,#eef2ff,#f8fafc)}.mq-filter-label{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;display:flex;align-items:center;gap:.35rem}.mq-filter-student .mq-filter-label{color:#4338ca}.mq-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.mq-student-chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mq-student-chip-row::-webkit-scrollbar{height:4px}.mq-chip{font-size:.625rem;font-weight:800;padding:.4rem .75rem;border-radius:999px;border:2px solid #e2e8f0;color:#64748b;background:#fff;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.mq-chip:hover{border-color:#cbd5e1;color:#334155}.mq-chip.is-active-subject{border-color:#4f46e5;background:#eef2ff;color:#4338ca}.mq-chip.is-active-status{border-color:#f59e0b;background:#fffbeb;color:#b45309}.mq-chip.is-active-student{border-color:#0f766e;background:#ccfbf1;color:#0f766e;box-shadow:0 0 0 2px #0f766e1f}.mq-chip-badge{font-style:normal;font-size:.55rem;font-weight:900;min-width:1.1rem;height:1.1rem;padding:0 .28rem;border-radius:999px;background:#f59e0b;color:#fff;display:inline-flex;align-items:center;justify-content:center}.mq-chip.is-active-student .mq-chip-badge{background:#0f766e}@media (max-width: 1023px){.mq-chip-row:not(.mq-student-chip-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.mq-chip-row:not(.mq-student-chip-row) .mq-chip{width:100%;text-align:center;justify-content:center;font-size:.72rem;padding:.55rem .5rem;border-radius:.75rem;min-height:2.4rem}.mq-filter-block:not(.mq-filter-student){border:1px solid #e2e8f0;border-radius:1rem;padding:.65rem .7rem;background:#f8fafc}.mq-student-chip-row{display:flex;grid-template-columns:none}.mq-student-chip-row .mq-chip{width:auto;min-height:2.15rem;font-size:.7rem;border-radius:999px}}.mq-active-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .75rem;border-radius:.875rem;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.6875rem;font-weight:700;color:#475569}.mq-active-filter button{font-size:.625rem;font-weight:800;color:#64748b;padding:.2rem .45rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#fff}.mq-roster-head,.mq-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.mq-roster-head h3,.mq-gallery-head h3{font-size:.875rem;font-weight:800;color:#1e293b}.mq-roster-reset{font-size:.625rem;font-weight:800;color:#4f46e5;padding:.35rem .65rem;border-radius:.5rem;background:#eef2ff;border:1px solid #c7d2fe;align-self:flex-start}.mq-student-roster{display:flex;flex-direction:column;gap:.75rem}.mq-roster-empty,.mq-gallery-empty{margin:0;padding:1.25rem 1rem;text-align:center;font-size:.75rem;font-weight:600;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem}.mq-student-card{border:1px solid #e2e8f0;border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s,box-shadow .15s,transform .15s}.mq-student-card.is-selected{border-color:#818cf8;box-shadow:0 0 0 2px #6366f126,0 8px 24px #0f172a0f}.mq-student-card-head{display:flex;align-items:center;gap:.65rem;padding:.75rem .875rem;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;position:relative;overflow:hidden}.mq-student-card-head:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 42%),radial-gradient(circle at 10% 90%,rgba(0,0,0,.1),transparent 45%);pointer-events:none}.mq-student-card-head>*{position:relative;z-index:1}.mq-grade-5.mq-student-card-head,.mq-grade-5.mq-gallery-card-head{background:linear-gradient(145deg,#0284c7,#4f46e5)}.mq-grade-6.mq-student-card-head,.mq-grade-6.mq-gallery-card-head{background:linear-gradient(145deg,#059669,#0d9488)}.mq-grade-7.mq-student-card-head,.mq-grade-7.mq-gallery-card-head{background:linear-gradient(145deg,#d97706,#ea580c)}.mq-grade-8.mq-student-card-head,.mq-grade-8.mq-gallery-card-head{background:linear-gradient(145deg,#7c3aed,#db2777)}.mq-grade-9.mq-student-card-head,.mq-grade-9.mq-gallery-card-head{background:linear-gradient(145deg,#0f766e,#155e75)}.mq-grade-10.mq-student-card-head,.mq-grade-10.mq-gallery-card-head{background:linear-gradient(145deg,#1d4ed8,#4338ca)}.mq-grade-11.mq-student-card-head,.mq-grade-11.mq-gallery-card-head{background:linear-gradient(145deg,#b45309,#c2410c)}.mq-grade-12.mq-student-card-head,.mq-grade-12.mq-gallery-card-head{background:linear-gradient(145deg,#be123c,#9f1239)}.mq-grade-default.mq-student-card-head,.mq-grade-default.mq-gallery-card-head{background:linear-gradient(145deg,#475569,#334155)}.mq-student-avatar{width:2.25rem;height:2.25rem;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.6875rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mq-student-ident{min-width:0;flex:1}.mq-student-name{font-size:.8125rem;font-weight:900;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-student-meta{font-size:.625rem;font-weight:600;color:#ffffffd1}.mq-student-total{text-align:right;flex-shrink:0}.mq-student-total strong{display:block;font-size:1rem;font-weight:900;color:#fbbf24;line-height:1.1}.mq-student-total span{font-size:.5625rem;font-weight:700;color:#ffffffbf;text-transform:uppercase}.mq-student-total.is-clear strong{color:#34d399}.mq-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.65rem}@media (min-width: 640px){.mq-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.mq-subject-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.mq-subject-tile{border:1px solid #e2e8f0;border-radius:.875rem;padding:.5rem .45rem;text-align:left;background:#f8fafc;transition:border-color .15s,background .15s,transform .1s;min-height:4.5rem;display:flex;flex-direction:column;gap:.25rem}.mq-subject-tile:hover{border-color:#cbd5e1;background:#fff}.mq-subject-tile.is-active{border-color:var(--mq-subj-color, #6366f1);background:color-mix(in srgb,var(--mq-subj-color, #6366f1) 8%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--mq-subj-color, #6366f1) 25%,transparent)}.mq-subject-tile.is-empty{opacity:.72}.mq-subject-tile-label{font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--mq-subj-color, #64748b);line-height:1.2}.mq-subject-tile-counts{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto}.mq-count-badge{font-size:.5625rem;font-weight:800;padding:.15rem .35rem;border-radius:.35rem;line-height:1.2}.mq-count-badge.is-open{background:#fef3c7;color:#b45309}.mq-count-badge.is-done{background:#d1fae5;color:#047857}.mq-count-badge.is-zero{background:#f1f5f9;color:#94a3b8}.mq-roster-empty{text-align:center;padding:2rem 1rem;font-size:.75rem;color:#94a3b8;font-style:italic}.mq-gallery-count{font-size:.625rem;font-weight:800;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.25rem .55rem}.mq-gallery-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 768px){.mq-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.mq-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mq-gallery-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0f172a0d}.mq-gallery-card-head{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-bottom:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.mq-gallery-card-head:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.18),transparent 50%);pointer-events:none}.mq-gallery-card-head>*{position:relative;z-index:1}.mq-gallery-card-head .mq-subj-pill{margin-left:auto;font-size:.5625rem;font-weight:800;padding:.15rem .4rem;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.28);color:#fff}.mq-gallery-thumb{display:block;width:100%;height:9rem;background:#f1f5f9;overflow:hidden}.mq-gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.mq-gallery-thumb:hover img{transform:scale(1.04)}.mq-gallery-card-body{padding:.65rem;display:flex;flex-direction:column;gap:.35rem;background:#f8fafc}.mq-gallery-empty{grid-column:1 / -1;text-align:center;padding:2.5rem 1rem;font-size:.75rem;color:#94a3b8;font-style:italic;border:1px dashed #e2e8f0;border-radius:1rem;background:#fafafa}.mq-track-row{display:flex;flex-direction:column;gap:.45rem}.mq-roster-hint{margin:.2rem 0 0;font-size:.65rem;font-weight:600;color:#94a3b8}.mq-student-card.is-mine{border-color:#99f6e4}.mq-student-card-head{width:100%;text-align:left;cursor:pointer;border:none}.mq-student-card-head:hover{filter:brightness(1.05)}.mq-student-total.is-hot strong{color:#fecaca}.mq-no-subj{margin:0;padding:.5rem .75rem;font-size:.65rem;color:#94a3b8;font-style:italic}.mq-detail-panel{border:1px solid #a7f3d0;box-shadow:0 8px 24px #0f766e14}.mq-detail-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:.85rem;margin-bottom:.85rem;border-bottom:1px solid #e2e8f0}.mq-detail-back{font-size:.7rem;font-weight:800;color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.75rem;padding:.45rem .75rem;display:inline-flex;align-items:center;gap:.35rem}.mq-detail-back:hover{background:#d1fae5}.mq-detail-title-wrap{flex:1;min-width:10rem}.mq-detail-title-wrap h3{margin:0;font-size:.95rem;font-weight:900;color:#0f172a}.mq-detail-sub{margin:.15rem 0 0;font-size:.65rem;font-weight:600;color:#64748b}.mq-gallery-card.is-resolved{opacity:.92}.mq-subject-tile.is-empty{display:none}.mq-chip.is-on{background:#0f766e;color:#fff;border-color:#0f766e}.mq-why-tag{display:inline-block;margin:.2rem 0 .1rem;padding:.15rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;background:#fef3c7;color:#92400e}.mq-why-add{display:inline-block;margin:.2rem 0 .1rem;padding:.15rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;background:#eef2ff;color:#4338ca;border:1px dashed #c7d2fe}.mq-insights-kicker{font-size:.78rem;font-weight:900;color:#0f172a;margin:0 0 .35rem}.mq-insights-hint{font-size:.68rem;font-weight:600;color:#475569;margin:0 0 .75rem}.mq-insights-empty{font-size:.75rem;color:#64748b;margin:0}.mq-coach-card{border-radius:1rem;padding:.9rem 1rem 1rem;margin-bottom:1rem;border:1px solid #a7f3d0;background:linear-gradient(180deg,#ecfdf5,#f8fafc)}.mq-coach-card.is-practice{border-color:#7dd3fc;background:linear-gradient(180deg,#e0f2fe,#f8fafc)}.mq-coach-card.is-topic{border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb,#f8fafc)}.mq-coach-card.is-reading{border-color:#c4b5fd;background:linear-gradient(180deg,#f5f3ff,#f8fafc)}.mq-coach-card.is-start{border-color:#fda4af;background:linear-gradient(180deg,#fff1f2,#f8fafc)}.mq-coach-card.is-speed{border-color:#5eead4}.mq-coach-kicker{margin:0;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0f766e}.mq-coach-card h4{margin:.2rem 0 .35rem;font-size:1rem;font-weight:900;color:#0f172a}.mq-coach-card>p{margin:0 0 .65rem;font-size:.75rem;font-weight:600;color:#334155;line-height:1.45}.mq-bar-row{margin-bottom:.45rem}.mq-bar-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.68rem;margin-bottom:.15rem}.mq-bar-meta span{font-weight:700;color:#334155;flex:1;min-width:0}.mq-bar-meta strong{font-weight:900;color:#0f172a}.mq-bar-meta em{font-style:normal;color:#94a3b8;font-size:.62rem}.mq-bar-track{height:.45rem;background:#e2e8f0;border-radius:999px;overflow:hidden}.mq-bar-track span{display:block;height:100%;border-radius:999px;min-width:0}.mq-bar-track span.is-topic{background:#d97706}.mq-bar-track span.is-practice{background:#0284c7}.mq-bar-track span.is-reading{background:#7c3aed}.mq-bar-track span.is-start{background:#e11d48}.mq-bar-track span.is-speed{background:#0f766e}.mq-bar-track span.is-unknown{background:#94a3b8}.mq-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mq-insights-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:.85rem}.mq-insights-card h4{margin:0 0 .5rem;font-size:.78rem;font-weight:800;color:#0f172a}.mq-donut{width:7.5rem;height:7.5rem;display:block;margin:0 auto .6rem}.mq-insights-table{width:100%;font-size:.68rem;border-collapse:collapse}.mq-insights-table th,.mq-insights-table td{text-align:left;padding:.28rem .2rem;border-bottom:1px solid #e2e8f0}.mq-insights-table th{color:#64748b;font-size:.6rem;text-transform:uppercase}.mq-why-overlay{display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c;backdrop-filter:blur(6px)}.mq-why-overlay.hidden{display:none}.mq-why-card{width:100%;max-width:22rem;background:#fff;border-radius:1.25rem;padding:1.1rem 1.15rem 1rem;box-shadow:0 20px 50px #0f172a40}.mq-why-card h3{margin:0;font-size:.95rem;font-weight:900;color:#0f172a}.mq-why-sub{margin:.25rem 0 .75rem;font-size:.7rem;font-weight:600;color:#64748b}.mq-why-options{display:flex;flex-wrap:wrap;gap:.4rem}.mq-why-opt{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:999px;padding:.4rem .7rem;font-size:.72rem;font-weight:700;cursor:pointer}.mq-why-opt.is-on{background:#0f766e;border-color:#0f766e;color:#fff}.mq-why-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}.mq-why-skip{background:transparent;border:none;color:#64748b;font-size:.72rem;font-weight:700;cursor:pointer}.mq-why-save{background:#0f766e;color:#fff;border:none;border-radius:.7rem;padding:.45rem .9rem;font-size:.75rem;font-weight:800;cursor:pointer}@media (max-width: 767px){.mq-insights-grid{grid-template-columns:1fr}}