:root{color-scheme:light;--paper:#f9fafb;--panel:#fff;--ink:#111827;--soft:#6b7280;--line:#e5e7eb;--green:#29936c;--lime:#eff6ff;--amber:#d97706;--red:#dc2626;--blue:#0055a4;background:#f9fafb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
button.primary,button.active{background:var(--blue);border-color:var(--blue);color:#fff}button:hover{border-color:var(--blue)}.full{display:block;width:100%;text-align:center;margin-top:12px}.welcome{min-height:100dvh;background:linear-gradient(#0055a4,#1e40af);padding:40px 24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.welcome-brand{text-align:center;margin-bottom:26px}.welcome-brand .brand{background:#fff;padding:5px 10px;border-radius:9px;margin:0 auto 18px;display:inline-flex}.welcome-brand h1{font-size:30px;color:#fff}.welcome-brand p{color:#bfdbfe;font-size:18px}.profile-panel{width:100%;max-width:420px;border-radius:16px;background:#fff;color:#111827;padding:26px;box-shadow:0 15px 30px #002e602b}.profile-panel h2{font-size:21px}.profile-list{display:grid;gap:12px}.profile-list button{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;text-align:left;background:#fff;width:100%}.profile-list button:hover{background:#eff6ff}.avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0055a4;color:#fff;border-radius:50%;flex-shrink:0}.profile-list small{display:block}.profile-list b{font-weight:500}.profile-panel form label{display:block;font-size:17px;margin:12px 0}.profile-panel input,.profile-panel select{width:100%;max-width:100%;margin-top:5px}.profile-panel .ghost{color:#0055a4}.profile-panel .reset-choice{font-size:16px}.reset-choice{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;margin-bottom:16px}.reset-choice input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#dc2626}.reset-choice small{display:block;font-size:13px;line-height:1.5;margin-top:4px}.welcome-footer{font-size:14px;color:#93c5fd;margin:24px 0 8px}.welcome>.build{color:#bfdbfe}.assessment-intro{max-width:430px;width:100%;text-align:center}.assessment-intro .brain{font-size:56px;margin:0 0 20px}.assessment-intro h1{font-size:28px;color:#fff}.assessment-intro>p{font-size:18px;color:#bfdbfe}.intro-profile{text-align:left;background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;padding:16px;margin:22px 0 16px}.intro-profile small{color:#bfdbfe;font-size:13px}.intro-profile h2{color:#fff;margin:2px 0}.intro-profile span{font-size:16px;color:#bfdbfe}.intro-reset{background:#ffffff1a;border-color:#ffffff4d;text-align:left}.intro-reset small{color:#dbeafe}.intro-start{color:#0055a4;background:#fff;border:0;font-weight:600;padding:16px}.intro-switch{color:#fff;background:transparent;border-color:#ffffffb3}.welcome .small{color:#bfdbfe}.welcome .error{color:#991b1b}.assessment-shell{background:#f9fafb;min-height:100dvh}.assessment-shell>header{padding:12px 20px;justify-content:space-between}.assessment-shell main{max-width:1536px;padding:16px;margin:auto;min-height:0}.assessment-heading{margin:0 0 18px}.assessment-heading h1{font-size:20px;font-weight:500;margin:0;color:#6b7280}.assessment-heading>p{margin:6px 0 10px}.selection-note{border-radius:8px;background:#eff6ff;color:#0055a4;padding:12px;font-size:15px}.selection-note .row{gap:5px;margin-top:8px}.selection-note p{margin:8px 0 0;color:#1e40af}.band-chip{background:#fde68a;color:#78350f;border-radius:20px;font-size:13px;font-weight:600;padding:3px 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}.meaning-card{padding:12px;border:2px solid #e5e7eb;border-radius:12px;min-height:205px;transition:background .15s,border-color .15s;position:relative}.meaning-card.know{background:#f0fdf4;border-color:#22c55e;color:#111827}.meaning-card.familiar{background:#fffbeb;border-color:#fbbf24;color:#111827}.meaning-card.dont_know{background:#fef2f2;border-color:#fca5a5;color:#111827}.cardmeta{display:block;padding-right:48px;min-height:28px}.cardmeta .small{font-size:12px;line-height:1.4;display:block;color:#9ca3af}.answer-state{position:absolute;top:8px;right:8px;font-size:12px;color:#6b7280}.meaning-card.know .answer-state{color:#16a34a}.meaning-card.familiar .answer-state{color:#d97706}.meaning-card.dont_know .answer-state{color:#dc2626}.card-face{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;flex:1;min-height:85px;margin:8px 0 12px}.card-face:hover{border-color:transparent}.meaning-card h2{font-family:inherit;font-size:24px;font-weight:600;margin:12px 0;color:#111827}.meaning-card .definition{border:0;padding:0;font-size:20px;line-height:1.45;color:#111827}.meaning-card .context{font-family:inherit;font-style:italic;font-size:17px;line-height:1.55;margin:12px 0 0;color:#4b5563}.grades{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grades button{border-radius:8px;display:flex;align-items:center;justify-content:center;padding:5px 8px;min-height:40px}.grades .know{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.grades .familiar{background:#fff7ed;color:#f97316;border-color:#fed7aa}.grades .dont_know{background:#fef2f2;color:#dc2626;border-color:#fecaca}.grades button.chosen{outline:2px solid currentColor;outline-offset:0}.grades .know.chosen{background:#bbf7d0}.grades .familiar.chosen{background:#fed7aa}.grades .dont_know.chosen{background:#fecaca}.feedback-face{width:30px;height:30px;display:inline-block}.card-tools{display:flex;justify-content:space-between;gap:5px;align-items:center;min-height:24px;margin-top:5px}.card-tools>button{padding:0 5px;min-height:22px;font-size:12px;color:#6b7280;background:transparent;border:0}.card-tools>button:last-child{margin-left:auto}.quiz-footer{margin:18px auto 0;max-width:768px;text-align:center}.bulk-controls{display:flex;gap:9px}.bulk-controls button{flex:1;text-align:center;font-size:17px}.bulk-known{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.bulk-unknown{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.quiz-footer .full{padding:15px}.quiz-footer .small{font-size:14px;margin:6px 0}.quiz-footer .ghost{font-size:15px;color:#0055a4}.assessment-result{max-width:760px;margin:24px auto}.assessment-result .tiles{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.reading-passage{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;font-size:22px;line-height:1.9}.reading-passage button{font:inherit;border:0;display:inline;padding:0 2px;border-radius:3px;background:transparent;min-height:0}.reading-passage button.unfamiliar{background:#fee2e2;color:#b91c1c;text-decoration:line-through}.status{background:#eff6ff;border-color:#dbeafe;color:#64748b;padding:6px 20px;font-size:13px}.shell{grid-template-columns:88px minmax(0,1fr)}.shell nav{padding:10px 6px}.shell nav button{font-size:15px;padding:10px 4px;text-align:center}.shell nav button.active{background:#0055a414;color:#0055a4;border-color:transparent}.shell nav small{font-size:12px;margin:20px 4px}.shell main{padding:20px}.shell .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body>#app>header{background:#0055a4;color:#fff}.brandtitle .build{color:#bfdbfe}header .brand{background:#fff;border-radius:8px;padding:3px 8px}header .identity .ghost{color:#fff}header .brandtitle{border-color:#ffffff50}.panel{border-radius:16px}.number{font-size:32px}.roundbar span{background:#0055a4}.assessment-shell .brandtitle .build{color:#6b7280}.assessment-shell header .brandtitle{color:#111827}.welcome .darkmark{display:none}.welcome .lightmark{display:block}
@media(max-width:740px){.shell{grid-template-columns:1fr}.shell nav{display:flex;gap:8px}.shell nav button{width:auto;padding:8px 14px}.shell .grid{grid-template-columns:1fr}.welcome{padding:28px 18px}.profile-panel{padding:22px}.welcome-brand h1{font-size:27px}.assessment-shell>header{padding:10px 14px;gap:10px}.assessment-shell .brand .wordmark{width:145px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.meaning-card .context{font-size:17px}.quiz-footer .bulk-controls button{font-size:15px;padding:10px 7px}}@media(max-width:380px){.cards{grid-template-columns:1fr}.assessment-shell .brandgroup{gap:7px}.assessment-shell .brand img:first-child{width:34px}.assessment-shell .brand .wordmark{width:124px}.welcome-brand .brand .wordmark{width:165px}.assessment-result .tiles{gap:8px}.profile-panel{padding:18px}.welcome-brand h1{font-size:25px}.brain{font-size:44px}.intro-profile{margin-top:16px}}@media(prefers-reduced-motion:reduce){.meaning-card{transition:none}}

.home-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.home-summary h1{font-size:26px}.summary-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.summary-numbers>div{padding:8px}.summary-numbers strong,.summary-numbers span{display:block}.summary-numbers span{font-size:17px;color:#6b7280}.estimate-block{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:18px 0;margin:14px 0 18px}.satellite-canvas{display:block;width:100%;height:280px;margin:12px 0}.home-snapshot .legend{margin:20px 0}.home-snapshot>button{background:#eff6ff;border-color:#bfdbfe;color:#0055a4;font-size:17px}.home-snapshot .small{font-size:13px}.home-snapshot h2{font-size:23px}.reading-passage+.small{margin-top:12px}@media(max-width:680px){.home-overview{grid-template-columns:1fr}.home-summary{order:1}.home-snapshot{order:0}.satellite-canvas{height:220px}.welcome-brand .wordmark{max-width:180px}}

.grades button.know.chosen{color:#16a34a}.grades button.familiar.chosen{color:#f97316}.grades button.dont_know.chosen{color:#dc2626}