:root{color:#1f2b35;background:#f8f3e9;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px 18px;background:linear-gradient(rgba(30,94,128,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,94,128,.035) 1px,transparent 1px),linear-gradient(180deg,#fbf6ec,#eef5f4);background-size:28px 28px,28px 28px,auto}.app-shell.quiz-active{align-items:start}.setup-panel,.quiz-panel,.results-panel{width:min(100%,820px);border:1px solid rgba(37,54,86,.1);border-radius:8px;background:#fffffff5;box-shadow:0 18px 44px #222d331c}.setup-panel{display:flex;flex-direction:column;align-items:center;padding:28px clamp(18px,4vw,36px) 32px}.eyebrow{margin:0 0 7px;color:#2c7592;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:#1f2b35;font-family:Georgia,Times New Roman,ui-serif,serif;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:700;line-height:1.05;text-align:center}.setup-panel h1{margin-bottom:20px}.mode-toggle{width:min(100%,260px);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#edf3f1;box-shadow:inset 0 0 0 1px #1f2b3514}.mode-toggle button{min-height:40px;border:0;border-radius:6px;background:transparent;color:#3d4b53;font-size:.96rem;font-weight:750;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.mode-toggle button.active{background:#fff;color:#1e6683;box-shadow:0 4px 10px #254e5b1f}.mode-toggle button:active,.selection-card:active,.primary-action:active,.secondary-action:active,.known-action:active,.review-action:active,.answer-button:active,.icon-button:active{transform:translateY(1px)}.availability{margin:18px 0;color:#667186;font-size:.95rem;font-weight:700}.selection-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:22px}.selection-card,.answer-button{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;color:#182236;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.selection-card{height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px;text-align:left}.selection-card span{font-size:.98rem;font-weight:780;line-height:1.25;white-space:normal;overflow-wrap:normal}.word-count{justify-self:end;padding:3px 7px;border-radius:999px;background:#eef5f4;color:#5b6e70;font-size:.72rem;font-weight:750;line-height:1.2}.selection-card:hover,.answer-button:hover{border-color:#82b6c6;background:#fbfdff;box-shadow:0 8px 20px #254e5b1a;transform:translateY(-1px)}.selection-card.selected{border-color:#2b7893;background:#edf7f8;box-shadow:inset 0 0 0 1px #2b7893}.primary-action,.secondary-action,.known-action,.review-action,.icon-button{border:0;border-radius:8px;cursor:pointer;font-weight:850}.primary-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;background:#1f5f78;color:#fff;box-shadow:0 10px 22px #1f5f782b;text-align:center;transition:background .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.primary-action:disabled{cursor:not-allowed;opacity:.48}.primary-action.compact{min-height:48px;padding:0 18px}.study-actions{width:min(100%,430px);display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-panel,.results-panel{padding:clamp(18px,4vw,28px)}.quiz-topbar,.feedback-row,.result-actions,.review-item{display:flex;align-items:center}.quiz-topbar{justify-content:space-between;gap:16px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:#edf3f1;color:#1f2b35}.icon-button:disabled{cursor:not-allowed;opacity:.42}.progress-copy{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.progress-copy span{color:#68748a;font-size:.93rem;font-weight:750}.progress-copy strong{color:#172033}.progress-track{height:7px;margin:18px 0 20px;overflow:hidden;border-radius:999px;background:#e2ebe9}.progress-track span{display:block;height:100%;border-radius:inherit;background:#2b7893;transition:width .18s ease}.word-prompt{margin-bottom:18px;padding:clamp(18px,4vw,30px);border-radius:8px;border-left:6px solid #2b7893;background:#edf7f8;color:#1f2b35;text-align:center}.word-prompt p{margin:0 0 10px;color:#68748a;font-size:.9rem;font-weight:750}.word-prompt h2{margin:0;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.1rem,7vw,4rem);font-weight:760;line-height:1}.article-hint{color:#7b879b;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:.46em;font-weight:500;vertical-align:.14em}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-button{padding:13px 16px;text-align:left;font-size:1rem;font-weight:720}.answer-button.correct{border-color:#46835e;background:#edf7ef;color:#245c3b}.answer-button.wrong{border-color:#c9674d;background:#fff1eb;color:#9a3b26}.feedback-row{min-height:54px;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 14px;border:1px solid #e0e6ef;border-radius:8px;background:#f8fafc;opacity:0;pointer-events:none;transition:opacity .14s ease;visibility:hidden}.feedback-row.visible{opacity:1;pointer-events:auto;visibility:visible}.feedback-row p{margin:0;color:#344158;font-weight:760}.secondary-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;background:#546f67;color:#fff;text-align:center;transition:background .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.secondary-action:disabled{cursor:not-allowed;opacity:.48}.known-action,.review-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;color:#fff;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.known-action{background:#427a55;box-shadow:0 10px 20px #427a5529}.review-action{background:#bd644c;box-shadow:0 10px 20px #bd644c29}.known-action:disabled,.review-action:disabled{cursor:not-allowed;opacity:.42}.flashcard-panel{display:grid;width:min(100%,720px);border:0;background:transparent;box-shadow:none;padding-inline:clamp(4px,2vw,18px)}.flashcard-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin:-2px 0 12px;color:#667472;font-size:.88rem;font-weight:780;text-align:center}.flashcard-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard{width:min(100%,580px);min-height:clamp(220px,34vh,330px);display:grid;align-content:center;justify-self:center;margin-top:2px;padding:clamp(28px,5vw,46px);border:1px solid #d9cbb6;border-radius:8px;background:linear-gradient(90deg,rgba(43,120,147,.12) 0 8px,transparent 8px),#fffaf1;color:#1f2b35;cursor:pointer;text-align:center;box-shadow:inset 0 -8px #be784814,0 14px 28px #40362a17;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.flashcard:hover{border-color:#c8a887;background:linear-gradient(90deg,rgba(43,120,147,.14) 0 8px,transparent 8px),#fffdf8;box-shadow:inset 0 -8px #be784814,0 16px 30px #40362a1c}.flashcard.flipped{background:linear-gradient(90deg,rgba(189,100,76,.13) 0 8px,transparent 8px),#fff7ea;border-color:#d9b58d;box-shadow:inset 0 -8px #2b789314,0 14px 28px #40362a17}.flashcard strong{font-size:clamp(2.25rem,7vw,4rem);font-weight:780;line-height:1.04}.flashcard-answer-action{width:min(100%,580px);display:grid;grid-template-columns:1fr 1fr;justify-self:center;gap:10px;margin-top:16px}.flashcard-answer-action .primary-action.compact{width:100%;justify-self:center;grid-column:1}.flashcard-rating-actions{width:min(100%,580px);display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-self:center;margin-top:10px;opacity:0;pointer-events:none;transition:opacity .14s ease;visibility:hidden}.flashcard-rating-actions.visible{opacity:1;pointer-events:auto;visibility:visible}.results-panel{text-align:center}.results-panel h1{color:#172033;text-shadow:none}.results-copy{max-width:480px;margin:12px auto 26px;color:#4d5a70;font-size:1.08rem;font-weight:650}.review-list{display:grid;gap:8px;margin-bottom:24px}.review-item{min-height:54px;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e1e6ef;border-radius:8px;background:#fff;text-align:left}.review-item strong{flex:1}.review-item span{color:#667186;font-weight:750}.review-item svg{color:#2b7cff;flex:0 0 auto}.result-actions{justify-content:center;flex-wrap:wrap;gap:12px}.result-actions .primary-action,.result-actions .secondary-action{min-width:min(100%,190px)}@media(min-width:900px){.setup-panel{width:min(100%,900px)}.selection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.app-shell{align-items:start;padding:18px 12px}.setup-panel{padding:24px 14px 28px}h1{font-size:clamp(1.9rem,10vw,2.55rem)}.mode-toggle{width:100%}.mode-toggle button{min-height:48px}.answers-grid,.selection-grid{grid-template-columns:1fr}.selection-card{height:auto;min-height:64px;padding:15px}.answer-button{min-height:54px;padding:15px 16px}.study-actions{grid-template-columns:1fr}.flashcard{min-height:clamp(300px,48vh,380px);text-align:center}.feedback-row,.quiz-topbar{align-items:stretch}.feedback-row{flex-direction:column}.word-prompt{text-align:left}.secondary-action,.primary-action{width:100%}.setup-panel .study-actions{position:sticky;bottom:12px;z-index:3;margin-top:2px}.setup-panel .start-action{box-shadow:0 12px 26px #15203633}}