*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{min-height:100vh}img{max-width:100%;display:block}button{font-family:inherit}.bird-card[data-v-43e882f9]{cursor:pointer;background:#fff;border-radius:16px;transition:all .25s;overflow:hidden;box-shadow:0 2px 12px #00000014}.bird-card[data-v-43e882f9]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image[data-v-43e882f9]{aspect-ratio:4/3;background:#e8f5e9;width:100%;overflow:hidden}.card-image img[data-v-43e882f9]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.bird-card:hover .card-image img[data-v-43e882f9]{transform:scale(1.05)}.card-body[data-v-43e882f9]{padding:14px 16px 16px}.card-name[data-v-43e882f9]{color:#2e7d32;margin:0 0 2px;font-size:1.1rem;font-weight:700}.card-scientific[data-v-43e882f9]{color:#888;margin:0 0 6px;font-size:.85rem;font-style:italic}.card-habitat[data-v-43e882f9]{color:#555;margin:0;font-size:.85rem}.audio-player[data-v-1eeb4d40]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4caf504d}.audio-player[data-v-1eeb4d40]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.audio-player.playing[data-v-1eeb4d40]{background:linear-gradient(135deg,#ff7043,#ff8a65);box-shadow:0 2px 8px #ff70434d}.audio-icon[data-v-1eeb4d40]{font-size:1.1em}.audio-bars[data-v-1eeb4d40]{align-items:end;gap:2px;height:16px;display:flex}.bar[data-v-1eeb4d40]{background:#fff;border-radius:1px;width:3px;animation:.6s ease-in-out infinite alternate bounce-1eeb4d40}.bar[data-v-1eeb4d40]:first-child{height:4px;animation-delay:0s}.bar[data-v-1eeb4d40]:nth-child(2){height:8px;animation-delay:.1s}.bar[data-v-1eeb4d40]:nth-child(3){height:12px;animation-delay:.2s}.bar[data-v-1eeb4d40]:nth-child(4){height:6px;animation-delay:.3s}.bar[data-v-1eeb4d40]:nth-child(5){height:10px;animation-delay:.15s}@keyframes bounce-1eeb4d40{0%{height:3px}to{height:16px}}.modal-backdrop[data-v-fb71f40c]{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn-fb71f40c;display:flex;position:fixed;inset:0}@keyframes fadeIn-fb71f40c{0%{opacity:0}to{opacity:1}}.modal-content[data-v-fb71f40c]{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp-fb71f40c;position:relative;overflow:hidden auto}@keyframes slideUp-fb71f40c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close[data-v-fb71f40c]{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close[data-v-fb71f40c]:hover{background:#000000b3}.modal-image[data-v-fb71f40c]{aspect-ratio:4/3;background:#e8f5e9;width:100%;overflow:hidden}.modal-image img[data-v-fb71f40c]{object-fit:cover;width:100%;height:100%}.modal-body[data-v-fb71f40c]{padding:20px 24px 24px}.modal-name[data-v-fb71f40c]{color:#2e7d32;margin:0 0 4px;font-size:1.5rem;font-weight:800}.modal-scientific[data-v-fb71f40c]{color:#888;margin:0 0 8px;font-size:1rem;font-style:italic}.modal-habitat[data-v-fb71f40c]{color:#555;margin:0 0 16px;font-size:.95rem}.katalog[data-v-3b9990a6]{max-width:1200px;margin:0 auto;padding:20px}.katalog-header[data-v-3b9990a6]{text-align:center;margin-bottom:28px}.katalog-header h2[data-v-3b9990a6]{color:#333;margin:0 0 4px;font-size:1.5rem}.katalog-header p[data-v-3b9990a6]{color:#888;margin:0;font-size:.95rem}.katalog-grid[data-v-3b9990a6]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}@media (width<=500px){.katalog-grid[data-v-3b9990a6]{grid-template-columns:repeat(2,1fr);gap:12px}}.quiz-card[data-v-8dac5c99]{background:#fff;border-radius:20px;max-width:480px;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px #0000001a}.card-type-badge[data-v-8dac5c99]{border-radius:20px;margin:16px 16px 0;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.card-type-badge.photo[data-v-8dac5c99]{color:#1565c0;background:#e3f2fd}.card-type-badge.sound[data-v-8dac5c99]{color:#e65100;background:#fff3e0}.card-type-badge.combo[data-v-8dac5c99]{color:#7b1fa2;background:#f3e5f5}.quiz-image[data-v-8dac5c99]{aspect-ratio:4/3;background:#e8f5e9;width:100%;margin-top:12px;overflow:hidden}.quiz-image img[data-v-8dac5c99]{object-fit:cover;width:100%;height:100%}.quiz-sound-prompt[data-v-8dac5c99]{text-align:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);margin-top:12px;padding:40px 20px}.sound-icon[data-v-8dac5c99]{margin-bottom:8px;font-size:4rem;animation:1.5s ease-in-out infinite pulse-8dac5c99}@keyframes pulse-8dac5c99{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.quiz-sound-prompt p[data-v-8dac5c99]{color:#555;margin:0;font-size:1.1rem}.quiz-audio[data-v-8dac5c99]{text-align:center;padding:12px 16px}.choices[data-v-8dac5c99]{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.choice-btn[data-v-8dac5c99]{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:14px 12px;font-size:.95rem;font-weight:600;transition:all .2s}.choice-btn[data-v-8dac5c99]:hover:not(:disabled){background:#e8f5e9;border-color:#4caf50;transform:translateY(-2px)}.choice-btn.correct[data-v-8dac5c99]{color:#2e7d32;background:#c8e6c9;border-color:#4caf50}.choice-btn.wrong[data-v-8dac5c99]{color:#c62828;background:#ffcdd2;border-color:#ef5350}.choice-btn.dimmed[data-v-8dac5c99]{opacity:.5}.choice-btn[data-v-8dac5c99]:disabled{cursor:default}.reveal-info[data-v-8dac5c99]{text-align:center;border-top:2px solid #e8f5e9;padding:16px 20px 20px}.reveal-result[data-v-8dac5c99]{border-radius:10px;margin-bottom:12px;padding:8px;font-size:1.2rem;font-weight:800}.reveal-result.correct[data-v-8dac5c99]{color:#2e7d32;background:#c8e6c9}.reveal-result.wrong[data-v-8dac5c99]{color:#c62828;background:#ffcdd2}.reveal-image[data-v-8dac5c99]{border-radius:12px;width:100%;max-width:280px;margin:0 auto 12px;overflow:hidden}.reveal-image img[data-v-8dac5c99]{aspect-ratio:4/3;object-fit:cover;width:100%}.reveal-name[data-v-8dac5c99]{color:#2e7d32;margin:0 0 4px;font-size:1.3rem;font-weight:800}.reveal-scientific[data-v-8dac5c99]{color:#888;margin:0 0 6px;font-style:italic}.reveal-habitat[data-v-8dac5c99]{color:#555;margin:0 0 12px}.reveal-audio[data-v-8dac5c99]{margin-top:8px}.reveal-enter-active[data-v-8dac5c99]{transition:all .3s}.reveal-enter-from[data-v-8dac5c99]{opacity:0;transform:translateY(10px)}.box-progress[data-v-f6ec052e]{text-align:center}.box-title[data-v-f6ec052e]{color:#333;margin:0 0 16px;font-size:1.1rem;font-weight:700}.boxes[data-v-f6ec052e]{justify-content:center;gap:12px;margin-bottom:12px;display:flex}.box[data-v-f6ec052e]{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;width:52px;height:120px;display:flex;position:relative;overflow:hidden}.box-fill[data-v-f6ec052e]{border-radius:0 0 8px 8px;transition:height .5s;position:absolute;bottom:0;left:0;right:0}.box-1 .box-fill[data-v-f6ec052e]{background:#ef5350}.box-2 .box-fill[data-v-f6ec052e]{background:#ff9800}.box-3 .box-fill[data-v-f6ec052e]{background:#ffca28}.box-4 .box-fill[data-v-f6ec052e]{background:#66bb6a}.box-5 .box-fill[data-v-f6ec052e]{background:#4caf50}.box-count[data-v-f6ec052e]{z-index:1;color:#333;margin-bottom:4px;font-size:1.3rem;font-weight:800;position:relative}.box-label[data-v-f6ec052e]{z-index:1;color:#666;margin-bottom:6px;font-size:.65rem;font-weight:600;position:relative}.mastered-text[data-v-f6ec052e]{color:#555;margin:8px 0 0;font-size:.95rem}.session-summary[data-v-c0d5c0a4]{text-align:center;max-width:480px;margin:0 auto;padding:20px}.summary-header[data-v-c0d5c0a4]{margin-bottom:20px}.summary-emoji[data-v-c0d5c0a4]{margin-bottom:8px;font-size:3rem}.summary-header h2[data-v-c0d5c0a4]{color:#333;margin:0;font-size:1.5rem}.score-display[data-v-c0d5c0a4]{margin:20px 0}.score-circle[data-v-c0d5c0a4]{background:conic-gradient(#4caf50 var(--pct), #e0e0e0 var(--pct));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:inline-flex;position:relative}.score-circle[data-v-c0d5c0a4]:before{content:"";background:#fff;border-radius:50%;width:96px;height:96px;position:absolute}.score-number[data-v-c0d5c0a4]{color:#2e7d32;font-size:1.5rem;font-weight:800;position:relative}.score-label[data-v-c0d5c0a4]{color:#666;font-size:.8rem;position:relative}.wrong-list[data-v-c0d5c0a4]{text-align:left;margin:20px 0}.wrong-list h3[data-v-c0d5c0a4]{color:#c62828;margin-bottom:12px;font-size:1rem}.wrong-items[data-v-c0d5c0a4]{flex-direction:column;gap:8px;display:flex}.wrong-item[data-v-c0d5c0a4]{background:#fff3e0;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.wrong-item img[data-v-c0d5c0a4]{object-fit:cover;border-radius:8px;width:48px;height:48px}.wrong-item strong[data-v-c0d5c0a4]{color:#333;display:block}.wrong-chosen[data-v-c0d5c0a4]{color:#999;font-size:.85rem}.perfect-score[data-v-c0d5c0a4]{color:#2e7d32;margin:20px 0;font-size:1.2rem;font-weight:700}.summary-actions[data-v-c0d5c0a4]{flex-direction:column;gap:10px;margin-top:24px;display:flex}.btn-primary[data-v-c0d5c0a4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:14px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #4caf504d}.btn-primary[data-v-c0d5c0a4]:hover{transform:translateY(-2px);box-shadow:0 5px 16px #4caf5066}.btn-secondary[data-v-c0d5c0a4]{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:14px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary[data-v-c0d5c0a4]:hover{color:#333;border-color:#bbb}.lernen[data-v-511441ff]{max-width:540px;margin:0 auto;padding:20px}.lernen-dashboard[data-v-511441ff]{text-align:center}.dashboard-header[data-v-511441ff]{margin-bottom:24px}.dashboard-header h2[data-v-511441ff]{color:#333;margin:0 0 6px;font-size:1.5rem}.dashboard-header p[data-v-511441ff]{color:#888;margin:0;font-size:.9rem}.dashboard-actions[data-v-511441ff]{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.btn-start[data-v-511441ff]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:18px 40px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #4caf504d}.btn-start[data-v-511441ff]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-sub[data-v-511441ff]{opacity:.85;font-size:.8rem;font-weight:500}.btn-reset[data-v-511441ff]{color:#999;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-size:.85rem;transition:color .2s}.btn-reset[data-v-511441ff]:hover{color:#c62828}.lernen-quiz[data-v-511441ff]{flex-direction:column;gap:16px;display:flex}.quiz-progress[data-v-511441ff]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progress-bar[data-v-511441ff]{background:#e0e0e0;border-radius:4px;flex:1;min-width:100px;height:8px;overflow:hidden}.progress-fill[data-v-511441ff]{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;height:100%;transition:width .3s}.progress-text[data-v-511441ff]{color:#888;white-space:nowrap;font-size:.85rem}.score-text[data-v-511441ff]{color:#666;white-space:nowrap;font-size:.85rem;font-weight:600}.next-btn-wrap[data-v-511441ff]{text-align:center;margin-top:4px}.btn-next[data-v-511441ff]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42a5f5,#64b5f6);border:none;border-radius:14px;padding:14px 36px;font-size:1.05rem;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #42a5f54d}.btn-next[data-v-511441ff]:hover{transform:translateY(-2px);box-shadow:0 5px 16px #42a5f566}.app[data-v-9107054d]{flex-direction:column;min-height:100vh;display:flex}.app-header[data-v-9107054d]{color:#fff;z-index:50;background:linear-gradient(135deg,#2e7d32,#43a047);padding:0 20px;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.header-inner[data-v-9107054d]{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.app-title[data-v-9107054d]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:1.4rem;font-weight:800;display:flex}.title-icon[data-v-9107054d]{font-size:1.5rem}.app-nav[data-v-9107054d]{gap:6px;display:flex}.nav-btn[data-v-9107054d]{color:#ffffffd9;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.nav-btn[data-v-9107054d]:hover{color:#fff;background:#ffffff26}.nav-btn.active[data-v-9107054d]{color:#fff;background:#ffffff40;border-color:#fff9}.app-main[data-v-9107054d]{background:#f5f7f5;flex:1}.app-footer[data-v-9107054d]{text-align:center;color:#aaa;background:#f5f7f5;padding:16px 20px;font-size:.8rem}.app-footer p[data-v-9107054d]{margin:0}@media (width<=500px){.header-inner[data-v-9107054d]{height:56px}.app-title[data-v-9107054d]{font-size:1.15rem}.nav-btn[data-v-9107054d]{padding:6px 12px;font-size:.8rem}}