/* Vocabulary mode and contextual word popup. */
.vocabulary-promo{width:100%;position:relative;display:flex;align-items:center;gap:17px;margin-top:18px;padding:18px 58px 18px 22px;text-align:left;overflow:hidden;border-radius:20px;color:var(--ink);cursor:pointer}
.stats-wide .stat-vocabulary{position:relative;display:block;min-width:258px;padding:16px 48px 16px 61px!important;text-align:left;color:var(--ink);cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.stats-wide .stat-vocabulary:before{display:none!important}.stats-wide .stat-vocabulary:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))!important;background:color-mix(in srgb,var(--blue) 9%,var(--surface-solid))!important}.stat-vocabulary-icon{position:absolute;top:17px;left:18px;display:grid!important;place-items:center;width:28px;height:28px;color:var(--blue)!important}.stat-vocabulary-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-vocabulary>strong{display:block;font-size:18px!important;line-height:1.1}.stat-vocabulary>span:not(.stat-vocabulary-icon){display:block;margin-top:4px;color:var(--muted)!important;font-size:13px!important;white-space:nowrap}.stat-vocabulary>i{position:absolute;right:17px;top:50%;color:var(--blue);font-size:20px;font-style:normal;transform:translateY(-50%)}
.vocabulary-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(72,146,237,.15),transparent 55%,rgba(66,204,172,.11));pointer-events:none}
.vocabulary-promo>*{position:relative;z-index:1}.vocabulary-promo-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.vocabulary-promo-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vocabulary-promo .eyebrow{display:block;margin-bottom:3px}.vocabulary-promo strong{display:block;font-size:20px}.vocabulary-promo small{display:block;margin-top:4px;color:var(--muted);font-size:14px}.vocabulary-promo .card-arrow{right:22px;bottom:50%;transform:translateY(50%)}
.question-copy-tools{position:relative;min-height:54px;padding-right:240px}.question-copy-tools .translation{margin-bottom:20px}.word-popup-button{position:absolute;top:0;right:0;margin:0;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 66%,transparent);color:var(--blue);padding:9px 12px;font-size:13px;font-weight:800;white-space:nowrap}.word-popup-button:hover{background:color-mix(in srgb,var(--blue) 11%,var(--surface-solid));transform:translateY(-1px)}
.answer.correct{border-color:#22925e!important;background:#dff7e9!important;color:#123f2c!important;box-shadow:0 0 0 1px rgba(27,145,91,.12)}.answer.correct .es{color:#123f2c!important}.answer.correct .ru{color:#336a52!important}.answer.correct .option-letter{background:#bdebd0!important;color:#12613d!important}.answer.wrong{border-color:#d95561!important;background:#ffe9eb!important;color:#732a33!important;box-shadow:0 0 0 1px rgba(217,85,97,.12)}.answer.wrong .es{color:#732a33!important}.answer.wrong .ru{color:#974852!important}.answer.wrong .option-letter{background:#ffd1d6!important;color:#9f2f3c!important}:root[data-theme="dark"] .answer.correct{border-color:#55d596!important;background:#174d39!important;color:#effff7!important;box-shadow:0 0 0 1px rgba(93,225,157,.19)}:root[data-theme="dark"] .answer.correct .es{color:#effff7!important}:root[data-theme="dark"] .answer.correct .ru{color:#c1f0d5!important}:root[data-theme="dark"] .answer.correct .option-letter{background:#2a7356!important;color:#f0fff8!important}:root[data-theme="dark"] .answer.wrong{border-color:#ff8993!important;background:#5b2832!important;color:#fff3f4!important;box-shadow:0 0 0 1px rgba(255,137,147,.2)}:root[data-theme="dark"] .answer.wrong .es{color:#fff3f4!important}:root[data-theme="dark"] .answer.wrong .ru{color:#ffd2d6!important}:root[data-theme="dark"] .answer.wrong .option-letter{background:#7a3b47!important;color:#fff7f8!important}
.word-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(5,19,35,.45);backdrop-filter:blur(12px);animation:word-fade .16s ease-out}.word-modal{position:relative;width:min(560px,100%);max-height:min(700px,calc(100vh - 40px));overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.35);border-radius:25px;background:color-mix(in srgb,var(--surface-solid) 93%,transparent);box-shadow:0 28px 85px rgba(0,0,0,.3)}:root[data-theme="dark"] .word-modal{background:rgba(14,33,52,.96);border-color:rgba(162,212,255,.2)}.word-modal h2{margin:7px 0 19px;font-size:26px}.word-modal-close{position:absolute;top:13px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:28px}.word-modal-close:hover{background:color-mix(in srgb,var(--blue) 11%,transparent);color:var(--blue)}.word-modal-list{display:grid;gap:8px;margin-bottom:22px}.word-modal-list article{display:grid;grid-template-columns:minmax(115px,.75fr) 1fr;gap:4px 14px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-solid) 67%,transparent)}.word-modal-list strong{font-size:16px;color:var(--blue)}.word-modal-list span{font-weight:750}.word-modal-list small{grid-column:1/-1;color:var(--muted);line-height:1.35}@keyframes word-fade{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.vocab-hero{padding:35px 38px;border-radius:28px}.vocab-hero h1{max-width:670px;margin:12px 0 9px;font-size:clamp(32px,5vw,48px);letter-spacing:-.04em}.vocab-hero>p:not(.eyebrow){max-width:710px;margin:0;color:var(--muted);font-size:17px;line-height:1.52}.vocab-stats{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 18px}.vocab-stats span{display:flex;gap:7px;align-items:baseline;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-solid) 58%,transparent);color:var(--muted);font-size:13px}.vocab-stats strong{color:var(--ink);font-size:21px}.vocab-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.vocab-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.vocab-pack{position:relative;display:grid;grid-template-columns:47px 1fr auto;gap:14px;align-items:start;padding:19px;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:20px;color:var(--ink);cursor:pointer}.vocab-pack:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(102,174,255,.13),transparent 48%);opacity:0;transition:opacity .2s}.vocab-pack:hover:before{opacity:1}.vocab-pack>*{position:relative;z-index:1}.vocab-pack:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}.vocab-pack-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--blue) 13%,transparent);color:var(--blue);font-size:23px}.vocab-pack small{display:block;margin-bottom:4px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.08em}.vocab-pack strong{display:block;font-size:19px}.vocab-pack em{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-style:normal;line-height:1.35}.vocab-pack i{display:block;height:5px;margin-top:13px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--blue) 12%,transparent)}.vocab-pack i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#68d4cf)}.vocab-pack-count{align-self:center;color:var(--blue);font-weight:850;font-variant-numeric:tabular-nums}.vocab-method{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:18px 21px;border-radius:18px;color:var(--muted);line-height:1.48}.vocab-method>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:20px}.vocab-method p{margin:0}.vocab-method strong{display:block;color:var(--ink);margin-bottom:3px}
.word-study-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:23px}.word-study-list article{display:grid;grid-template-columns:28px 1fr 18px;gap:10px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 58%,transparent)}.word-study-list article>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--blue) 13%,transparent);color:var(--blue);font-size:12px;font-weight:800}.word-study-list strong,.word-study-list b,.word-study-list small{display:block}.word-study-list strong{font-size:16px}.word-study-list b{margin-top:2px;color:var(--blue);font-size:14px}.word-study-list small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.32}.word-study-list i{color:#28a46f;font-size:18px;font-style:normal;font-weight:900}.word-study-list article.learned{border-color:rgba(42,170,112,.45);background:color-mix(in srgb,#42b878 9%,var(--surface-solid))}
.vocab-test-shell{max-width:820px;margin:auto}.vocab-test-card{padding:clamp(28px,6vw,58px);border-radius:27px;text-align:center}.vocab-test-card h1{margin:15px 0 7px;font-size:clamp(34px,6vw,62px);letter-spacing:-.04em}.vocab-test-hint{margin:0 auto 30px;max-width:520px;color:var(--muted);font-size:16px;line-height:1.4}.vocab-options{display:grid;gap:10px;text-align:left}.vocab-options button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 74%,transparent);color:var(--ink);font:inherit;font-weight:720;transition:background .16s,border-color .16s}.vocab-options button:hover:not(:disabled){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface-solid))}.vocab-options button>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:12px;font-weight:850}.vocab-options button.correct{border-color:#37a96f;background:#e7f8ef;color:#155d3b}.vocab-options button.wrong{border-color:#e46f77;background:#fff0f1;color:#973540}:root[data-theme="dark"] .vocab-options button.correct{background:#153e2d;color:#bcf5d3}:root[data-theme="dark"] .vocab-options button.wrong{background:#4a252d;color:#ffc3c9}.vocab-auto-note{min-height:24px;margin:19px 0 0;color:var(--muted);font-size:14px}.vocab-auto-note.good{color:#168250}.vocab-auto-note.bad{color:#bd3f4c}.vocab-result{max-width:720px;margin:auto;text-align:center}.learned-word-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}.learned-word-list article{padding:13px;border:1px solid rgba(42,170,112,.35);border-radius:13px;background:color-mix(in srgb,#42b878 8%,var(--surface-solid))}.learned-word-list strong,.learned-word-list span,.learned-word-list small{display:block}.learned-word-list strong{color:#197950}.learned-word-list span{margin:4px 0;font-weight:750}.learned-word-list small{color:var(--muted);font-size:12px;line-height:1.3}
@media(max-width:720px){.vocabulary-promo{align-items:flex-start;padding:17px 43px 17px 17px}.vocabulary-promo-icon{width:43px;height:43px}.vocabulary-promo strong{font-size:18px}.vocabulary-promo small{font-size:12px}.stats-wide .stat-vocabulary{min-width:calc(100% - 8px);padding-left:58px!important}.question-copy-tools{display:block;min-height:52px;padding:50px 0 0}.question-copy-tools .translation{margin-bottom:12px}.word-popup-button{top:0;left:0;right:auto}.word-modal{padding:25px 18px;border-radius:22px}.word-modal h2{font-size:23px;padding-right:27px}.word-modal-list article{grid-template-columns:1fr}.vocab-hero{padding:27px 22px;border-radius:22px}.vocab-hero h1{font-size:34px}.vocab-pack-grid,.word-study-list{grid-template-columns:1fr}.vocab-pack{grid-template-columns:43px 1fr auto;padding:16px}.vocab-pack strong{font-size:17px}.vocab-method{padding:16px}.vocab-test-card{padding:29px 18px}.vocab-test-card h1{font-size:37px;overflow-wrap:anywhere}.vocab-options button{padding:14px 12px}.learned-word-list{grid-template-columns:1fr}}

/* Keep the thematic emojis clean, without a decorative tile behind them. */
.turnstile-wrap{min-height:65px;overflow:hidden}
.auth-form .auth-name[hidden]{display:none!important}
.vocab-pack-icon{border-radius:0;background:transparent!important;font-size:28px;line-height:1}
.account-control{border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:800;padding:9px 13px;border-radius:999px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-control.signed-in{border-color:#78b8e6;color:var(--blue)}.auth-modal-backdrop{position:fixed;inset:0;z-index:100;background:#091625b8;display:grid;place-items:center;padding:20px;backdrop-filter:blur(12px)}.auth-modal{position:relative;width:min(100%,440px);padding:36px;border-radius:24px;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 80px #0005}.auth-modal h2{font-size:30px;line-height:1.12;margin:8px 0 22px}.auth-close{position:absolute;top:15px;right:17px;border:0;background:transparent;color:var(--muted);font-size:30px;line-height:1}.auth-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-tabs button{border:0;background:transparent;padding:9px 4px;color:var(--muted);font-weight:800;margin-right:15px}.auth-tabs button.on{color:var(--blue);border-bottom:2px solid var(--blue)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-weight:750}.auth-form input{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px}.auth-form .primary{margin-top:3px}.auth-help{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.auth-message{min-height:20px;color:var(--red);font-size:14px;margin:0}@media(max-width:720px){.account-control{padding:8px 10px;font-size:12px}.auth-modal{padding:28px 22px}.auth-modal h2{font-size:26px}}