/* Exercise geometry and colours are inherited from the real Lessons styles. */
[hidden]{display:none!important}.flashcards-page .learning-layout.fc-library{max-width:1100px;min-height:65vh}.flashcards-page main:focus{outline:none}.flashcards-page .game-shell{width:100%}.flashcards-page .exit{white-space:normal}.flashcards-page .unit-label{flex-shrink:0}.flashcards-page .count{text-align:right}.flashcards-page .flashcard{width:min(260px,100%);margin:18px auto 0}.flashcards-page .picture{background:var(--soft);border-radius:16px;aspect-ratio:1.6;display:grid;place-items:center}.flashcards-page .picture>svg{height:100%;width:85%;max-height:160px}.flashcards-page #question-title{margin:12px 0 4px}.flashcards-page .word{border:0;background:none;color:var(--text);font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0}.word svg{width:22px;height:22px;color:var(--selection)}.tap-hint{font-size:11px;text-align:center;color:var(--muted);margin:4px 0 16px}.translation{text-align:center;font-size:21px;margin:20px 0 30px}.choices{margin-top:22px}.choice{color:var(--text);text-align:left;width:100%;font:inherit;font-weight:600}.choice.selected{background:var(--selected);border-color:var(--selection);box-shadow:inset 0 0 0 1px var(--selection)}.choice.selected .choice-ring{border-color:var(--selection)}.choice.selected .choice-ring:after{background:var(--selection)}.choice.correct{background:var(--success-bg);border-color:var(--success)}.choice.wrong{background:var(--error-bg);border-color:var(--error)}.word-progress{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0 8px}.word-dot{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:1px solid #8a6c1d;background:#efc44e}.word-dot.retry{background:#e45e4e;border-color:#a13427}.word-dot.correct{background:#39a779;border-color:#1d714e}.word-dot.current{outline:2px solid var(--text);outline-offset:3px}.audio-status{color:var(--muted);font-size:12px;text-align:center}.audio-status:empty{display:none}.prototype-note{font-size:11px;color:var(--muted);text-align:center;margin:22px auto 0}.flashcards-page .quick-navigation>a>span:first-child{font-size:22px;line-height:1.1}.flashcards-page .home-footer{margin-top:40px}.flashcards-page .result{text-align:center}.result .seal{font-size:40px;color:var(--success)}.result h1{margin:20px 0}.result-words,.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.result-words button{padding:8px 14px;border:1px solid var(--border);border-radius:12px;background:var(--soft);color:var(--text);font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 23px;border:1px solid var(--button-border);border-radius:10px;background:var(--button);color:var(--button-text);font-size:.875rem;font-weight:700;cursor:pointer}.btn:disabled{background:var(--disabled);color:var(--disabled-text);border-color:var(--disabled)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.page-intro{display:flex;justify-content:space-between;gap:30px;margin:25px 0 35px}.language{display:grid;gap:7px;font-size:12px;font-weight:700;min-width:180px;align-self:flex-start}.language select{font:inherit;padding:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.topic{border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden}.topic-visual{height:190px;background:var(--soft);display:grid;place-items:center}.topic-visual>svg{width:190px;height:170px}.topic-body{padding:24px;display:flex;flex-direction:column;gap:14px}.topic-body h2{font-size:28px;text-align:left;margin:0}.topic-body p{color:var(--muted);font-size:14px;margin:0}.mini,.topic-upcoming{font-size:11px;color:var(--muted)}.how{margin-top:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:24px}.how h3{margin:0 0 10px}.how p{margin:0;color:var(--muted)}.unit-entry{display:flex;justify-content:space-between;gap:20px;margin:20px 0;color:var(--muted);font-size:13px}.unit-entry a{color:var(--selection);text-decoration:underline}.public-links.is-open{display:flex!important}
@media(max-width:600px){.flashcards-page .flashcard{width:200px}.flashcards-page .picture>svg{max-height:125px}.flashcards-page .lesson-top{align-items:flex-start}.flashcards-page .exit{font-size:12px;padding:10px 12px}.flashcards-page .unit-label{max-width:135px}.choice{font-size:15px}.flashcards-page .lesson-heading .lead{max-width:none}.page-intro{display:block}.language{margin-top:20px}.topics{grid-template-columns:1fr}.topic{display:grid;grid-template-columns:100px 1fr}.topic-visual{height:100%;min-height:180px}.topic-visual>svg{width:110px;height:130px}.topic-body{padding:18px}.topic-body h2{font-size:24px}.unit-entry{flex-direction:column}.word-progress{margin-top:20px}.public-links.is-open{flex-direction:column}}

.flashcards-page .flashcards-account{width:46px;height:46px;min-width:0;padding:10px;border-radius:50%;flex-shrink:0}.flashcards-page .flashcards-account::before{display:none}

.flashcards-page .flashcards-account{width:46px;height:46px;min-width:0;padding:10px;border-radius:50%;flex-shrink:0}.flashcards-page .flashcards-account::before{display:none}



.topic-body{height:100%}.topic .btn{margin-top:auto}.topic-unit{font-size:12px;color:var(--selection);text-decoration:underline}.topic{display:flex;flex-direction:column}.topic-visual{flex-shrink:0}.word:disabled{opacity:1;cursor:default;color:var(--text);background:none}.result-words button{display:inline-flex;align-items:center;gap:8px}.result-words button:disabled{opacity:.7;cursor:default}.result-words svg{width:15px;height:15px}.flashcards-page .family-flashcard{width:min(350px,100%)}.flashcards-page .family-flashcard .picture{aspect-ratio:300/280}.flashcards-page .family-flashcard .picture>svg{max-height:255px;width:100%;height:100%}.family-hint{font-size:12px;color:var(--muted);text-align:center;max-width:330px;margin:8px auto}.word-progress{flex-wrap:wrap;gap:11px}.choice>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.flashcards-page .word:disabled:hover{transform:none;background:none}.flashcards-page .result-words button:disabled{background:var(--soft);color:var(--muted)}
@media(max-width:600px){.topic{display:grid;grid-template-columns:95px minmax(0,1fr)}.topic-visual>svg{width:95px}.topic-body{min-width:0}.topic-body h2{overflow-wrap:anywhere}.flashcards-page .family-flashcard{width:min(270px,100%)}.flashcards-page .family-flashcard .picture>svg{max-height:245px}}

/* Library discovery, including long topics and 12-word rounds. */
.library-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}.library-tools label{display:grid;gap:8px;font-weight:600;width:min(100%,480px)}.library-tools input{font:inherit;padding:12px 16px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);width:100%;box-sizing:border-box}.library-tools input:focus-visible{outline:2px solid var(--selection);outline-offset:3px}.library-tools [role=status]{font-size:13px;color:var(--muted);white-space:nowrap;padding-bottom:12px}.topic[hidden]{display:none!important}.topic-body h2{overflow-wrap:anywhere}@media(max-width:600px){.library-tools{align-items:start;flex-direction:column;gap:8px}.library-tools label{width:100%}.library-tools [role=status]{padding-bottom:0}}

/* Cartoon art is shared by the library and every exercise; no motion on hover. */
.topic-visual>svg{width:100%;max-width:290px;height:100%;padding:6px 10px;box-sizing:border-box;overflow:hidden}.flashcards-page .picture>svg{overflow:hidden}.topics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px) and (min-width:601px){.topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topics{grid-template-columns:minmax(0,1fr)}.topic{grid-template-columns:118px minmax(0,1fr)}.topic-visual{height:100%;min-height:170px}.topic-visual>svg{width:118px;height:150px;padding:3px}.topic-body h2{overflow-wrap:normal;word-break:normal}}
.flashcards-page .flashcard:not(.family-flashcard){width:min(320px,100%)}.flashcards-page .flashcard:not(.family-flashcard) .picture{aspect-ratio:1.35}.flashcards-page .flashcard:not(.family-flashcard) .picture>svg{max-height:215px;width:94%}
@media(max-width:800px) and (min-width:601px){.flashcards-page .home-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Illustrated series artwork: contain the complete subject without clipping. */
.topic-visual>svg{max-width:330px;padding:5px 7px}.flashcards-page .picture image{image-rendering:auto}.flashcards-page .family-flashcard .picture{background:transparent}

/* The Lessons shell owns exercise width, padding, sticky actions and APK focus.
   Flashcards owns only its picture, translation and vocabulary status dots. */


.flashcards-page .result .question-body h2{text-align:center}
.flashcards-page .result-actions .secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.flashcards-page .choice-ring{flex-shrink:0}
/* Preserve the shared 92px navigation reservation; long cards scroll within the card. */
.lp-android .flashcards-page #app>.exercise-card .question-body{margin:0}
.lp-android .flashcards-page #app>.exercise-card .flashcard:not(.family-flashcard){width:min(220px,100%);margin-top:12px}
.lp-android .flashcards-page #app>.exercise-card .flashcard:not(.family-flashcard) .picture{aspect-ratio:1.6}
.lp-android .flashcards-page #app>.exercise-card .flashcard:not(.family-flashcard) .picture>svg{max-height:130px}
.lp-android .flashcards-page #app>.exercise-card .word-progress{margin:12px 0 8px}