.vocabulary-flip-card-module__Xvh8_W__stage{perspective:1200px;outline-offset:4px;margin-top:14px}.vocabulary-flip-card-module__Xvh8_W__arrival{animation:.22s ease-out vocabulary-flip-card-module__Xvh8_W__arrive}.vocabulary-flip-card-module__Xvh8_W__rotor{transform-style:preserve-3d;transition:transform .44s cubic-bezier(.2,.75,.25,1);display:grid}.vocabulary-flip-card-module__Xvh8_W__rotor[data-revealed=true]{transform:rotateY(180deg)}.vocabulary-flip-card-module__Xvh8_W__rotor>.vocabulary-flip-card-module__Xvh8_W__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;grid-area:1/1;width:100%;min-width:0;margin:0}.vocabulary-flip-card-module__Xvh8_W__front{transform:rotateY(0)}.vocabulary-flip-card-module__Xvh8_W__back{transform:rotateY(180deg)}.vocabulary-flip-card-module__Xvh8_W__face[aria-hidden=true]{pointer-events:none}.vocabulary-flip-card-module__Xvh8_W__stage:focus-visible{outline:3px solid var(--blue)}.vocabulary-flip-card-module__Xvh8_W__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@keyframes vocabulary-flip-card-module__Xvh8_W__arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vocabulary-flip-card-module__Xvh8_W__arrival{animation:none}.vocabulary-flip-card-module__Xvh8_W__rotor,.vocabulary-flip-card-module__Xvh8_W__rotor[data-revealed=true],.vocabulary-flip-card-module__Xvh8_W__front,.vocabulary-flip-card-module__Xvh8_W__back{transition:none;transform:none}.vocabulary-flip-card-module__Xvh8_W__face[aria-hidden=true]{visibility:hidden}}
.app-flashcard-library{--library-word-font:"Literata Variable", serif}.app-library-browser{border-block:1px solid var(--line);margin-top:var(--space-4);padding-block:var(--space-4)}.app-library-search{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;display:flex}.app-library-search label{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);outline-offset:1px;max-width:560px;min-height:46px;padding-inline:var(--space-3);outline:2px solid #0000;flex:1;display:flex}.app-library-search label:focus-within{border-color:var(--blue);outline-color:var(--blue)}.app-library-search label>span{color:var(--blue);font-size:var(--text-lg)}.app-library-search input{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0}.app-library-search>strong{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.app-library-topic-grid{gap:var(--space-2);overscroll-behavior:contain;max-height:286px;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);scrollbar-color:color-mix(in srgb, var(--blue) 34%, var(--line)) transparent;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow-y:auto}.app-library-topic-grid button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);cursor:pointer;align-items:center;gap:var(--space-2);min-height:76px;padding:var(--space-2);text-align:left;transition:border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);grid-template-columns:58px minmax(0,1fr);display:grid}.app-library-topic-grid button:hover{border-color:color-mix(in srgb, var(--blue) 48%, var(--line));transform:translateY(-1px)}.app-library-topic-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--blue) 9%, var(--surface));border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.app-library-topic-grid img,.app-library-topic-grid .app-library-fallback{aspect-ratio:1;background:var(--surface-soft);border-radius:calc(var(--radius-control) - 2px);object-fit:cover;width:58px;height:58px}.app-library-topic-grid button>span:last-child{gap:var(--space-1);min-width:0;display:grid}.app-library-topic-grid small,.app-library-topic-grid em{color:var(--muted);font-size:var(--text-xs);font-style:normal}.app-library-topic-grid strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.app-library-empty{color:var(--muted);margin:var(--space-4);text-align:center;grid-column:1/-1}.app-library-card-panel{margin-top:var(--space-5);min-width:0}@media (min-width:1024px){.app-library-card-panel{scroll-margin-top:64px}}.app-library-card-panel :is(.vocab-card-progress,.vocab-card-actions,.vocab-flip-stage){width:100%;max-width:1040px;margin-inline:auto}.app-library-card-panel .vocab-card-progress{grid-template-columns:minmax(150px,auto) minmax(100px,1fr) auto}.app-library-card-panel .vocab-card-progress progress{accent-color:var(--blue);block-size:8px;inline-size:100%}.app-flashcard-library .vocab-focus-card.has-word-media{align-items:center;gap:clamp(var(--space-4), 4vw, var(--space-7));min-height:430px;padding:clamp(var(--space-4), 4vw, var(--space-7));text-align:left;grid-template-columns:minmax(260px,420px) minmax(260px,420px);justify-content:center;display:grid}.app-flashcard-library .vocab-focus-card.has-word-media>.app-library-word-media{background:color-mix(in srgb, var(--surface-soft) 70%, var(--surface));border-radius:var(--radius-card);grid-area:1/1;place-self:center stretch;width:100%;height:min(34vw,330px);position:static;overflow:hidden;transform:none}.app-flashcard-library .app-library-word-media img{filter:saturate(.96)contrast(1.02);object-fit:contain}.app-flashcard-library .app-library-word-media img.is-legacy,.app-flashcard-library .app-library-word-lottie.is-legacy img{width:auto;max-width:300px;height:auto;max-height:300px}.app-library-image-fallback{background:color-mix(in srgb, var(--blue) 12%, var(--surface));border:1px dashed color-mix(in srgb, var(--blue) 48%, var(--line));border-radius:var(--radius-card);color:var(--blue);font:600 clamp(4rem, 11vw, 8rem)/1 var(--library-word-font);justify-content:center;align-items:center;width:min(100%,300px);height:min(100%,300px);display:flex}.app-library-word-copy{flex-direction:column;grid-column:2;align-items:start;min-width:0;display:flex}.app-flashcard-library .vocab-focus-card.has-word-media>.app-library-word-copy{text-align:left;grid-area:1/2;align-items:flex-start}.app-library-word-copy>strong{font-family:var(--library-word-font);hyphens:manual;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;min-width:0;max-width:100%;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:600;line-height:1.05}.app-library-word-copy>strong[data-len=long]{font-size:clamp(2.2rem,4vw,4rem)}.app-library-word-copy>strong[data-len=xlong]{font-size:clamp(1.8rem,3.25vw,3.2rem)}.app-library-word-copy .vocab-phonetic{margin-top:var(--space-2)}.app-library-word-copy .vocab-recall-hint{margin-bottom:0;margin-top:var(--space-4)}.app-flashcard-library .vocab-focus-card.has-word-media>.vocab-listen{right:var(--space-4);top:var(--space-4);position:absolute}@media (max-width:1060px){.app-library-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.app-library-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.app-flashcard-library .vocab-focus-card.has-word-media{gap:var(--space-3);min-height:0;padding:var(--space-4);text-align:center;grid-template-columns:minmax(0,1fr)}.app-flashcard-library .vocab-focus-card.has-word-media>.app-library-word-media{grid-column:1;justify-self:center;width:min(100%,360px);height:min(62vw,280px)}.app-library-word-copy{grid-column:1;align-items:center}.app-flashcard-library .vocab-focus-card.has-word-media>.app-library-word-copy{text-align:center;grid-area:2/1;align-items:center}.app-library-card-panel .vocab-card-progress{grid-template-columns:minmax(0,1fr) auto}.app-library-card-panel .vocab-card-progress progress{grid-area:2/1/auto/-1}}@media (max-width:560px){.app-library-search{flex-direction:column;align-items:stretch}.app-library-search>strong{align-self:flex-end}.app-library-topic-grid{display:none}.app-library-picker{display:grid}}@media (prefers-reduced-motion:reduce){.app-library-topic-grid button{transition:none}.app-library-topic-grid button:hover{transform:none}}