.vocab-learning{--vocab-teal:#0c7c70;--vocab-ink:#153f3c;--vocab-soft:#edf7f3;color:var(--text-main);width:100%}.vocab-learning *,.vocab-learning :after,.vocab-learning :before{box-sizing:border-box}.vocab-learning button,.vocab-learning input{font-family:inherit}.vocab-learning a,.vocab-learning button{-webkit-tap-highlight-color:transparent}.vocab-learning button{cursor:pointer}.vocab-learning button:disabled{opacity:.5;cursor:not-allowed}.vocab-learning :focus-visible{outline:3px solid #e6a33b;outline-offset:4px}.vocab-learning h2,.vocab-learning h3,.vocab-learning p{margin:0}.vocab-learning h2{font-size:20px;line-height:1.4;font-weight:800;letter-spacing:-.025em}.vocab-learning .vocab-muted{color:var(--text-muted,#64748b);font-size:13px;line-height:1.75}.vocab-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.vocab-eyebrow{gap:8px;color:var(--vocab-teal);font-size:10px;letter-spacing:.12em;line-height:1.6}.vocab-button,.vocab-eyebrow{display:inline-flex;align-items:center;font-weight:800}.vocab-button{justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border-radius:10px;font-size:12px;text-decoration:none;border:1px solid transparent;transition:background .18s,box-shadow .18s}.vocab-button.primary{color:#fff;background:var(--vocab-teal);box-shadow:0 3px 5px #0c7c7010}.vocab-button.primary:hover{background:#09665c}.vocab-button.secondary{color:var(--vocab-ink);background:var(--bg-surface,#fff);border-color:#d6e5df}.vocab-button.secondary:hover{background:var(--vocab-soft)}.vocab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.vocab-text-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:8px 0;min-height:44px;color:var(--vocab-teal);font-size:12px;font-weight:800;text-decoration:none}.vocab-runner-anchor{scroll-margin-top:90px}.vocab-mission-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 280px;grid-gap:18px;gap:18px;padding:35px 38px;border-radius:20px;background:#123f38;color:#fff;isolation:isolate}.vocab-mission-hero:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#1d6552;filter:blur(80px);right:-30px;top:-100px;z-index:-1;opacity:.5}.vocab-mission-hero .vocab-eyebrow{color:#b6d9c3;font-size:10px}.vocab-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cce593;flex-shrink:0}.vocab-mission-hero h2{font-size:clamp(26px,3.2vw,36px);white-space:pre-line;color:#fff;line-height:1.28;margin:13px 0;letter-spacing:-.035em}.vocab-hero-copy>p{color:#c7ddd5;font-size:12px;line-height:1.8;max-width:460px}.vocab-mission-tasks{display:flex;flex-wrap:wrap;gap:10px 20px;margin:21px 0 23px;font-size:12px;font-weight:600;color:#e0eee7}.vocab-mission-tasks>span{display:inline-flex;align-items:center;gap:7px}.vocab-mission-tasks svg{color:#b5d79a}.vocab-button.hero{background:#d8eea3;color:#1e3d25;min-height:47px;box-shadow:0 4px 8px #00000010}.vocab-button.hero:hover{background:#e4f5bd}.vocab-hero-note{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#bcd5c8;font-size:10px;line-height:1.8}.vocab-mission-hero .vocab-actions{align-items:flex-start;flex-direction:column;gap:12px}.vocab-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.vocab-orbit{position:absolute;width:265px;height:265px;border:1px solid #ffffff0c;border-radius:50%}.vocab-orbit.orbit-two{width:325px;height:325px}.vocab-art-card{position:absolute;width:190px;height:225px;border-radius:14px}.vocab-art-card.back{background:#7cad90;transform:rotate(-13deg) translate(-10px,-1px);box-shadow:0 12px 30px #0002}.vocab-art-card.front{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fafcf0;transform:rotate(8deg);color:#1f4940;padding:22px;box-shadow:0 12px 32px #0002}.vocab-art-card.front>span{font-size:8px;letter-spacing:.12em;font-weight:700;opacity:.65}.vocab-art-card.front>strong{font-size:23px;letter-spacing:-.04em;overflow-wrap:anywhere;margin:18px 0 7px}.vocab-art-card.front>div{border-top:1px solid #dbe5d7;padding-top:24px;margin-top:25px;display:flex;gap:8px;align-items:center;font-size:8px}.vocab-art-spark{position:absolute;top:18px;right:12px;color:#d8eea3;transform:rotate(15deg)}.vocab-art-pill{position:absolute;bottom:12px;left:-7px;background:#f4f9e5;border:4px solid #1c4c40;border-radius:999px;padding:9px 13px;color:#23513e;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;transform:rotate(-4deg)}.vocab-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#e3e9e5);border-radius:14px;padding:21px 0}.vocab-stat{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;border-right:1px solid var(--border-subtle)}.vocab-stat:last-child{border:none}.vocab-stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.vocab-stat-icon svg{width:20px;height:20px}.vocab-stat-icon.orange{background:#fff0e9;color:#ce6b35}.vocab-stat-icon.amber{background:#fef5dc;color:#b68410}.vocab-stat-icon.purple{background:#f0eefe;color:#8970b5}.vocab-stat-icon.teal{background:#e6f5ef;color:#2e8d73}.vocab-stat-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:5px}.vocab-stat strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.03em;font-weight:800}.vocab-stat small{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:normal}.vocab-two-column{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.vocab-panel{padding:25px 28px;background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#e3e9e5);border-radius:15px}.vocab-review-panel h2{margin:16px 0 8px}.vocab-status-pill{border-radius:6px;background:var(--vocab-soft);padding:5px 8px;color:#57816b;font-size:9px;font-weight:600}.vocab-word-pills{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.vocab-word-pills>span{padding:5px 10px;border:1px solid #deebe5;border-radius:6px;background:#f7faf8;font-size:11px;color:#416855}.vocab-goal-panel{background:#f8faf3}.vocab-goal-score{display:flex;align-items:baseline;gap:10px;position:relative;margin:10px 0}.vocab-goal-score strong{font-size:44px;letter-spacing:-.06em;color:#355140;font-weight:800}.vocab-goal-score span{font-size:11px;color:#6c7f6f}.vocab-goal-score>svg{position:absolute;right:0;top:0;color:#abbf9b;opacity:.65}.vocab-goal-panel .vocab-text-button{margin-top:8px}.vocab-path{margin-bottom:20px}.vocab-path h2{margin-top:5px}.vocab-path ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:25px 0 0;padding:0}.vocab-path li{position:relative}.vocab-path li:before{content:"";position:absolute;height:1px;background:#d9e5dd;left:28px;right:0;top:14px}.vocab-path li:last-child:before{display:none}.vocab-path li>a{display:flex;align-items:flex-start;flex-direction:column;gap:6px;color:#64776b;text-decoration:none;padding:0 10px 0 0;position:relative}.vocab-path-node{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #d8e2db;background:#fff;font-size:9px;margin-bottom:4px}.vocab-path strong{font-size:11px}.vocab-path small{font-size:10px}.vocab-path .complete .vocab-path-node{background:#e5f2e9;color:#2f8058;border-color:#bad5bf}.vocab-path .current strong{color:#126b59}.vocab-path .current .vocab-path-node{background:#126b59;border-color:#126b59;outline:4px solid #ebf4e8}.vocab-overall{margin-bottom:38px}.vocab-overall h2{margin:5px 0 17px;font-size:23px}.vocab-overall h2 span{color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:0}.vocab-progress-percent{font-size:28px;color:var(--vocab-teal);letter-spacing:-.04em}.vocab-progress-track{width:100%;height:7px;border-radius:999px;background:#eaf0eb;overflow:hidden}.vocab-progress-track>span{display:block;height:100%;border-radius:inherit;background:#4c9978;transition:width .3s}.vocab-overall .vocab-progress-track{height:9px}.vocab-overall .vocab-muted{font-size:11px;margin-top:12px}.vocab-topics-section{scroll-margin-top:90px}.vocab-topics-heading{margin-bottom:22px}.vocab-topics-heading h2{font-size:25px;margin:5px 0}.vocab-topics-heading p{font-size:12px}.vocab-mode-toggle{display:flex;flex-shrink:0;border:1px solid var(--border-subtle);border-radius:9px;padding:3px;background:var(--bg-surface)}.vocab-mode-toggle button{min-height:38px;border:0;border-radius:6px;background:transparent;padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-muted)}.vocab-mode-toggle button[aria-pressed=true]{color:var(--vocab-teal);background:#edf5ee}.vocab-search{display:flex;gap:10px;align-items:center;padding:0 16px;min-height:49px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-surface);color:#82968b}.vocab-search:focus-within{border-color:var(--vocab-teal)}.vocab-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;padding:14px 0;font-size:12px;color:var(--text-main)}.vocab-categories{display:flex;overflow-x:auto;gap:7px;padding:15px 0 10px;scrollbar-width:thin}.vocab-categories button{flex-shrink:0;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);font-size:10px;font-weight:600;padding:8px 13px;border-radius:7px;min-height:36px}.vocab-categories button[aria-pressed=true]{background:#174c40;color:#fff;border-color:#174c40}.vocab-result-count{color:var(--text-muted);font-size:10px;padding:7px 0 16px}.vocab-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.vocab-topic-card{display:flex;flex-direction:column;padding:23px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-surface);transition:border-color .2s,box-shadow .2s;min-width:0}.vocab-topic-card:hover{border-color:#a0c4b1;box-shadow:0 7px 24px #143e2e08}.vocab-topic-card .vocab-row{gap:10px}.vocab-topic-icon{display:grid;place-items:center;width:43px;height:43px;background:#f2f6ef;border-radius:12px;font-size:24px}.vocab-topic-number{color:#7c8e82;font-size:8px;font-weight:700;letter-spacing:.07em;margin-left:auto}.vocab-topic-complete{color:var(--vocab-teal)}.vocab-topic-card h3{font-size:19px;margin:18px 0 4px;letter-spacing:-.025em}.vocab-topic-card h3 a{color:var(--text-main);text-decoration:none}.vocab-topic-title-vi{font-size:12px;color:var(--vocab-teal);font-weight:600}.vocab-topic-desc{font-size:13px;line-height:1.8;color:var(--text-muted);margin:10px 0 16px!important;flex:1 1}.vocab-topic-progress{font-size:10px;color:#6a8071;margin-bottom:8px}.vocab-topic-progress strong{color:var(--vocab-teal);font-size:11px}.vocab-topic-context{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.vocab-topic-context span{border:1px solid #e5ebe5;border-radius:5px;padding:4px 7px;color:#6f8375;font-size:10px}.vocab-topic-reward{display:flex;gap:7px;align-items:center;color:#8d773b;font-size:10px;border-top:1px solid var(--border-subtle);padding:13px 0;margin-top:auto}.vocab-topic-card .vocab-button{width:100%;min-height:41px;font-size:11px}.vocab-topic-card.is-complete{border-color:#bfd7c7}.vocab-search-matches{padding:18px;border:1px solid #c5ded0;border-radius:12px;background:var(--bg-surface);margin:10px 0}.vocab-search-matches>strong{font-size:12px;color:var(--vocab-teal)}.vocab-search-matches>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.vocab-search-matches a{display:flex;align-items:center;gap:10px;text-decoration:none;background:#f7faf6;border-radius:6px;padding:10px;font-size:11px;color:var(--text-main)}.vocab-search-matches a span{color:var(--text-muted)}.vocab-search-matches a svg{flex-shrink:0;margin-left:auto}.vocab-empty{padding:40px 15px;text-align:center}.vocab-empty svg{color:var(--vocab-teal)}.vocab-empty h3{margin:15px 0 8px}.vocab-empty p{font-size:13px;margin-bottom:15px;color:var(--text-muted)}.vocab-sync-message{padding:12px 16px;border:1px solid #ecddba;background:#fffbef;border-radius:10px;font-size:12px;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.vocab-runner{border-radius:18px;padding:28px;border:1px solid #c5dbcb;background:var(--bg-surface)}.vocab-runner>h2{margin:5px 0 20px;outline:none}.vocab-icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);border-radius:50%}.vocab-study-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:260px;margin:18px 0;padding:25px;border:1px solid #d3e2d4;border-radius:14px;background:#f7faf1;color:var(--vocab-ink);text-align:center}.vocab-study-card>strong{font-size:clamp(26px,5vw,39px);line-height:1.3}.vocab-study-card>span{font-size:12px}.vocab-study-card .vocab-eyebrow{font-size:10px}.vocab-study-card p{font-size:14px;line-height:1.7}.vocab-study-card small{font-size:12px;color:var(--vocab-teal)}.vocab-study-card .vocab-card-hint{color:#7f9283;font-size:10px;margin-top:10px}.vocab-study-card.flipped{background:#f0f7ed}.vocab-runner>.vocab-actions{justify-content:center}.vocab-quiz{padding-top:20px}.vocab-quiz h3{font-size:30px}.vocab-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0}.vocab-answer{display:flex;align-items:center;justify-content:space-between;padding:17px;min-height:65px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-surface);color:var(--text-main);text-align:left;font-size:14px}.vocab-learning .vocab-answer:disabled{opacity:1}.vocab-answer.correct{border-color:#2d8a5c;background:#eef9ed;color:#26623d}.vocab-answer.incorrect{border-color:#d09085;background:#fdf1ed}.vocab-quiz p[role=status]{margin-bottom:18px;font-size:14px;line-height:1.6}.vocab-success{text-align:center;max-width:550px;margin:0 auto;padding:5px 0 20px}.vocab-success-seal{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 20px;background:#ebf5d9;color:#397747}.vocab-success p{line-height:1.8;font-size:14px}.vocab-success .vocab-reward{display:block;color:var(--vocab-teal);margin:18px 0 10px}.vocab-success .vocab-actions{justify-content:center;margin:23px 0}.vocab-success>a{font-size:12px;color:var(--vocab-teal)}.vocab-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.vocab-mission-hero{grid-template-columns:1fr 210px;padding:28px}.vocab-hero-art{transform:scale(.85)}.vocab-stat{gap:8px}.vocab-stat-icon{width:32px;height:32px}.vocab-stat strong{font-size:19px}.vocab-panel{padding:22px}.vocab-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-status-pill{display:none}}@media (max-width:600px){.vocab-mission-hero{display:block;padding:26px 22px;border-radius:15px}.vocab-hero-art{display:none}.vocab-mission-hero h2{font-size:29px}.vocab-hero-copy>p{font-size:12px}.vocab-mission-tasks{gap:12px;font-size:11px}.vocab-mission-tasks>span{gap:5px}.vocab-mission-tasks svg{width:14px}.vocab-mission-hero .vocab-actions{align-items:stretch}.vocab-hero-note{justify-content:center;font-size:9px;gap:4px}.vocab-stats{margin:14px 0;padding:17px 0;border-radius:11px}.vocab-stat{flex-direction:column;align-items:center;gap:8px;padding:0 4px;text-align:center}.vocab-stat-icon{width:30px;height:30px;border-radius:9px}.vocab-stat-icon svg{width:16px;height:16px}.vocab-stat-label{font-size:8px;margin-bottom:5px}.vocab-stat strong{font-size:18px}.vocab-stat small{display:block;font-size:9px;margin-top:3px}.vocab-two-column{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.vocab-panel{padding:22px;border-radius:12px}.vocab-learning h2{font-size:19px}.vocab-path{margin-bottom:14px}.vocab-path>.vocab-row{align-items:flex-start;flex-direction:column;gap:5px}.vocab-path ol{display:flex;flex-direction:column;gap:0;margin-top:15px}.vocab-path li>a{flex-direction:row;align-items:center;gap:12px;padding:12px 0}.vocab-path li:before{top:28px;bottom:0;left:14px;right:auto;width:1px;height:100%}.vocab-path-node{margin:0;flex-shrink:0}.vocab-path small{margin-left:auto}.vocab-path strong{font-size:12px}.vocab-overall{margin-bottom:30px}.vocab-overall h2{font-size:22px}.vocab-overall h2 span{font-size:11px}.vocab-topics-heading{flex-direction:column;align-items:stretch;gap:15px}.vocab-topics-heading h2{font-size:25px}.vocab-mode-toggle{align-self:flex-start}.vocab-categories{margin-right:-5px}.vocab-topic-grid{grid-template-columns:1fr;gap:14px}.vocab-topic-card{padding:22px}.vocab-topic-card h3{font-size:21px}.vocab-topic-desc,.vocab-topic-title-vi{font-size:12px}.vocab-topic-context span{font-size:9px}.vocab-topic-reward{font-size:11px}.vocab-topic-card .vocab-button{min-height:44px;font-size:12px}.vocab-search-matches>div{grid-template-columns:1fr}.vocab-runner{padding:20px}.vocab-runner .vocab-row.vocab-muted{font-size:11px;gap:10px}.vocab-study-card{padding:20px 15px;min-height:260px}.vocab-study-card p{font-size:13px}.vocab-runner .vocab-actions .vocab-button{flex:1 1;white-space:nowrap;padding:12px}.vocab-quiz-options{grid-template-columns:1fr}.vocab-answer{min-height:52px;padding:13px;font-size:13px}.vocab-quiz>.vocab-button{width:100%}.vocab-success .vocab-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.vocab-learning *,.vocab-learning :after,.vocab-learning :before{transition:none!important;scroll-behavior:auto!important}}.vocab-goal-progress{font-size:11px;color:#6c7f6f;margin:12px 0 7px}.vocab-goal-panel .vocab-progress-track{margin-bottom:12px}.vocab-session-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;list-style:none;margin:0 0 26px;padding:0}.vocab-session-steps:has(>li:only-child){grid-template-columns:1fr}.vocab-session-step{display:flex;align-items:center;gap:12px;min-width:0;min-height:80px;padding:16px;border:1px solid #dce7e1;border-radius:13px;background:#f6f9f7;color:#60786b}.vocab-session-step.is-current{border-color:#126b59;background:#126b59;color:#fff;box-shadow:0 4px 14px #126b5925}.vocab-session-step.is-done{background:#edf6ee;border-color:#c8ddcb;color:#326a45}.vocab-step-number{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #d6e2db;border-radius:11px;background:#fff;font-size:14px;font-weight:800}.is-current .vocab-step-number{background:#d8eea3;border-color:#d8eea3;color:#23492f}.is-done .vocab-step-number{background:#dcefdc;border-color:#c8ddcb}.vocab-step-copy{min-width:0}.vocab-step-copy strong{display:block;font-size:15px;line-height:1.4}.vocab-step-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.5}.is-current .vocab-step-copy small{color:#d3eadc}@media (max-width:600px){.vocab-session-steps{gap:7px;margin-bottom:20px}.vocab-session-step{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 5px;min-height:116px;text-align:center;border-radius:11px}.vocab-step-number{width:32px;height:32px;border-radius:9px;font-size:12px}.vocab-step-copy strong{font-size:13px}.vocab-step-copy small{font-size:10px}}