.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}.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{color:var(--ds-text-primary)}.vocabulary-vault--state{color:var(--ds-text-tertiary)}.vocabulary-vault--state svg{color:var(--ds-accent)}.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)}.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)}
.vocabulary-vault.gm-vocab{--gm-card:var(--ds-surface-card);--gm-sunken:var(--ds-surface-sunken);--gm-line:#e5e5e5;--gm-line-strong:#d4d4d8;--gm-text:var(--ds-text-primary);--gm-muted:var(--ds-text-tertiary);--gm-red:#dc2626;--gm-red-edge:#a51b1b;--gm-red-soft:#fef2f2;--gm-streak:#ff9600;--gm-streak-edge:#d97f00;--gm-streak-soft:#fff4e5;--gm-gold:#ffc800;--gm-gold-edge:#e0a800;--gm-gold-ink:#6b4a00;--gm-gold-soft:#fff8db;--gm-green:#58cc02;--gm-green-edge:#46a302;--gm-green-soft:#ecfbe0;--gm-violet:#a855f7;--gm-violet-edge:#7e22ce;--gm-reading-edge:#11813a;--gm-listening-edge:#1d4ed8;--gm-writing-edge:#b45309;--gm-speaking-edge:#5b21b6;--gm-radius:20px;--gm-radius-sm:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vocabulary-vault.gm-vocab{--gm-line:#2c2c31;--gm-line-strong:#3f3f46;--gm-red:#ef4444;--gm-red-edge:#b91c1c;--gm-red-soft:#3a1f1c;--gm-streak-soft:#33230d;--gm-gold-soft:#2f2808;--gm-gold-ink:#ffe27a;--gm-green-soft:#16260c}}:root[data-theme=dark] .vocabulary-vault.gm-vocab{--gm-line:#2c2c31;--gm-line-strong:#3f3f46;--gm-red:#ef4444;--gm-red-edge:#b91c1c;--gm-red-soft:#3a1f1c;--gm-streak-soft:#33230d;--gm-gold-soft:#2f2808;--gm-gold-ink:#ffe27a;--gm-green-soft:#16260c}.vocab-layout .vocabulary-vault.gm-vocab{max-width:none;margin:0;padding:0 0 32px}.vocabulary-vault.gm-vocab .vocab-banner{--mode:#ff4b4b;--mode-edge:#d33131;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=roadmap]{--mode:#58cc02;--mode-edge:#46a302;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=cards]{--mode:#ff4b4b;--mode-edge:#d33131;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=flashcards]{--mode:#1cb0f6;--mode-edge:#1899d6;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=adventure]{--mode:#ce82ff;--mode-edge:#a568cc;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=memory]{--mode:#00c2a8;--mode-edge:#009883;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=matching]{--mode:#ff9600;--mode-edge:#d97f00;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner[data-mode=my-words]{--mode:#6c63ff;--mode-edge:#4f46d6;--mode-soft:color-mix(in srgb, var(--mode) 16%, var(--gm-card));--mode-ink:color-mix(in srgb, var(--mode-edge) 72%, var(--gm-text))}.vocabulary-vault.gm-vocab .vocab-banner{isolation:isolate;border-radius:var(--gm-radius);background:var(--mode);box-shadow:0 5px 0 var(--mode-edge);color:#fff;align-items:center;gap:18px;margin-bottom:20px;padding:20px 22px;transition:background-color .3s,box-shadow .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards gm-vocab-rise;display:flex;position:relative;overflow:hidden}.vocabulary-vault.gm-vocab .vocab-banner:before,.vocabulary-vault.gm-vocab .vocab-banner:after{content:"";z-index:-1;pointer-events:none;background:#ffffff21;border-radius:50%;position:absolute}.vocabulary-vault.gm-vocab .vocab-banner:before{width:230px;height:230px;top:-70px;right:-40px}.vocabulary-vault.gm-vocab .vocab-banner:after{background:#ffffff14;width:170px;height:170px;bottom:-95px;left:38%}.vocabulary-vault.gm-vocab .vocab-banner__icon{background:#fff3;border:2px solid #ffffff59;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:32px;animation:.5s cubic-bezier(.34,1.56,.64,1) gm-vocab-pop;display:grid;box-shadow:0 4px #0000001f}.vocabulary-vault.gm-vocab .vocab-banner__icon svg{filter:drop-shadow(0 2px #00000026)}.vocabulary-vault.gm-vocab .vocab-banner__copy{text-shadow:0 1px #0000001f;flex:1;min-width:0}.vocabulary-vault.gm-vocab .vocab-banner__kicker{font-family:var(--ds-font-display);letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin:0;font-size:12px;font-weight:800}.vocabulary-vault.gm-vocab .vocab-banner__title{font-family:var(--ds-font-display);letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(1.6rem,3vw,2.15rem);font-weight:800;line-height:1.1}.vocabulary-vault.gm-vocab .vocab-banner__desc{opacity:.95;max-width:58ch;margin:6px 0 0;font-weight:600;line-height:1.45}.vocabulary-vault.gm-vocab .vocab-banner__meta{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.vocabulary-vault.gm-vocab .vocab-banner__meta span{text-shadow:none;background:#00000024;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:13px;font-weight:700;display:inline-flex}.vocabulary-vault.gm-vocab .vocab-banner__meta strong{font-family:var(--ds-font-display);font-weight:800}.vocabulary-vault.gm-vocab .vocab-banner__meta svg{width:15px;height:15px}.vocabulary-vault.gm-vocab .vocab-banner__ring{flex-shrink:0;width:88px;height:88px;position:relative}.vocabulary-vault.gm-vocab .vocab-banner__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vocabulary-vault.gm-vocab .vocab-banner__ring .ring-track,.vocabulary-vault.gm-vocab .vocab-banner__ring .ring-progress{fill:none;stroke-width:7px}.vocabulary-vault.gm-vocab .vocab-banner__ring .ring-track{stroke:#ffffff4d}.vocabulary-vault.gm-vocab .vocab-banner__ring .ring-progress{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}.vocabulary-vault.gm-vocab .vocab-banner__ring-value{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.vocabulary-vault.gm-vocab .vocab-banner__ring-value strong{font-family:var(--ds-font-display);font-size:19px;font-weight:800}.vocabulary-vault.gm-vocab .vocab-banner__ring-value span{letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:9px;font-weight:800}@media (max-width:600px){.vocabulary-vault.gm-vocab .vocab-banner{gap:14px;padding:16px}.vocabulary-vault.gm-vocab .vocab-banner__icon{border-radius:15px;width:50px;height:50px;font-size:25px}.vocabulary-vault.gm-vocab .vocab-banner__desc{font-size:14px}.vocabulary-vault.gm-vocab .vocab-banner__ring{width:70px;height:70px}.vocabulary-vault.gm-vocab .vocab-banner__ring-value strong{font-size:16px}}@media (max-width:420px){.vocabulary-vault.gm-vocab .vocab-banner__icon{display:none}}.vocabulary-vault.gm-vocab .vocabulary-vault__filters{border:2px solid var(--gm-line);border-radius:var(--gm-radius);background:var(--gm-card);box-shadow:0 4px 0 var(--gm-line);padding:14px}.vocabulary-vault.gm-vocab .vocabulary-vault__search input{border:2px solid var(--gm-line);background:var(--gm-sunken);border-radius:14px;font-weight:600}.vocabulary-vault.gm-vocab .vocabulary-vault__search input:focus,.vocabulary-vault.gm-vocab .vocabulary-vault__search input:focus-visible{background:var(--gm-card);box-shadow:none;border-color:#1cb0f6}.vocabulary-vault.gm-vocab .topic-filter__trigger{border:2px solid var(--gm-line);box-shadow:0 3px 0 var(--gm-line);font-family:var(--ds-font-display);border-radius:14px;font-weight:800}.vocabulary-vault.gm-vocab .topic-filter__menu{border:2px solid var(--gm-line);box-shadow:0 6px 0 var(--gm-line);border-radius:16px}.vocabulary-vault.gm-vocab .vocabulary-vault__toggles button{border:2px solid var(--gm-line);background:var(--gm-card);box-shadow:0 3px 0 var(--gm-line);color:var(--gm-muted);font-family:var(--ds-font-display);border-radius:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.vocabulary-vault.gm-vocab .vocabulary-vault__toggles button:hover{color:var(--gm-text)}.vocabulary-vault.gm-vocab .vocabulary-vault__toggles button:active{box-shadow:0 0 0 var(--gm-line);transform:translateY(3px)}.vocabulary-vault.gm-vocab .vocabulary-vault__toggles button.is-active{border-color:color-mix(in srgb, var(--gm-red) 50%, var(--gm-line));background:var(--gm-red-soft);color:var(--gm-red);box-shadow:0 3px 0 color-mix(in srgb, var(--gm-red) 35%, var(--gm-line))}.vocabulary-vault.gm-vocab .vocabulary-vault__count{background:var(--gm-sunken);min-width:22px;height:22px;color:var(--gm-text);border-radius:8px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.vocabulary-vault.gm-vocab .is-active .vocabulary-vault__count{background:var(--gm-red);color:#fff}.vocabulary-vault.gm-vocab .vocabulary-vault__game-note{border:2px dashed var(--gm-line-strong);background:var(--gm-sunken);color:var(--gm-muted);border-radius:16px;font-weight:600}.vocabulary-vault.gm-vocab .vocabulary-vault--state svg{color:var(--gm-red)}.vocabulary-vault.gm-vocab .vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.vocabulary-vault.gm-vocab .vocabulary-grid>*{animation:.45s cubic-bezier(.34,1.56,.64,1) backwards gm-vocab-rise}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(2){animation-delay:40ms}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(3){animation-delay:80ms}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(4){animation-delay:.12s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(5){animation-delay:.16s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(6){animation-delay:.2s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(7){animation-delay:.24s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(8){animation-delay:.28s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(9){animation-delay:.32s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(10){animation-delay:.36s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(11){animation-delay:.4s}.vocabulary-vault.gm-vocab .vocabulary-grid>:nth-child(12){animation-delay:.44s}.vocabulary-vault.gm-vocab .vocabulary-grid.adventure-mode,.vocabulary-vault.gm-vocab .vocabulary-grid.memory-mode,.vocabulary-vault.gm-vocab .vocabulary-grid.matching-mode{grid-template-columns:minmax(0,1fr)}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card{border:2px solid var(--gm-line);border-radius:var(--gm-radius);background:var(--gm-card);min-height:0;max-height:none;box-shadow:0 4px 0 var(--gm-line);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),border-color .15s}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card:hover{border-color:var(--gm-line-strong);box-shadow:0 7px 0 var(--gm-line-strong);transform:translateY(-3px)}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-saved{border-color:color-mix(in srgb, var(--gm-red) 45%, var(--gm-line));box-shadow:0 4px 0 color-mix(in srgb, var(--gm-red) 38%, var(--gm-line))}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-saved:before{display:none}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-saved:hover{box-shadow:0 7px 0 color-mix(in srgb, var(--gm-red) 45%, var(--gm-line))}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-learned,.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-known{border-color:color-mix(in srgb, var(--gm-green) 55%, var(--gm-line));box-shadow:0 4px 0 color-mix(in srgb, var(--gm-green-edge) 55%, var(--gm-line))}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-learned:hover,.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.is-known:hover{box-shadow:0 7px 0 color-mix(in srgb, var(--gm-green-edge) 65%, var(--gm-line))}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.quiz-mode{box-shadow:none;border:none}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.quiz-mode:hover{transform:none}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card .save-btn{border:2px solid var(--gm-line);background:var(--gm-card);width:38px;height:38px;box-shadow:0 3px 0 var(--gm-line);color:var(--gm-muted);-webkit-backdrop-filter:none;border-radius:12px;font-size:1.15rem;top:14px;right:14px}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card .save-btn:hover{border-color:color-mix(in srgb, var(--gm-red) 45%, var(--gm-line));background:var(--gm-red-soft);box-shadow:0 3px 0 color-mix(in srgb, var(--gm-red) 35%, var(--gm-line));color:var(--gm-red)}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card .save-btn.saved{border-color:var(--gm-red);background:var(--gm-red);box-shadow:0 3px 0 var(--gm-red-edge);color:#fff;animation:.4s cubic-bezier(.34,1.56,.64,1) gm-vocab-pop}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card .roadmap-status-badge{background:var(--gm-green);width:28px;height:28px;box-shadow:0 2px 0 var(--gm-green-edge);color:#fff;font-size:1.1rem;animation:.45s cubic-bezier(.34,1.56,.64,1) gm-vocab-pop;top:19px;right:60px}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card .roadmap-status-badge.is-known{background:var(--gm-gold);box-shadow:0 2px 0 var(--gm-gold-edge);color:var(--gm-gold-ink)}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.flashcards-mode{height:300px;min-height:300px;max-height:300px;box-shadow:none;background:0 0;border:0;overflow:visible}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.flashcards-mode:hover{box-shadow:none;transform:none}.vocabulary-vault.gm-vocab .vocabulary-card.modern-card.flashcards-mode .flashcard-container{height:calc(100% - 4px)}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front,.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back{border:2px solid var(--gm-line);border-radius:var(--gm-radius);box-shadow:0 4px 0 var(--gm-line);transition:border-color .15s}.vocabulary-vault.gm-vocab .flashcard-container .card-content{padding:16px}.vocabulary-vault.gm-vocab .flashcard-container .flip-hint{-webkit-backdrop-filter:none;font-family:var(--ds-font-display);letter-spacing:.1em;text-transform:uppercase;opacity:1;background:0 0;padding:0;font-size:11px;font-weight:800}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front{background:var(--gm-card)}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .card-content{color:var(--gm-text)}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .topic-badge{border:2px solid color-mix(in srgb, var(--topic-fg) 28%, transparent);background:color-mix(in srgb, var(--topic-fg) 12%, var(--gm-card));-webkit-backdrop-filter:none;max-width:calc(100% - 60px);color:var(--topic-fg);font-family:var(--ds-font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .topic-badge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section{gap:14px}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section .audio-btn{-webkit-backdrop-filter:none;color:#fff;background:#1cb0f6;border:0;border-radius:18px;width:60px;height:60px;font-size:24px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #1899d6}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section .audio-btn:hover,.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section .audio-btn.playing{filter:brightness(1.06);background:#1cb0f6}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section .audio-btn:active{transform:translateY(4px);box-shadow:0 0 #1899d6}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .word-section .word-text{color:var(--gm-text);font-family:var(--ds-font-display);letter-spacing:-.01em;text-shadow:none;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-front .flip-hint{color:var(--gm-muted)}.vocabulary-vault.gm-vocab .flashcard-container:hover .flashcard-front{border-color:var(--gm-line-strong)}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back{border-color:color-mix(in srgb, var(--topic-fg) 80%, #000);background:var(--topic-fg);box-shadow:0 4px 0 color-mix(in srgb, var(--topic-fg) 65%, #000)}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .card-content{color:#fff}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-header{padding-bottom:8px}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-header .header-icon{color:#ffffffd9;font-size:1.6rem}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .definition-text{color:#fff;font-family:var(--ds-font-display);text-shadow:0 1px #00000026;font-size:1.35rem;font-weight:800;line-height:1.3}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .example-container{background:#ffffff29;border:2px solid #ffffff4d;border-radius:14px;box-shadow:0 3px #0000001f}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .example-container:hover{background:#ffffff3d}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .example-container .quote-icon{color:#ffffffd9}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .example-container .example-text{color:#fff;font-weight:600}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-body .example-container .more-examples-badge{color:#fff;background:#0000002e;border-radius:8px;font-weight:800}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .back-footer{border-top:2px solid #ffffff40;padding-top:10px}.vocabulary-vault.gm-vocab .flashcard-container .flashcard-back .flip-hint{color:#ffffffe6}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination button{border:2px solid var(--gm-line);background:var(--gm-card);color:var(--gm-text);box-shadow:0 4px 0 var(--gm-line);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination button:hover:not(:disabled){background:var(--gm-card);filter:brightness(1.05)}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination button:active:not(:disabled){box-shadow:0 0 0 var(--gm-line);transform:translateY(4px)}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination button{text-transform:uppercase;letter-spacing:.05em;border-radius:14px}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination button:disabled{opacity:.45;box-shadow:none}.vocabulary-vault.gm-vocab .vocabulary-vault__pagination span{background:var(--gm-sunken);font-family:var(--ds-font-display);color:var(--gm-text);border-radius:999px;padding:6px 12px;font-weight:800}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__search{margin:0 0 20px}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__card{border:2px solid var(--gm-line);border-radius:var(--gm-radius);background:var(--gm-card);box-shadow:0 4px 0 var(--gm-line);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),border-color .15s;animation:.45s cubic-bezier(.34,1.56,.64,1) backwards gm-vocab-rise}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__card:before{display:none}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__card:hover{border-color:var(--gm-line-strong);box-shadow:0 7px 0 var(--gm-line-strong);transform:translateY(-3px)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__text{font-family:var(--ds-font-display);color:var(--gm-text);font-weight:800}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__source{border:2px solid color-mix(in srgb, var(--topic-fg) 28%, transparent);background:color-mix(in srgb, var(--topic-fg) 12%, var(--gm-card));color:var(--topic-fg);font-family:var(--ds-font-display);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__delete{border:2px solid var(--gm-line);background:var(--gm-card);box-shadow:0 3px 0 var(--gm-line);color:var(--gm-muted);border-radius:12px;transition:transform 80ms,box-shadow 80ms}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__delete:hover{border-color:color-mix(in srgb, var(--gm-red) 45%, var(--gm-line));background:var(--gm-red-soft);color:var(--gm-red)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__delete:active{box-shadow:0 0 0 var(--gm-line);transform:translateY(3px)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button{border:2px solid var(--gm-line);background:var(--gm-card);color:var(--gm-text);box-shadow:0 4px 0 var(--gm-line);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button:hover:not(:disabled){background:var(--gm-card);filter:brightness(1.05)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button:active:not(:disabled){box-shadow:0 0 0 var(--gm-line);transform:translateY(4px)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button{text-transform:uppercase;letter-spacing:.04em;border-radius:12px}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button:last-child{border:2px solid var(--gm-red);background:var(--gm-red);color:#fff;box-shadow:0 4px 0 var(--gm-red-edge);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button:last-child:hover:not(:disabled){background:var(--gm-red);filter:brightness(1.05)}.vocabulary-vault.gm-vocab.vocabulary-my-words .vocabulary-my-words__confirm-actions button:last-child:active:not(:disabled){box-shadow:0 0 0 var(--gm-red-edge);transform:translateY(4px)}.vocabulary-vault.gm-vocab .roadmap-panel{border:2px solid var(--gm-line);border-radius:var(--gm-radius);background:var(--gm-card);box-shadow:0 4px 0 var(--gm-line);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards gm-vocab-rise}.vocabulary-vault.gm-vocab .roadmap__kicker{font-family:var(--ds-font-display);letter-spacing:.1em;font-weight:800}.vocabulary-vault.gm-vocab .roadmap__title{font-family:var(--ds-font-display);letter-spacing:-.02em;font-weight:800}.vocabulary-vault.gm-vocab .roadmap-btn{text-transform:uppercase;letter-spacing:.05em;border-radius:14px;min-height:46px}.vocabulary-vault.gm-vocab .roadmap-btn--primary{border:2px solid var(--gm-red);background:var(--gm-red);color:#fff;box-shadow:0 4px 0 var(--gm-red-edge);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab .roadmap-btn--primary:hover:not(:disabled){background:var(--gm-red);filter:brightness(1.05)}.vocabulary-vault.gm-vocab .roadmap-btn--primary:active:not(:disabled){box-shadow:0 0 0 var(--gm-red-edge);transform:translateY(4px)}.vocabulary-vault.gm-vocab .roadmap-btn--ghost{border:2px solid var(--gm-line);background:var(--gm-card);color:var(--gm-text);box-shadow:0 4px 0 var(--gm-line);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab .roadmap-btn--ghost:hover:not(:disabled){background:var(--gm-card);filter:brightness(1.05)}.vocabulary-vault.gm-vocab .roadmap-btn--ghost:active:not(:disabled){box-shadow:0 0 0 var(--gm-line);transform:translateY(4px)}.vocabulary-vault.gm-vocab .roadmap-btn--danger{border:2px solid var(--gm-red);background:var(--gm-red);color:#fff;box-shadow:0 4px 0 var(--gm-red-edge);font-family:var(--ds-font-display);cursor:pointer;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.vocabulary-vault.gm-vocab .roadmap-btn--danger:hover:not(:disabled){background:var(--gm-red);filter:brightness(1.05)}.vocabulary-vault.gm-vocab .roadmap-btn--danger:active:not(:disabled){box-shadow:0 0 0 var(--gm-red-edge);transform:translateY(4px)}.vocabulary-vault.gm-vocab .roadmap-pace__option{border:2px solid var(--gm-line);box-shadow:0 3px 0 var(--gm-line);font-family:var(--ds-font-display);border-radius:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.vocabulary-vault.gm-vocab .roadmap-pace__option:active{box-shadow:0 0 0 var(--gm-line);transform:translateY(3px)}.vocabulary-vault.gm-vocab .roadmap-pace__option.is-active{border-color:var(--gm-green);background:var(--gm-green-soft);color:var(--gm-green-edge);box-shadow:0 3px 0 var(--gm-green-edge)}.vocabulary-vault.gm-vocab .roadmap-steps__number,.vocabulary-vault.gm-vocab .roadmap-timeline__dot{box-shadow:0 3px 0 color-mix(in srgb, currentColor 40%, var(--gm-line))}.vocabulary-vault.gm-vocab .roadmap-today,.vocabulary-vault.gm-vocab .roadmap-plan,.vocabulary-vault.gm-vocab .roadmap-result{border-radius:var(--gm-radius)}.vocabulary-vault.gm-vocab .roadmap-lesson__bar{border-radius:999px;height:14px}.examples-modal{--gm-card:var(--ds-surface-card);--gm-sunken:var(--ds-surface-sunken);--gm-line:#e5e5e5;--gm-line-strong:#d4d4d8;--gm-text:var(--ds-text-primary);--gm-muted:var(--ds-text-tertiary);--gm-red:#dc2626;--gm-red-edge:#a51b1b;--gm-red-soft:#fef2f2;--gm-streak:#ff9600;--gm-streak-edge:#d97f00;--gm-streak-soft:#fff4e5;--gm-gold:#ffc800;--gm-gold-edge:#e0a800;--gm-gold-ink:#6b4a00;--gm-gold-soft:#fff8db;--gm-green:#58cc02;--gm-green-edge:#46a302;--gm-green-soft:#ecfbe0;--gm-violet:#a855f7;--gm-violet-edge:#7e22ce;--gm-reading-edge:#11813a;--gm-listening-edge:#1d4ed8;--gm-writing-edge:#b45309;--gm-speaking-edge:#5b21b6;--gm-radius:20px;--gm-radius-sm:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .examples-modal{--gm-line:#2c2c31;--gm-line-strong:#3f3f46;--gm-red:#ef4444;--gm-red-edge:#b91c1c;--gm-red-soft:#3a1f1c;--gm-streak-soft:#33230d;--gm-gold-soft:#2f2808;--gm-gold-ink:#ffe27a;--gm-green-soft:#16260c}}:root[data-theme=dark] .examples-modal{--gm-line:#2c2c31;--gm-line-strong:#3f3f46;--gm-red:#ef4444;--gm-red-edge:#b91c1c;--gm-red-soft:#3a1f1c;--gm-streak-soft:#33230d;--gm-gold-soft:#2f2808;--gm-gold-ink:#ffe27a;--gm-green-soft:#16260c}.examples-modal{border:2px solid var(--gm-line);background:var(--gm-card);box-shadow:0 6px 0 var(--gm-line)}@media (min-width:601px){.examples-modal{border-radius:24px}}.examples-modal .modal-header{border-bottom:2px solid var(--gm-line)}.examples-modal .modal-header .modal-title{font-family:var(--ds-font-display);color:var(--gm-text);font-weight:800}.examples-modal .modal-header .close-btn{border:2px solid var(--gm-line);background:var(--gm-card);box-shadow:0 3px 0 var(--gm-line);color:var(--gm-muted);border-radius:12px;transition:transform 80ms,box-shadow 80ms}.examples-modal .modal-header .close-btn:hover{background:var(--gm-sunken);color:var(--gm-text)}.examples-modal .modal-header .close-btn:active{box-shadow:0 0 0 var(--gm-line);transform:translateY(3px)}.examples-modal .modal-body .word-summary{border:2px solid color-mix(in srgb, #1cb0f6 40%, var(--gm-line));background:color-mix(in srgb, #1cb0f6 12%, var(--gm-card));box-shadow:0 4px 0 color-mix(in srgb, #1cb0f6 35%, var(--gm-line));border-radius:18px}.examples-modal .modal-body .word-summary .word{font-family:var(--ds-font-display);color:var(--gm-text);font-weight:800}.examples-modal .modal-body .word-summary .translation{color:var(--gm-text);font-weight:600}.examples-modal .modal-body .examples-list .example-item .example-number{background:var(--gm-red);box-shadow:0 3px 0 var(--gm-red-edge);font-family:var(--ds-font-display);border-radius:12px;font-weight:800}.examples-modal .modal-body .examples-list .example-item .example-content .vocab-pronounce-btn,.examples-modal .modal-body .examples-list .example-item .example-content .vocab-translate-btn{border:2px solid var(--gm-line);background:var(--gm-card);box-shadow:0 3px 0 var(--gm-line);color:var(--gm-text);font-family:var(--ds-font-display);border-radius:12px;font-weight:800}.examples-modal .modal-body .examples-list .example-item .example-content .vocab-pronounce-btn:hover,.examples-modal .modal-body .examples-list .example-item .example-content .vocab-translate-btn:hover{background:var(--gm-sunken);box-shadow:0 3px 0 var(--gm-line);transform:none}.examples-modal .modal-body .examples-list .example-item .example-content .vocab-pronounce-btn:active,.examples-modal .modal-body .examples-list .example-item .example-content .vocab-translate-btn:active{box-shadow:0 0 0 var(--gm-line);transform:translateY(3px)}.examples-modal .modal-footer{border-top:2px solid var(--gm-line)}@keyframes gm-vocab-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes gm-vocab-pop{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.vocabulary-vault.gm-vocab *,.vocabulary-vault.gm-vocab :before,.vocabulary-vault.gm-vocab :after,.examples-modal *{transition:none!important;animation:none!important}}