.Spinner-module-scss-module__WrvKDq__spinner{justify-content:center;align-items:center;display:flex}.Spinner-module-scss-module__WrvKDq__ring{border:2px solid #e5e5e5;border-top-color:#171717;border-radius:50%;animation:.7s linear infinite Spinner-module-scss-module__WrvKDq__vocabSpin;display:block}.Spinner-module-scss-module__WrvKDq__md .Spinner-module-scss-module__WrvKDq__ring{width:28px;height:28px}.Spinner-module-scss-module__WrvKDq__sm .Spinner-module-scss-module__WrvKDq__ring,.Spinner-module-scss-module__WrvKDq__compact .Spinner-module-scss-module__WrvKDq__ring{width:18px;height:18px}.Spinner-module-scss-module__WrvKDq__lg .Spinner-module-scss-module__WrvKDq__ring{width:40px;height:40px}.Spinner-module-scss-module__WrvKDq__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes Spinner-module-scss-module__WrvKDq__vocabSpin{to{transform:rotate(360deg)}}[data-theme=dark] .Spinner-module-scss-module__WrvKDq__ring{border-color:var(--ds-border-subtle);border-top-color:var(--ds-text-primary)}
.atlas-back-btn{z-index:30;color:inherit;-webkit-backdrop-filter:blur(10px);appearance:none;font:inherit;cursor:pointer;transition:transform background-color border-color box-shadow .22s cubic-bezier(.16, 1, .3, 1);background:0 0;border:none;border-radius:100px;align-items:center;gap:10px;margin:0;padding:0;display:inline-flex;position:absolute;top:2px;left:0;transform:translate(calc(-100% - 20px));box-shadow:0 1px 2px #1717170a,0 10px 28px #17171714}.atlas-back-btn__icon{color:#fff;width:34px;height:34px;transition:background-color transform .22s cubic-bezier(.16, 1, .3, 1);background:#0a0a0a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.atlas-back-btn__icon svg{width:16px;height:16px}.atlas-back-btn__label{letter-spacing:.12em;text-transform:uppercase;color:#404040;padding-right:4px;font-size:12px;font-weight:700;line-height:1}@media (hover:hover) and (pointer:fine){.atlas-back-btn:hover{background:#fff;border-color:#17171724;transform:translate(calc(-100% - 24px));box-shadow:0 1px 2px #1717170a,0 14px 32px #1717171f}.atlas-back-btn:hover .atlas-back-btn__icon{background:#dc2626;transform:translate(-1px)}.atlas-back-btn:hover .atlas-back-btn__label{color:#171717}}.atlas-back-btn:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.atlas-back-btn:active{transform:translate(calc(-100% - 18px))}.vocabulary-vault__back-btn{top:.35rem}@media (max-width:1279px){.atlas-back-btn{transform:translate(calc(-100% - 12px))}}@media (max-width:1279px) and (hover:hover) and (pointer:fine){.atlas-back-btn:hover{transform:translate(calc(-100% - 16px))}}@media (max-width:1279px){.atlas-back-btn:active{transform:translate(calc(-100% - 10px))}}@media (max-width:1023px){.atlas-back-btn{padding:4px 12px 4px 4px;top:-4px;left:0;transform:none}}@media (max-width:1023px) and (hover:hover) and (pointer:fine){.atlas-back-btn:hover{transform:translate(-2px)}}@media (max-width:1023px){.atlas-back-btn:active{transform:none}.atlas-back-btn__icon{width:32px;height:32px}.atlas-back-btn__label{letter-spacing:.1em;font-size:11px}.vocabulary-vault__back-btn{top:0}}@media (prefers-reduced-motion:reduce){.atlas-back-btn,.atlas-back-btn__icon{transition:none}}
.vocabulary-vault{color:#171717;width:100%;max-width:1200px;font-family:var(--font-dm-sans,"DM Sans"),system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin:0 auto;padding:0 1rem 3rem;position:relative;overflow:visible}@media (max-width:1023px){.vocabulary-vault{padding-top:3.25rem}}.vocabulary-vault__hero{margin-bottom:2rem}.vocabulary-vault__hero-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.vocabulary-vault__identity{min-width:0}.vocabulary-vault__kicker{color:#dc2626;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700;display:inline-block}.vocabulary-vault__heading{font-family:var(--font-plus-jakarta-sans,"Plus Jakarta Sans"),-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:700;line-height:1.1}.vocabulary-vault__heading span{color:#525252;font-weight:500}.vocabulary-vault__lead{color:#737373;margin:.75rem 0 0;font-size:.875rem}.vocabulary-vault__ring{flex-shrink:0;width:76px;height:76px;position:relative}.vocabulary-vault__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vocabulary-vault__ring .ring-track{fill:none;stroke:#f5f5f5;stroke-width:6px}.vocabulary-vault__ring .ring-progress{fill:none;stroke:#dc2626;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.16,1,.3,1)}.vocabulary-vault__ring-value{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.vocabulary-vault__ring-value strong{color:#171717;font-size:1.125rem;font-weight:700}.vocabulary-vault__ring-value span{color:#737373;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.vocabulary-vault__stat-strip{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.vocabulary-vault .stat-pill{color:#525252;transition:background-color border-color transform .25s ease;background:#fff;border:1px solid #e5e5e5;border-radius:100px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.875rem;text-decoration:none;display:inline-flex}.vocabulary-vault .stat-pill strong{color:#171717;font-weight:700}.vocabulary-vault .stat-pill svg{flex-shrink:0;font-size:1rem}.vocabulary-vault .stat-pill--streak svg{color:#f97316}.vocabulary-vault .stat-pill--saved svg{color:#dc2626}.vocabulary-vault .stat-pill--link{cursor:pointer;color:#171717;font-weight:500}.vocabulary-vault .stat-pill--link svg:last-child{color:#737373;margin-left:-.15rem}.vocabulary-vault .stat-pill--link:hover{border-color:#171717;transform:translateY(-2px)}.vocabulary-vault__switchers{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.vocabulary-vault__langs,.vocabulary-vault__levels{border:1px solid #e5e5e5;border-radius:100px;gap:.3rem;width:fit-content;max-width:100%;padding:.25rem;display:inline-flex;overflow-x:auto}.vocabulary-vault__langs button,.vocabulary-vault__levels button{appearance:none;font:inherit;color:#737373;cursor:pointer;white-space:nowrap;min-width:40px;transition:background-color color .25s ease;background:0 0;border:none;border-radius:9999px;margin:0;padding:.45rem .8rem;font-size:.875rem;font-weight:700}.vocabulary-vault__langs button.is-active,.vocabulary-vault__levels button.is-active{color:#fff;background:#171717}.vocabulary-vault__modes{margin-bottom:1.5rem}.vocabulary-vault__filters{background:#fff;border:1px solid #e5e5e5;border-radius:16px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.vocabulary-vault__filters-row{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.vocabulary-vault__game-note{color:#737373;background:#fafafa;border:1px dashed #d4d4d4;border-radius:12px;margin:0 0 1.5rem;padding:.7rem 1rem;font-size:.875rem}.vocabulary-vault__search{flex:220px;align-items:center;display:flex;position:relative}.vocabulary-vault__search>svg{color:#737373;position:absolute;left:.9rem}.vocabulary-vault__search input{color:#171717;width:100%;font:inherit;background:#fafafa;border:1px solid #e5e5e5;border-radius:100px;padding:.75rem 2.5rem .75rem 2.4rem}.vocabulary-vault__search input:focus-visible{background:#fff;border-color:#171717;outline:none}.vocabulary-vault__search button{appearance:none;font:inherit;color:#737373;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:flex;position:absolute;right:.6rem}.vocabulary-vault__toggles{flex-wrap:wrap;gap:.75rem;display:flex}.vocabulary-vault__toggles button{appearance:none;font:inherit;color:#525252;cursor:pointer;white-space:nowrap;transition:background-color border-color color .25s ease;background:0 0;border:1px solid #e5e5e5;border-radius:100px;align-items:center;gap:.4rem;margin:0;padding:.65rem .9rem;font-size:.875rem;display:inline-flex}.vocabulary-vault__toggles button:hover{color:#171717;background:#fafafa}.vocabulary-vault__toggles button.is-active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.vocabulary-vault__content{min-height:240px}.vocabulary-vault__pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.vocabulary-vault__pagination button{appearance:none;font:inherit;color:#171717;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:100px;margin:0;padding:.6rem 1.1rem;font-weight:500;transition:background-color .25s}.vocabulary-vault__pagination button:hover:not(:disabled){background:#f5f5f5}.vocabulary-vault__pagination button:disabled{opacity:.4;cursor:not-allowed}.vocabulary-vault__pagination span{color:#737373;font-size:.875rem;font-weight:500}.vocabulary-vault--state{text-align:center;color:#737373;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:280px;padding:2rem;display:flex}.vocabulary-vault--state svg{color:#dc2626;font-size:2rem}.vocabulary-vault--state p{margin:0}@media (max-width:639.98px){.vocabulary-vault{padding-left:.75rem;padding-right:.75rem}.vocabulary-vault__hero-main{flex-wrap:nowrap}.vocabulary-vault__ring{width:60px;height:60px}.vocabulary-vault__ring-value strong{font-size:.875rem}.vocabulary-vault__stat-strip{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.vocabulary-vault__stat-strip .stat-pill{flex-shrink:0}}
.vocabulary-vault{color:var(--ds-text-primary)}.vocabulary-vault__kicker{color:var(--ds-accent)}.vocabulary-vault__heading span{color:var(--ds-text-secondary)}.vocabulary-vault__lead,.vocabulary-vault--state{color:var(--ds-text-tertiary)}.vocabulary-vault--state svg{color:var(--ds-accent)}.vocabulary-vault__ring .ring-track{stroke:var(--ds-surface-muted)}.vocabulary-vault__ring .ring-progress{stroke:var(--ds-accent)}.vocabulary-vault__ring-value strong{color:var(--ds-text-primary)}.vocabulary-vault__ring-value span{color:var(--ds-text-tertiary)}.stat-pill{border-color:var(--ds-border-subtle);background:var(--ds-surface-card);color:var(--ds-text-secondary)}.stat-pill strong,.stat-pill--link{color:var(--ds-text-primary)}.stat-pill--link:hover{border-color:var(--ds-text-primary)}.vocabulary-vault__langs,.vocabulary-vault__levels{border-color:var(--ds-border-subtle)}.vocabulary-vault__langs button,.vocabulary-vault__levels button{color:var(--ds-text-tertiary)}.vocabulary-vault__langs button.is-active,.vocabulary-vault__levels button.is-active{background:var(--ds-text-primary);color:var(--ds-surface-page)}.study-mode-selector .mode-section .mode-selector-label{color:var(--ds-text-secondary)}.study-mode-selector .mode-section .mode-selector-label svg{color:var(--ds-accent)}.study-mode-selector .mode-section .mode-tile{border-color:var(--ds-border-subtle);background:var(--ds-surface-card)}.study-mode-selector .mode-section .mode-tile:hover{border-color:var(--tile-border,var(--ds-border-default))}.study-mode-selector .mode-section .mode-tile__icon{background:color-mix(in srgb, var(--tile-fg,var(--ds-accent)) 20%, var(--ds-surface-card));color:var(--tile-fg,var(--ds-accent))}.study-mode-selector .mode-section .mode-tile__label{color:var(--ds-text-primary)}.study-mode-selector .mode-section .mode-tile__desc{color:var(--ds-text-tertiary)}.study-mode-selector .mode-section .mode-tile.active{border-color:var(--tile-fg,var(--ds-accent));background:var(--tile-fg,var(--ds-accent))}.study-mode-selector .mode-section .mode-tile.active .mode-tile__icon{background:#ffffff24}.vocabulary-vault__filters{border-color:var(--ds-border-subtle);background:var(--ds-surface-card)}.vocabulary-vault__game-note{border-color:var(--ds-border-default);background:var(--ds-surface-sunken);color:var(--ds-text-tertiary)}.vocabulary-vault__search>svg{color:var(--ds-text-tertiary)}.vocabulary-vault__search input{border-color:var(--ds-border-subtle);background:var(--ds-surface-sunken);color:var(--ds-text-primary)}.vocabulary-vault__search input:focus-visible{border-color:var(--ds-accent);background:var(--ds-surface-card)}.vocabulary-vault__search button{color:var(--ds-text-tertiary)}.vocabulary-vault__toggles button{border-color:var(--ds-border-subtle);color:var(--ds-text-secondary)}.vocabulary-vault__toggles button:hover{background:var(--ds-surface-sunken);color:var(--ds-text-primary)}.vocabulary-vault__toggles button.is-active{border-color:var(--ds-accent);background:var(--ds-accent-subtle);color:var(--ds-accent)}.topic-filter__trigger{border-color:var(--ds-border-subtle);background:var(--ds-surface-sunken);color:var(--ds-text-primary)}.topic-filter__trigger.has-color{border-color:color-mix(in srgb, var(--chip-fg) 35%, transparent);background:color-mix(in srgb, var(--chip-fg) 16%, var(--ds-surface-card));color:var(--chip-fg)}.topic-filter.is-open .topic-filter__trigger{border-color:var(--ds-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ds-accent) 18%, transparent)}.topic-filter__menu{border-color:var(--ds-border-subtle);background:var(--ds-surface-card)}.topic-filter__option{color:var(--ds-text-secondary)}.topic-filter__option:hover{background:var(--ds-surface-sunken)}.topic-filter__option.is-active{color:var(--ds-text-primary);background:var(--ds-surface-muted)}.topic-filter__option.has-color.is-active{background:color-mix(in srgb, var(--chip-fg) 18%, var(--ds-surface-card));color:var(--chip-fg)}.vocabulary-vault__pagination button{border-color:var(--ds-border-subtle);background:var(--ds-surface-card);color:var(--ds-text-primary)}.vocabulary-vault__pagination button:hover:not(:disabled){background:var(--ds-surface-muted)}.vocabulary-vault__pagination span{color:var(--ds-text-tertiary)}.vocabulary-vault__level-link{border-color:var(--ds-border-subtle);color:var(--ds-text-primary)}.vocabulary-vault__level-link:hover{background:var(--ds-surface-sunken);border-color:var(--ds-border-strong,var(--ds-border-subtle))}.vocabulary-card.modern-card{background:var(--ds-surface-card);border-color:var(--ds-border-subtle)}.vocabulary-card.modern-card:hover{border-color:var(--ds-border-default)}.vocabulary-card.modern-card.is-saved{border-color:color-mix(in srgb, var(--ds-accent) 35%, transparent)}.vocabulary-card.modern-card.is-saved:before{background:linear-gradient(90deg, var(--ds-accent), var(--ds-accent-hover))}.vocabulary-card.modern-card .save-btn{border-color:var(--ds-border-subtle);background:color-mix(in srgb, var(--ds-surface-card) 85%, transparent);color:var(--ds-text-tertiary)}.vocab-card-container .card-header .word-section .word-info .word-text{color:var(--ds-text-primary)}.vocab-card-container .card-header .word-section .word-info .topic-tag{background:color-mix(in srgb, var(--topic-fg,var(--ds-accent)) 18%, var(--ds-surface-card));color:var(--topic-fg,var(--ds-accent));border-color:color-mix(in srgb, var(--topic-fg,var(--ds-accent)) 40%, transparent)}.vocab-card-container .card-body .translation-section .translation-label{color:var(--ds-text-tertiary)}.vocab-card-container .card-body .translation-section .translation{color:var(--ds-text-secondary);background:var(--ds-surface-sunken);border-color:var(--ds-border-subtle)}.vocab-card-container .card-body .examples-section .examples-trigger{background:var(--ds-surface-page)}.modal-header{border-bottom-color:var(--ds-border-subtle)}.modal-header .modal-title{color:var(--ds-text-primary)}.modal-header .close-btn{background:var(--ds-surface-sunken);border-color:var(--ds-border-subtle);color:var(--ds-text-secondary)}.examples-modal{background:var(--ds-surface-card)}.modal-body .word-summary .word{color:var(--ds-text-primary)}.modal-body .word-summary .translation,.modal-body .examples-list .example-item .example-content .example-text{color:var(--ds-text-secondary)}.modal-footer{border-top-color:var(--ds-border-subtle)}.modal-footer .escape-hint{color:var(--ds-text-tertiary);background:var(--ds-surface-sunken);border-color:var(--ds-border-subtle);box-shadow:inset 0 -2px 0 var(--ds-border-subtle)}.examples-list .section-header .section-title{color:var(--ds-text-primary)}