.page[data-v-588c8a41]{min-height:100vh;position:relative;overflow:hidden}.bg-art[data-v-588c8a41]{z-index:0;width:100%;height:100%;position:fixed;inset:0}.content[data-v-588c8a41]{z-index:1;max-width:420px;margin:0 auto;padding:18vh 20px 72px;position:relative}.icp[data-v-588c8a41]{z-index:1;text-align:center;font-size:12px;position:absolute;bottom:18px;left:0;right:0}.icp a[data-v-588c8a41]{color:#7d9a86;text-decoration:none}.icp a[data-v-588c8a41]:hover{text-decoration:underline}.home-card[data-v-588c8a41]{text-align:center;background:#ffffffeb;border-radius:20px;padding:40px 28px 32px;box-shadow:0 16px 40px #4caf7d1f}.home-icon[data-v-588c8a41]{margin-bottom:12px}.home-card h1[data-v-588c8a41]{color:#2e4a38;margin:0 0 10px;font-size:20px;font-weight:600}.home-text[data-v-588c8a41]{color:#3d5a48;margin:0 0 14px;font-size:15px;line-height:1.7}.home-sub[data-v-588c8a41]{color:#8aaa94;margin:0;font-size:13px}.chart-dim[data-v-5d3db7e6]{text-align:left}.chart-legend[data-v-5d3db7e6]{color:#5a7a64;justify-content:center;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.legend-dot[data-v-5d3db7e6]{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.legend-dot.mine[data-v-5d3db7e6],.bar-fill.mine[data-v-5d3db7e6]{background:#3f9e6e}.legend-dot.avg[data-v-5d3db7e6],.bar-fill.avg[data-v-5d3db7e6]{background:#2a78d6}.legend-dot.norm[data-v-5d3db7e6],.bar-fill.norm[data-v-5d3db7e6]{background:#d9892b}.unit-list[data-v-5d3db7e6]{text-align:left;background:#f6fbf7;border-radius:12px;margin-bottom:14px;padding:12px 14px}.unit-row[data-v-5d3db7e6]{color:#2e4a38;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.unit-no[data-v-5d3db7e6]{color:#fff;background:#4caf7d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.unit-name[data-v-5d3db7e6]{flex:1}.unit-count[data-v-5d3db7e6]{color:#8aaa94;font-size:12px}.unit-badge[data-v-5d3db7e6]{color:#2e7d32;background:#e8f5e9;border-radius:10px;margin:0 0 6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.next-unit[data-v-5d3db7e6]{text-align:left;background:#f6fbf7;border-radius:12px;margin:16px 0 18px;padding:14px 16px}.next-label[data-v-5d3db7e6]{color:#8aaa94;margin:0;font-size:12px}.next-title[data-v-5d3db7e6]{color:#2e4a38;margin:4px 0 2px;font-size:16px;font-weight:600}.next-count[data-v-5d3db7e6]{color:#5a7a64;margin:0;font-size:13px}.next-desc[data-v-5d3db7e6]{margin-top:8px}.result-unit-title[data-v-5d3db7e6]{color:#2e4a38;margin:22px 0 0;font-size:15px;font-weight:600}.submit-error[data-v-5d3db7e6]{color:#c0392b;text-align:center;margin:10px 0 0;font-size:13px}.q-media[data-v-5d3db7e6]{flex-direction:column;align-items:center;gap:10px;margin:-8px 0 18px;display:flex}.q-media-img[data-v-5d3db7e6]{cursor:zoom-in;border-radius:10px;max-width:100%;max-height:46vh;box-shadow:0 2px 10px #0000000f}.q-media-video[data-v-5d3db7e6]{background:#000;border-radius:10px;width:100%;max-height:50vh}.q-media-audio[data-v-5d3db7e6]{width:100%}.media-hint[data-v-5d3db7e6]{color:#9cb8a6;margin:0;font-size:11px}.image-options[data-v-5d3db7e6]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.image-options.scale-images[data-v-5d3db7e6]{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px}.scale-images .image-option[data-v-5d3db7e6]{padding:5px 3px}.scale-images .image-option-label[data-v-5d3db7e6]{font-size:11px}.image-option[data-v-5d3db7e6]{cursor:pointer;background:#fff;border:2px solid #dcefe0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-family:inherit;transition:all .15s;display:flex}.image-option img[data-v-5d3db7e6]{aspect-ratio:1;object-fit:contain;background:#fafafa;border-radius:6px;width:100%}.image-option-label[data-v-5d3db7e6]{color:#3d5a48;font-size:13px;line-height:1.3}.image-option[data-v-5d3db7e6]:hover{border-color:#9ed9b2}.image-option.active[data-v-5d3db7e6]{background:#eaf7ef;border-color:#4caf7d;box-shadow:0 0 0 3px #4caf7d40}.image-option.active .image-option-label[data-v-5d3db7e6]{color:#2e7d32;font-weight:600}.no-save img[data-v-5d3db7e6],.no-save video[data-v-5d3db7e6]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zoom-mask[data-v-5d3db7e6]{z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.zoom-mask img[data-v-5d3db7e6]{border-radius:6px;max-width:100%;max-height:88vh}.zoom-close[data-v-5d3db7e6]{color:#ffffffb3;margin-top:10px;font-size:12px}.chart-dim[data-v-5d3db7e6]{background:#f9fcfa;border-radius:10px;margin-top:10px;padding:12px 14px}.chart-dim-head[data-v-5d3db7e6]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-dim-name[data-v-5d3db7e6]{color:#2e4a38;font-size:14px;font-weight:600}.bar-row[data-v-5d3db7e6]{align-items:center;gap:8px;margin-bottom:4px;display:flex}.bar-label[data-v-5d3db7e6]{color:#5a7a64;flex-shrink:0;width:52px;font-size:12px}.bar-track[data-v-5d3db7e6]{background:#e8efea;border-radius:0 4px 4px 0;flex:1;height:10px}.bar-fill[data-v-5d3db7e6]{border-radius:0 4px 4px 0;height:100%;transition:width .6s}.bar-value[data-v-5d3db7e6]{text-align:right;color:#2e4a38;flex-shrink:0;width:40px;font-size:13px;font-weight:600}.bar-scale[data-v-5d3db7e6]{color:#9ab0a2;justify-content:space-between;margin:0 48px 0 60px;font-size:11px;display:flex}.dim-report[data-v-5d3db7e6]{text-align:left;background:#f9fcfa;border-radius:10px;margin-top:10px;padding:10px 14px}.dim-report-head[data-v-5d3db7e6]{justify-content:space-between;align-items:center;gap:10px;display:flex}.dim-report-name[data-v-5d3db7e6]{color:#2e4a38;font-size:14px;font-weight:600}.dim-report-badge[data-v-5d3db7e6]{border:1px solid;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600}.dim-report-desc[data-v-5d3db7e6]{color:#5a7a64;white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.7}.section-box[data-v-5d3db7e6]{background:#f4fbf6;border-left:3px solid #4caf7d;border-radius:8px;margin-bottom:14px;padding:10px 14px}.section-title[data-v-5d3db7e6]{color:#2e4a38;margin:0;font-size:14px;font-weight:600}.section-intro[data-v-5d3db7e6]{color:#5a7a64;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.7}.desc-box[data-v-5d3db7e6]{background:#fffdf5;border:1px solid #f3e6c4;border-radius:12px;margin-bottom:16px;padding:14px 16px}.desc-title[data-v-5d3db7e6]{color:#8b6b2e;margin:0 0 6px;font-size:13px;font-weight:600}.desc-text[data-v-5d3db7e6]{color:#5a4a2e;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.8}.desc-toggle[data-v-5d3db7e6]{color:#4caf7d;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.quiz-desc[data-v-5d3db7e6]{text-align:left;background:#fffdf5;border-radius:10px;margin:6px 0 10px;padding:10px 12px}.report-label-badge[data-v-5d3db7e6]{text-align:center;border-radius:20px;width:fit-content;margin:0 auto 14px;padding:8px 24px;font-size:17px;font-weight:600;display:block}.report-desc-box[data-v-5d3db7e6]{color:#5a7a64;background:#f4fbf6;border-left:3px solid #4caf7d;border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.7}.page[data-v-5d3db7e6]{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-art[data-v-5d3db7e6]{z-index:0;width:100%;height:100%;position:absolute;inset:0}.content[data-v-5d3db7e6]{z-index:1;width:100%;max-width:540px;padding:24px;position:relative}.loading[data-v-5d3db7e6],.error-state[data-v-5d3db7e6]{text-align:center;color:#5a7a64;font-size:15px}.closed-card[data-v-5d3db7e6]{text-align:center;background:#ffffffeb;border-radius:20px;padding:48px 32px;box-shadow:0 16px 40px #4caf7d1f}.closed-card h2[data-v-5d3db7e6]{color:#5a7a64;margin:12px 0 8px;font-size:17px;font-weight:500}.closed-sub[data-v-5d3db7e6]{color:#8aaa94;margin:0;font-size:13px}.consent-card[data-v-5d3db7e6]{background:#ffffffeb;border-radius:20px;padding:36px 28px;box-shadow:0 16px 40px #4caf7d1f}.consent-header[data-v-5d3db7e6]{text-align:center;margin-bottom:20px}.consent-icon[data-v-5d3db7e6]{margin-bottom:12px}.consent-header h2[data-v-5d3db7e6]{color:#2e4a38;margin:0 0 4px;font-size:20px;font-weight:600}.consent-subtitle[data-v-5d3db7e6]{color:#8aaa94;margin:0;font-size:13px}.consent-body[data-v-5d3db7e6]{background:#f4fbf6;border-radius:12px;margin-bottom:16px;padding:16px}.consent-text[data-v-5d3db7e6]{color:#3d5a48;margin:0 0 12px;font-size:13px;line-height:1.8}.consent-points[data-v-5d3db7e6]{flex-direction:column;gap:6px;display:flex}.point[data-v-5d3db7e6]{color:#5a7a64;align-items:center;gap:8px;font-size:13px;display:flex}.point-dot[data-v-5d3db7e6]{background:#4caf7d;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tracking-section[data-v-5d3db7e6]{margin-bottom:16px}.tracking-toggle[data-v-5d3db7e6]{color:#7a9685;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.tracking-input[data-v-5d3db7e6]{margin-top:8px}.tracking-input input[data-v-5d3db7e6]{box-sizing:border-box;border:1px solid #dcefe0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.tracking-input input[data-v-5d3db7e6]:focus{border-color:#4caf7d}.consent-btn[data-v-5d3db7e6]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6fcf97,#4caf7d);border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:600}.quiz-card[data-v-5d3db7e6]{background:#ffffffe6;border-radius:20px;padding:28px 28px 20px;box-shadow:0 16px 40px #4caf7d1f}.phase-banner[data-v-5d3db7e6]{text-align:center;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.phase-banner.student[data-v-5d3db7e6]{color:#2e7d32;background:#e8f5e9}.phase-banner.parent[data-v-5d3db7e6]{color:#e65100;background:#fff3e0}.quiz-header h1[data-v-5d3db7e6]{color:#2e4a38;margin:0 0 14px;font-size:17px;font-weight:600}.progress-track[data-v-5d3db7e6]{background:#e3f1e6;border-radius:4px;height:6px;overflow:hidden}.progress-fill[data-v-5d3db7e6]{background:linear-gradient(90deg,#6fcf97,#4caf7d);border-radius:4px;height:100%;transition:width .3s}.progress-label[data-v-5d3db7e6]{color:#8aaa94;margin:6px 0 24px;font-size:12px}.question-text[data-v-5d3db7e6]{color:#2e4a38;min-height:48px;margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.6}.options[data-v-5d3db7e6]{justify-content:space-between;gap:8px;display:flex}.option-btn[data-v-5d3db7e6]{color:#5a7a64;cursor:pointer;background:#fff;border:1.5px solid #dcefe0;border-radius:12px;flex:1;height:50px;font-size:16px;font-weight:500;transition:all .15s}.option-btn[data-v-5d3db7e6]:hover{border-color:#9ed9b2}.option-btn.active[data-v-5d3db7e6]{color:#fff;background:linear-gradient(135deg,#6fcf97,#4caf7d);border-color:#4caf7d;transform:scale(1.05)}.option-labels[data-v-5d3db7e6]{color:#9cb8a6;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.yn-options[data-v-5d3db7e6]{justify-content:center;gap:24px}.yn-btn[data-v-5d3db7e6]{flex:none;width:120px;font-size:15px}.text-options[data-v-5d3db7e6]{flex-direction:column;gap:10px;display:flex}.multi-hint[data-v-5d3db7e6]{color:#9cb8a6;margin:0 0 4px;font-size:12px}.text-option-btn[data-v-5d3db7e6]{color:#3d5a48;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #dcefe0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .15s}.text-option-btn[data-v-5d3db7e6]:hover{background:#f4fbf6;border-color:#9ed9b2}.text-option-btn.active[data-v-5d3db7e6]{color:#fff;background:linear-gradient(135deg,#6fcf97,#4caf7d);border-color:#4caf7d}.open-text textarea[data-v-5d3db7e6]{color:#3d5a48;resize:vertical;box-sizing:border-box;border:1.5px solid #dcefe0;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;line-height:1.6}.open-text textarea[data-v-5d3db7e6]:focus{border-color:#4caf7d}.speed-warning[data-v-5d3db7e6]{text-align:center;background:#fff8e1;border:1px solid #ffd54f;border-radius:10px;margin-bottom:16px;padding:14px 16px}.speed-warning p[data-v-5d3db7e6]{color:#8b6914;margin:0 0 10px;font-size:14px}.warning-confirm-btn[data-v-5d3db7e6]{color:#fff;cursor:pointer;background:#ffb300;border:none;border-radius:8px;padding:8px 20px;font-size:13px}.nav-buttons[data-v-5d3db7e6]{gap:12px;margin-top:24px;display:flex}.nav-btn[data-v-5d3db7e6]{cursor:pointer;border:none;border-radius:12px;flex:1;height:46px;font-size:15px;font-weight:600;transition:opacity .2s}.nav-btn.secondary[data-v-5d3db7e6]{color:#5a7a64;background:#f0f7f2}.nav-btn.primary[data-v-5d3db7e6]{color:#fff;background:linear-gradient(135deg,#6fcf97,#4caf7d)}.nav-btn[data-v-5d3db7e6]:disabled{opacity:.4;cursor:not-allowed}.exit-row[data-v-5d3db7e6]{text-align:center;margin-top:12px}.exit-btn[data-v-5d3db7e6]{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.exit-btn[data-v-5d3db7e6]:hover{color:#888}.result-card[data-v-5d3db7e6]{text-align:center;background:#ffffffeb;border-radius:20px;padding:48px 32px;box-shadow:0 16px 40px #4caf7d1f}.result-icon[data-v-5d3db7e6]{margin-bottom:16px}.result-card h2[data-v-5d3db7e6]{color:#2e4a38;margin:0 0 8px;font-size:18px}.result-sub[data-v-5d3db7e6]{color:#8aaa94;margin:0;font-size:13px}.info-card[data-v-5d3db7e6]{background:#ffffffeb;border-radius:20px;padding:32px 28px;box-shadow:0 16px 40px #4caf7d1f}.info-card h2[data-v-5d3db7e6]{color:#2e4a38;margin:0 0 6px;font-size:19px;font-weight:600}.info-subtitle[data-v-5d3db7e6]{color:#8aaa94;margin:0 0 24px;font-size:13px}.info-form[data-v-5d3db7e6]{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.info-field[data-v-5d3db7e6]{flex-direction:column;gap:8px;display:flex}.info-label[data-v-5d3db7e6]{color:#2e4a38;font-size:14px;font-weight:500}.required[data-v-5d3db7e6]{color:#f44336;margin-left:2px}.info-input[data-v-5d3db7e6]{color:#3d5a48;border:1.5px solid #dcefe0;border-radius:10px;outline:none;height:40px;padding:0 12px;font-size:14px}.info-input[data-v-5d3db7e6]:focus{border-color:#4caf7d}.info-select[data-v-5d3db7e6]{color:#3d5a48;background:#fff;border:1.5px solid #dcefe0;border-radius:10px;outline:none;height:40px;padding:0 12px;font-size:14px}.radio-group[data-v-5d3db7e6]{flex-wrap:wrap;gap:8px;display:flex}.radio-item[data-v-5d3db7e6]{color:#5a7a64;cursor:pointer;background:#fff;border:1.5px solid #dcefe0;border-radius:20px;padding:6px 16px;font-size:13px;transition:all .15s}.radio-item.active[data-v-5d3db7e6]{color:#fff;background:linear-gradient(135deg,#6fcf97,#4caf7d);border-color:#4caf7d}