.comprehension[data-v-a498a431]{height:100%;display:flex;flex-direction:column;overflow:hidden}.progress-header[data-v-a498a431]{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-bottom:1px solid var(--bg-muted)}.stat[data-v-a498a431]{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--touch-min);min-height:var(--touch-min);font-size:1.1rem;font-family:var(--font-body);color:var(--text);background:none;border:none;cursor:pointer;padding:var(--space-xs)}.progress-container[data-v-a498a431]{flex:1;margin:0 var(--space-md)}.progress-label[data-v-a498a431]{font-size:.7rem;color:var(--text-muted);text-align:center;margin-bottom:2px}.progress-bar[data-v-a498a431]{height:10px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-a498a431]{height:100%;background:var(--accent-de);border-radius:var(--radius-full);transition:width .3s var(--ease-spring)}.big-emoji[data-v-a498a431]{font-size:4rem}.game-screen[data-v-a498a431]{padding:0;position:relative}.content-card[data-v-a498a431]{width:100%;max-width:520px;background:var(--bg-card);border-radius:var(--radius-xl);padding:clamp(var(--space-md),4vh,var(--space-lg));box-shadow:var(--shadow-md);border:3px solid var(--accent-de-soft)}.content-header[data-v-a498a431]{display:flex;align-items:center;gap:var(--space-md);margin-bottom:clamp(var(--space-sm),2.5vh,var(--space-md))}.content-icon[data-v-a498a431]{font-size:clamp(1.8rem,6vh,2.5rem)}.content-title[data-v-a498a431]{flex:1;font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--accent-de-dark);margin:0}.speak-btn[data-v-a498a431]{background:var(--accent-de-soft);border:none;border-radius:var(--radius-full);width:var(--touch-min);height:var(--touch-min);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer}.passage-text[data-v-a498a431]{display:flex;flex-direction:column;gap:var(--space-xs)}.passage-line[data-v-a498a431]{font-size:clamp(1rem,2.7vh,1.15rem);line-height:1.5;color:var(--text);padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s,box-shadow .2s}.passage-line.active[data-v-a498a431]{background:var(--accent-de-soft)}.passage-line.highlight[data-v-a498a431]{background:var(--warning-soft);box-shadow:0 0 0 2px var(--warning);font-weight:700}.speaker[data-v-a498a431]{font-weight:800;color:var(--accent-sprachen, var(--accent-de-dark));margin-right:4px}.hint-de[data-v-a498a431]{color:var(--text-muted);font-size:.85em;font-style:italic}.listen-box[data-v-a498a431]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.big-listen-btn[data-v-a498a431]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-height:var(--touch-min);font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text-light);background:var(--accent-de);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-md)}.big-listen-btn .ll-icon[data-v-a498a431]{font-size:1.5rem}.big-listen-btn.playing[data-v-a498a431]{animation:pulse-a498a431 1s infinite}.line-dots[data-v-a498a431]{display:flex;gap:8px}.dot[data-v-a498a431]{width:12px;height:12px;border-radius:50%;background:var(--bg-muted);transition:background .2s,transform .2s}.dot.on[data-v-a498a431]{background:var(--accent-de)}.dot.now[data-v-a498a431]{transform:scale(1.4);background:var(--accent-de-dark)}.text-toggle[data-v-a498a431]{background:none;border:none;color:var(--accent-de-dark);font-weight:700;cursor:pointer;text-decoration:underline;padding:var(--space-xs)}.transcript[data-v-a498a431]{width:100%;display:flex;flex-direction:column;gap:4px;background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-md)}.question-card[data-v-a498a431]{background:var(--bg-card);border-radius:var(--radius-xl);padding:clamp(var(--space-md),4vh,var(--space-lg));box-shadow:var(--shadow-md);border:3px solid var(--warning-soft)}.q-counter[data-v-a498a431]{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:var(--space-xs)}.question[data-v-a498a431]{font-family:var(--font-display);font-size:clamp(1.05rem,2.9vh,1.2rem);font-weight:800;color:var(--text);margin-bottom:clamp(var(--space-sm),2.5vh,var(--space-md));text-align:center}.options[data-v-a498a431]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-a498a431]{padding:clamp(var(--space-sm),2.5vh,var(--space-md)) var(--space-md);min-height:var(--touch-min);font-family:var(--font-body);font-size:1.05rem;font-weight:700;text-align:left;background:var(--bg-muted);color:var(--text);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-spring)}@media (hover: hover){.option[data-v-a498a431]:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent-de);background:var(--accent-de-soft);color:var(--accent-de-dark)}}.option[data-v-a498a431]:active:not(:disabled){transform:translateY(1px)}.option.correct[data-v-a498a431]{background:var(--success);color:var(--text-light);border-color:var(--success-dark)}.option.wrong[data-v-a498a431]{background:var(--danger);color:var(--text-light);border-color:var(--danger-dark);animation:shake-a498a431 .3s}.option[data-v-a498a431]:disabled:not(.correct):not(.wrong){opacity:.6}.retry-row[data-v-a498a431]{margin-top:var(--space-md);text-align:center}.btn-sm[data-v-a498a431]{padding:var(--space-xs) var(--space-md);min-height:var(--touch-min);font-size:.95rem}.found-banner[data-v-a498a431]{position:fixed;bottom:12%;left:50%;transform:translate(-50%);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:3px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-weight:800;font-size:1.3rem;color:var(--success-dark);z-index:100;pointer-events:none}.library-screen[data-v-a498a431]{padding:0 0 80px}.library[data-v-a498a431]{background:linear-gradient(180deg,var(--bg-muted) 0%,var(--bg) 100%);min-height:100%;padding:var(--space-md)}.library-header[data-v-a498a431]{text-align:center;padding:var(--space-md)}.library-header h2[data-v-a498a431]{color:var(--accent-de-dark)}.counter[data-v-a498a431]{color:var(--text);margin-top:var(--space-xs);font-weight:600}.shelf[data-v-a498a431]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);padding:var(--space-md);max-width:720px;margin:0 auto}.book[data-v-a498a431]{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm);animation:bookIn-a498a431 .4s var(--ease-spring) both;border-left:6px solid var(--accent-de)}.book-icon[data-v-a498a431]{font-size:2rem;display:block;margin-bottom:4px}.book-title[data-v-a498a431]{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text)}.empty[data-v-a498a431]{grid-column:1 / -1;text-align:center;font-size:1.2rem;font-weight:600;color:var(--accent-de-dark);padding:var(--space-xl)}.floating-btn[data-v-a498a431]{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);min-width:200px;z-index:100}@keyframes shake-a498a431{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes bookIn-a498a431{0%{transform:translateY(-10px) rotate(-5deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes pulse-a498a431{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}