@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -4px 20px #00000014;z-index:9999;padding:0;padding-bottom:env(safe-area-inset-bottom,0);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem 0 .5rem;border:none;background:none;cursor:pointer;color:var(--gray-400);transition:all .2s;font-family:inherit;gap:.15rem;position:relative}.nav-item:hover{color:var(--purple-500)}.nav-item.active{color:var(--purple-600)}.nav-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));border-radius:0 0 3px 3px}.nav-icon{font-size:1.4rem;line-height:1}.nav-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tab-content{padding-bottom:80px!important}.settings-page{max-width:600px;margin:0 auto;padding:1rem}.settings-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--gray-100)}.settings-card h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.provider-option{border:2px solid var(--gray-200);border-radius:var(--radius);padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}.provider-option:hover:not(.disabled){border-color:var(--purple-300);transform:translateY(-1px)}.provider-option.active{border-color:var(--purple-500);background:var(--purple-50);box-shadow:0 0 0 3px #9333ea1a}.provider-option.disabled{opacity:.5;cursor:not-allowed}.provider-icon{font-size:1.5rem;margin-bottom:.4rem}.provider-name{font-weight:700;font-size:.85rem;color:var(--gray-800)}.provider-desc{font-size:.7rem;color:var(--gray-500);margin-top:.2rem}.provider-status{font-size:.65rem;font-weight:600;text-transform:uppercase;margin-top:.5rem;color:var(--gray-400)}.provider-status.configured{color:var(--green-600)}.model-grid{display:flex;flex-direction:column;gap:.6rem}.model-option{border:2px solid var(--gray-200);border-radius:var(--radius);padding:.85rem 1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;position:relative}.model-option:hover{border-color:var(--purple-300)}.model-option.active{border-color:var(--purple-500);background:var(--purple-50)}.model-header{display:flex;align-items:center;justify-content:space-between}.model-name{font-weight:700;font-size:.95rem}.model-desc{font-size:.8rem;color:var(--gray-500);margin-top:.2rem}.model-badge{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.model-badge.neu{background:var(--purple-100);color:var(--purple-700)}.model-badge.beliebt{background:#dbeafe;color:var(--blue-600)}.model-badge.budget{background:var(--gray-100);color:var(--gray-600)}.model-check{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--purple-600);font-weight:800}.api-key-group{margin-bottom:1rem}.api-key-group:last-child{margin-bottom:0}.api-key-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:.4rem}.key-input-row{display:flex;gap:.5rem;align-items:center}.key-input-row input{flex:1;padding:.65rem .85rem;border:1.5px solid var(--gray-200);border-radius:.5rem;font-size:.9rem;font-family:inherit;transition:border-color .2s}.key-input-row input:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.key-status{font-size:1.1rem}.key-hint{color:var(--gray-400);font-size:.75rem;font-family:monospace}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{text-align:center;padding:.75rem;background:linear-gradient(135deg,var(--purple-50),#eff6ff);border-radius:var(--radius);border:1px solid var(--purple-100)}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--purple-700)}.stat-label{display:block;font-size:.7rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;margin-top:.2rem}.settings-actions{padding:1rem 0}.save-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #9333ea4d;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-message{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.75rem;font-weight:500;font-size:.9rem}.settings-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.settings-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid var(--gray-200);border-top:2px solid var(--purple-600);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.5rem}@media (max-width: 500px){.provider-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}.grid-options{display:flex;gap:.6rem;flex-wrap:wrap}.grid-option{flex:1;min-width:70px;border:2px solid var(--gray-200);border-radius:var(--radius);padding:.75rem .5rem;text-align:center;cursor:pointer;transition:all .2s}.grid-option:hover{border-color:var(--purple-300);transform:translateY(-1px)}.grid-option.active{border-color:var(--purple-500);background:var(--purple-50);box-shadow:0 0 0 3px #9333ea1a}.grid-preview{height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.grid-mini{display:grid;gap:2px;width:36px;height:36px}.grid-mini-cell{background:var(--purple-300);border-radius:2px;min-width:0;min-height:0}.grid-option.active .grid-mini-cell{background:var(--purple-600)}.grid-auto-icon{font-size:1.5rem}.grid-label{font-weight:700;font-size:.85rem;color:var(--gray-800)}.grid-desc{font-size:.65rem;color:var(--gray-500);margin-top:.1rem}.selection-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border-radius:.5rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.selection-left{display:flex;align-items:center;gap:.75rem}.selection-count{font-size:.85rem;color:var(--gray-500);font-weight:500}.selection-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;white-space:nowrap}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-slideshow{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;box-shadow:0 2px 6px #7c3aed4d}.action-slideshow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed66}.action-pdf{background:linear-gradient(135deg,#ea580c,#dc2626);color:#fff;box-shadow:0 2px 6px #ea580c4d}.action-pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #ea580c66}.slideshow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.slideshow-container{position:relative;width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.slideshow-close{position:fixed;top:1rem;right:1rem;width:44px;height:44px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.3rem;cursor:pointer;z-index:10;transition:all .2s}.slideshow-close:hover{background:#fff3}.slideshow-counter{color:#fff9;font-size:.85rem;font-weight:600}.slideshow-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #00000080;width:100%;max-width:500px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}.slideshow-word{text-align:center;padding:.8rem;font-weight:800;font-size:1.3rem;font-family:Inter,sans-serif}.slideshow-word-top{background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff}.slideshow-word-bottom{background:var(--gray-50);color:var(--gray-700);border-top:1px solid var(--gray-200)}.slideshow-image-wrap{display:flex;align-items:center;justify-content:center;background:#fff}.slideshow-image-wrap img{max-width:100%;width:auto;height:auto;max-height:50vh;object-fit:contain;display:block;margin:0 auto}.slideshow-nav{display:flex;gap:1rem;align-items:center}.slideshow-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.slideshow-btn:hover{background:#fff3}.slideshow-play{width:56px;height:56px;font-size:1.4rem;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));border-color:transparent}.slideshow-speed{display:flex;gap:.4rem}.speed-btn{padding:.3rem .7rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffff80;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.speed-btn.active{background:#ffffff26;color:#fff;border-color:#fff6}.pdf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:1rem}.pdf-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pdf-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.pdf-header h2{font-size:1.2rem;font-weight:800;margin:0}.pdf-close{width:36px;height:36px;border:1px solid var(--gray-200);background:#fff;border-radius:50%;cursor:pointer;font-size:1.1rem;transition:all .2s}.pdf-close:hover{background:var(--gray-100)}.pdf-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.pdf-info{background:linear-gradient(135deg,var(--purple-50),#eff6ff);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--purple-700);border:1px solid var(--purple-100)}.pdf-section{margin-bottom:1rem}.pdf-section>label{display:block;font-size:.8rem;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.pdf-option-row{display:flex;gap:.5rem;flex-wrap:wrap}.pdf-chip{padding:.5rem 1rem;border:2px solid var(--gray-200);background:#fff;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.pdf-chip:hover{border-color:var(--purple-300)}.pdf-chip.active{border-color:var(--purple-500);background:var(--purple-50);color:var(--purple-700)}.pdf-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pdf-layout-option{border:2px solid var(--gray-200);border-radius:.5rem;padding:.6rem;text-align:center;cursor:pointer;transition:all .15s}.pdf-layout-option:hover{border-color:var(--purple-300)}.pdf-layout-option.active{border-color:var(--purple-500);background:var(--purple-50)}.pdf-layout-preview{display:flex;align-items:center;justify-content:center;margin-bottom:.3rem}.pdf-layout-mini{display:grid;gap:2px;width:36px;height:48px}.pdf-layout-cell{background:var(--purple-300);border-radius:1px}.pdf-layout-option.active .pdf-layout-cell{background:var(--purple-600)}.pdf-layout-label{font-size:.7rem;font-weight:700;color:var(--gray-700)}.pdf-options{display:flex;gap:1rem;flex-wrap:wrap}.pdf-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--gray-700)}.pdf-checkbox input{accent-color:var(--purple-600);width:18px;height:18px}.pdf-range{width:100%;accent-color:var(--purple-600)}.pdf-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-100)}.pdf-progress{height:6px;background:var(--gray-100);border-radius:3px;margin-bottom:.75rem;overflow:hidden;position:relative}.pdf-progress-bar{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--blue-500));border-radius:3px;transition:width .2s}.pdf-progress span{position:absolute;right:0;top:-18px;font-size:.7rem;color:var(--gray-500)}.pdf-generate-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#ea580c,#dc2626);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ea580c4d}.pdf-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.pdf-generate-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 500px){.selection-controls{flex-direction:column;align-items:stretch}.selection-actions{justify-content:stretch}.selection-actions .action-btn{flex:1;text-align:center}.pdf-layout-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-50) 0%,#eff6ff 50%,#fdf2f8 100%);padding:1rem}.auth-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:2rem;width:100%;max-width:420px;border:1px solid var(--gray-100)}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo-icon{font-size:3rem}.auth-logo h1{font-size:1.5rem;font-weight:800;color:var(--gray-800);margin:.5rem 0 .25rem}.auth-logo p{font-size:.85rem;color:var(--gray-500)}.auth-tabs{display:flex;border-bottom:2px solid var(--gray-100);margin-bottom:1.25rem}.auth-tab{flex:1;padding:.7rem;border:none;background:none;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .2s;position:relative}.auth-tab.active{color:var(--purple-600)}.auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--purple-600)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;font-size:.8rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem}.auth-field input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--gray-200);border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .2s}.auth-field input:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.auth-submit{padding:.85rem;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #9333ea4d;transition:all .2s;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-register-btn{background:linear-gradient(135deg,var(--green-500),#059669);box-shadow:0 2px 8px #22c55e4d}.auth-link{border:none;background:none;color:var(--purple-500);font-size:.85rem;cursor:pointer;text-align:center;font-family:inherit;padding:.5rem}.auth-link:hover{text-decoration:underline}.auth-message{padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.auth-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.auth-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.header-user{display:flex;align-items:center;gap:.5rem}.user-name{font-size:.85rem;color:#fffc;font-weight:500}.admin-badge{font-size:.65rem;background:#fff3;padding:.15rem .5rem;border-radius:9999px;color:#fff;font-weight:700;text-transform:uppercase}.logout-btn{padding:.35rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;color:#fff;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ffffff40}.admin-users-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.admin-users-table th{background:var(--gray-50);padding:.6rem .75rem;text-align:left;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200);font-size:.75rem;text-transform:uppercase}.admin-users-table td{padding:.6rem .75rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.admin-users-table tr:hover td{background:var(--gray-50)}.verified-badge{color:var(--green-500)}.unverified-badge{color:var(--red-500)}.admin-btn{padding:.25rem .5rem;border:1px solid var(--gray-200);background:#fff;border-radius:.25rem;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .15s}.admin-btn:hover{background:var(--gray-100)}.admin-btn.danger{color:var(--red-500);border-color:#fecaca}.admin-btn.danger:hover{background:#fef2f2}.text-overlay-top,.text-overlay-bottom{display:flex;align-items:center;justify-content:center;gap:.3rem}.text-overlay-top span,.text-overlay-bottom span{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.speak-btn{flex-shrink:0;width:26px;height:26px;border:none;background:#fff3;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;line-height:1}.speak-btn:hover{background:#fff6;transform:scale(1.15)}.speak-btn-dark{background:#00000014}.speak-btn-dark:hover{background:#00000026}.slideshow-word{display:flex;align-items:center;justify-content:center;gap:.5rem}.slideshow-word span{flex:1;text-align:center}.slideshow-word .speak-btn{width:32px;height:32px;font-size:.85rem}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:1rem}.quiz-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;padding:1.5rem}.quiz-play{padding:0;overflow:hidden}.quiz-close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:1px solid var(--gray-200);background:#fff;border-radius:50%;cursor:pointer;font-size:1.1rem;z-index:5}.quiz-setup{text-align:center}.quiz-setup h2{font-size:1.5rem;margin-bottom:.25rem}.quiz-setup p{color:var(--gray-500)}.quiz-section{margin-top:1.25rem;text-align:left}.quiz-section>label{display:block;font-size:.8rem;font-weight:700;color:var(--gray-600);text-transform:uppercase;margin-bottom:.5rem}.quiz-direction{display:flex;gap:.5rem}.quiz-direction .pdf-chip{flex:1;text-align:center}.quiz-modes{display:flex;flex-direction:column;gap:.6rem}.quiz-mode-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--gray-200);background:#fff;border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .2s;font-family:inherit}.quiz-mode-btn:hover{border-color:var(--purple-400);transform:translateY(-1px)}.quiz-mode-icon{font-size:1.5rem}.quiz-mode-title{font-weight:700;font-size:.95rem;display:block}.quiz-mode-desc{font-size:.8rem;color:var(--gray-500);display:block}.quiz-progress{height:4px;background:var(--gray-100)}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--blue-500));transition:width .3s;border-radius:2px}.quiz-header{display:flex;justify-content:space-between;padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--gray-500)}.quiz-card{padding:0 1rem 1rem;position:relative;transition:all .3s}.quiz-card.correct{background:#dcfce7}.quiz-card.wrong{background:#fef2f2}.quiz-question-word{text-align:center;font-size:1.3rem;font-weight:800;color:var(--purple-700);padding:.5rem}.quiz-image{display:flex;justify-content:center;margin:.5rem 0}.quiz-image img{max-height:200px;max-width:100%;object-fit:contain;border-radius:var(--radius);box-shadow:var(--shadow-md)}.quiz-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;animation:popIn .3s ease;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.2)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.quiz-answer{padding:1rem;border-top:1px solid var(--gray-100)}.quiz-answer-label{font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem;text-align:center}.quiz-mc-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.quiz-mc-btn{padding:.75rem;border:2px solid var(--gray-200);background:#fff;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s}.quiz-mc-btn:hover:not(:disabled){border-color:var(--purple-400);background:var(--purple-50)}.quiz-mc-btn:disabled{opacity:.5}.quiz-type-form{display:flex;gap:.5rem}.quiz-type-form input{flex:1;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:1.05rem;font-family:inherit}.quiz-type-form input:focus{outline:none;border-color:var(--purple-500)}.quiz-type-form button{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;border:none;border-radius:.5rem;font-size:1.2rem;cursor:pointer;font-weight:700}.quiz-result{text-align:center;padding:1rem}.quiz-result-emoji{font-size:4rem;margin-bottom:.5rem}.quiz-result h2{margin-bottom:1rem}.quiz-result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.quiz-stat{font-size:1.3rem;font-weight:700}.quiz-stat.correct{color:var(--green-600)}.quiz-stat.wrong{color:var(--red-500)}.quiz-result-actions{display:flex;flex-direction:column;gap:.5rem}.quiz-back-btn{padding:.65rem;border:1px solid var(--gray-200);background:#fff;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.9rem}.speech-phase{text-align:center;padding:1rem}.speech-icon{font-size:3rem;margin-bottom:.5rem}.speech-icon.listening{animation:pulse 1.5s ease infinite}.speech-icon.recording{animation:pulse .8s ease infinite;color:red}.speech-result{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);text-align:left}.speech-result.correct{background:#dcfce7}.speech-result.wrong{background:#fef2f2}.speech-result-icon{font-size:2rem}.speech-result-text{font-size:.9rem}.action-quiz{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;box-shadow:0 2px 6px #0596694d}.action-quiz:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #05966966}.action-speech{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;box-shadow:0 2px 6px #0284c74d}.action-speech:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0284c766}@media (max-width: 500px){.quiz-mc-options{grid-template-columns:1fr}}@media (max-width: 768px){.speak-btn{width:36px;height:36px;font-size:1rem;min-width:36px;min-height:36px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);z-index:10;position:relative}.text-overlay-top,.text-overlay-bottom{padding:.6rem;font-size:.85rem;z-index:5;position:relative}}.image-with-overlay img{display:block;width:100%}.speak-btn{pointer-events:auto!important;position:relative;z-index:20}.text-overlay-top,.text-overlay-bottom{position:relative;z-index:15}.pdf-progress{margin-top:1rem;text-align:center}.pdf-progress span{font-size:.8rem;color:var(--gray-500);margin-top:.3rem;display:block}.pdf-progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.pdf-progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--blue-500));border-radius:4px;transition:width .2s}.settings-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;background:#e5e7eb}.settings-tab{flex:1;padding:.75rem .5rem;border:none;background:transparent;cursor:pointer;font-size:.85rem;font-weight:500;color:#6b7280;transition:all .2s}.settings-tab.active{background:#6366f1;color:#fff;font-weight:600}.stats-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{text-align:center;padding:1.25rem .5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.stat-value-lg{display:block;font-size:1.75rem;font-weight:700;color:#1e40af}.stat-card .stat-label{font-size:.8rem;color:#64748b}.genre-bars,.quality-bars{display:flex;flex-direction:column;gap:.75rem}.genre-bar-row{display:flex;align-items:center;gap:.75rem}.genre-bar-label{min-width:90px;font-size:.9rem;font-weight:500;color:#374151;text-align:right}.genre-bar-track{flex:1;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.genre-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:12px;transition:width .5s;min-width:2px}.genre-bar-fill.quality{background:linear-gradient(90deg,#10b981,#059669)}.genre-bar-count{min-width:30px;font-size:.9rem;font-weight:600;color:#6366f1}.lang-chips{display:flex;flex-wrap:wrap;gap:.5rem}.lang-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:20px;font-size:.85rem}.lang-chip-name{font-weight:500;color:#374151}.lang-chip-count{background:#6366f1;color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:10px}.top-words{display:flex;flex-direction:column;gap:.5rem}.top-word-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f9fafb;border-radius:8px}.top-word-rank{font-weight:700;color:#6366f1;min-width:30px}.top-word-name{flex:1;font-weight:500}.top-word-langs{font-size:.8rem;color:#64748b}.profile-info{display:flex;flex-direction:column;gap:.75rem}.profile-row{display:flex;gap:1rem}.profile-label{font-weight:600;min-width:60px;color:#374151}.danger-zone{border:2px solid #fecaca!important;background:#fff5f5!important}.danger-zone h3{color:#dc2626}.delete-btn{background:#dc2626;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.delete-btn:hover{background:#b91c1c}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.legal-content{font-size:.9rem;line-height:1.7;color:#4b5563}.legal-content ul{padding-left:1.5rem;margin:.5rem 0}.legal-content li{margin-bottom:.3rem}.legal-content a{color:#6366f1;text-decoration:underline}.pricing-config-form .config-row{margin-bottom:1.25rem}.pricing-config-form .config-row label{display:block;font-weight:600;margin-bottom:.25rem;font-size:.95rem}.pricing-config-form .config-row small{display:block;color:#64748b;font-size:.8rem;margin-top:.25rem}.pricing-config-form .config-input-group{display:flex;align-items:center;gap:.5rem}.pricing-config-form .config-input-group input{width:100px;padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;text-align:right}.pricing-config-form .config-input-group input:focus{border-color:#7c3aed;outline:none}.pricing-config-form .config-input-group span{font-weight:600;color:#64748b;font-size:1.1rem}.pricing-config-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.pricing-config-display .config-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f8fafc;border-radius:8px;font-size:.9rem}.pricing-config-display .config-item strong{color:#7c3aed}.pricing-table .cost-row td{color:#ef4444}.pricing-table .revenue-row td{color:#10b981}.pricing-table .credit-row td{color:#f59e0b}.pricing-table .profit-row td{font-size:1.05rem}.pricing-table .profit-row{background:#7c3aed0a}:root{--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--blue-500: #3b82f6;--blue-600: #2563eb;--green-500: #22c55e;--green-600: #16a34a;--red-500: #ef4444;--yellow-500: #eab308;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--radius: .75rem;--radius-lg: 1rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--purple-50) 0%,#eff6ff 50%,#fdf2f8 100%);color:var(--gray-800);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6}#root{max-width:100%;margin:0;padding:0;text-align:left}html,body,#root{height:100%;overflow:hidden}.App{max-width:100%;margin:0;padding:0;text-align:left;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;height:100%;overflow:hidden}.App-header{background:linear-gradient(135deg,var(--purple-600) 0%,var(--blue-600) 100%);color:#fff;padding:1.25rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #9333ea4d;margin-bottom:0;display:flex;align-items:center;justify-content:space-between}.App-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:.5rem}.App-header p{font-size:.85rem;color:#fffc;margin:0}main{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 5rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--gray-100);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg)}.generator-form{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;margin-bottom:1.5rem;border:1px solid var(--gray-100);display:flex;flex-direction:column;gap:1.25rem}.generator-form fieldset{border:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select{padding:.65rem .85rem;border:1.5px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff;color:var(--gray-800)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.form-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple-600);margin-right:.5rem}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;text-transform:none;font-weight:500;cursor:pointer}.generator-form>button,.generate-images-btn,.toggle-browser-btn,.load-images-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #9333ea4d;letter-spacing:.01em}.generator-form>button:hover:not(:disabled),.generate-images-btn:hover:not(:disabled),.toggle-browser-btn:hover:not(:disabled),.load-images-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.generator-form>button:disabled,.generate-images-btn:disabled,.load-images-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.generate-images-btn{margin-top:.5rem;width:100%;padding:1rem;font-size:1.1rem;background:linear-gradient(135deg,var(--green-500),#059669);box-shadow:0 2px 8px #22c55e4d}.generate-images-btn:hover:not(:disabled){box-shadow:0 4px 12px #22c55e66}.toggle-browser-btn{background:linear-gradient(135deg,#0891b2,#0284c7);box-shadow:0 2px 8px #0891b24d}.loading-message{text-align:center;padding:1.25rem;margin:1rem 0;background:linear-gradient(135deg,var(--purple-50),#eff6ff);border:1px solid var(--purple-200);border-radius:var(--radius);color:var(--purple-700);font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.7}}.error-message{text-align:center;padding:1.25rem;margin:1rem 0;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:#991b1b;font-weight:500}.info-message{text-align:center;padding:1.25rem;margin:1rem 0;background:linear-gradient(135deg,var(--purple-50),#eff6ff);border:1px solid var(--purple-200);border-radius:var(--radius);color:var(--purple-700);font-weight:500}.generation-controls{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);padding:1.5rem;margin-bottom:1.5rem}.image-generation-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.word-list-editor{margin-bottom:1rem}.word-list-editor h2{font-size:1.1rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.word-list-editor h2:before{content:"📝"}.word-list-editor table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.5rem;overflow:hidden;border:1px solid var(--gray-200)}.word-list-editor th{background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;padding:.75rem 1rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left}.word-list-editor td{padding:.5rem;border-bottom:1px solid var(--gray-100);background:#fff}.word-list-editor tr:last-child td{border-bottom:none}.word-list-editor tr:hover td{background:var(--gray-50)}.word-list-editor input[type=text]{width:100%;border:1.5px solid transparent;padding:.5rem .75rem;border-radius:.375rem;font-family:inherit;font-size:.95rem;transition:all .2s}.word-list-editor input[type=text]:focus{border-color:var(--purple-400);background:var(--purple-50);outline:none}.word-list-editor .actions{display:flex;gap:.3rem;justify-content:center}.word-list-editor .actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);background:#fff;border-radius:.375rem;cursor:pointer;font-size:.85rem;transition:all .15s}.word-list-editor .actions button:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.word-list-editor .actions button.delete:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:var(--red-500)}.provider-selector{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--gray-100)}.provider-selector h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.provider-selector h3:before{content:"🤖"}.provider-selector .form-group{margin-bottom:.75rem}.provider-info{padding:.75rem;background:linear-gradient(135deg,var(--purple-50),#eff6ff);border-radius:.5rem;border:1px solid var(--purple-100);color:var(--purple-700);font-size:.85rem;margin-top:.5rem}.image-gallery-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;margin-top:1.5rem;border:1px solid var(--gray-100)}.image-gallery-container h2{font-size:1.2rem;font-weight:700;color:var(--gray-800);margin-bottom:1.25rem;text-align:left;display:flex;align-items:center;gap:.5rem}.image-gallery-container h2:before{content:"🎨"}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.image-card{border:2px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;background:#fff}.image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--purple-300)}.image-card.from-database{border-color:var(--green-500)}.image-card.generated{border-color:var(--purple-400)}.image-card img{width:100%;height:auto;display:block}.image-with-text{display:flex;flex-direction:column}.text-overlay{background:#fff;color:var(--gray-800);font-weight:700;font-size:1rem;text-align:center;padding:.6rem .5rem;font-family:Inter,sans-serif}.text-overlay.text-top{background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;font-size:.95rem}.text-overlay.text-bottom{background:var(--gray-50);color:var(--gray-700);font-size:.95rem;border-top:1px solid var(--gray-200)}.image-browser{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;margin-top:1.5rem;border:1px solid var(--gray-100)}.image-browser h2{font-size:1.2rem;font-weight:700;color:var(--gray-800);margin-bottom:1.25rem}.browser-controls{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1.25rem;flex-wrap:wrap}.genre-selector select,.language-filters select{padding:.65rem .85rem;border:1.5px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;font-family:inherit;min-width:180px;transition:border-color .2s}.genre-selector select:focus,.language-filters select:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.selection-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border-radius:.5rem;margin-bottom:1rem}.selection-controls button{padding:.5rem 1rem;border:1px solid var(--gray-200);background:#fff;border-radius:.375rem;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .15s}.selection-controls button:hover{background:var(--gray-100)}.confirm-selection-btn{background:linear-gradient(135deg,var(--green-500),#059669)!important;color:#fff!important;border:none!important;font-weight:600!important}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.image-item{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s}.image-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--purple-300)}.image-item.selected{border-color:var(--green-500);box-shadow:0 0 0 3px #22c55e33}.image-info{padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;background:var(--gray-50);font-size:.8rem}.quality-badge,.genre-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.quality-badge{background:var(--purple-100);color:var(--purple-700)}.genre-badge{background:var(--gray-100);color:var(--gray-600)}.check-mark{color:var(--green-500);font-size:1.25rem}.no-images{text-align:center;color:var(--gray-400);padding:2rem}.browser-section{margin-top:1.5rem;text-align:center}.fullscreen-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-content{max-width:90vw;max-height:90vh}.close-btn{position:absolute;top:1rem;right:1rem;width:44px;height:44px;background:#ffffff1a;border:2px solid white;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.fullscreen-image-container img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 20px #00000080}.fullscreen-translations{padding:1rem;text-align:center}.fullscreen-translation{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0;color:#fff}.translation-word{font-weight:700;font-size:1.3rem}.translation-language{font-size:.85rem;color:#aaa;text-transform:uppercase}.translation-separator{color:#666}.regenerating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius)}.spinner{border:3px solid var(--gray-200);border-top:3px solid var(--purple-600);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.regenerating-overlay span{color:var(--purple-600);font-weight:600;font-size:.9rem}.translation-loading{position:absolute;top:8px;right:8px;background:#fffffff2;padding:.4rem .6rem;border-radius:.375rem;font-size:.75rem;color:var(--purple-600);font-weight:600;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.4rem}.mini-spinner{width:12px;height:12px;border:2px solid var(--gray-200);border-top:2px solid var(--purple-600);border-radius:50%;animation:spin .8s linear infinite}.context-menu{background:#fff;border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:var(--shadow-lg);padding:.3rem 0;min-width:200px}.context-menu button{display:block;width:100%;padding:.6rem 1rem;text-align:left;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.9rem}.context-menu button:hover{background:var(--gray-50)}.context-menu .delete-btn{color:var(--red-500)}.context-menu .delete-btn:hover{background:#fef2f2}.context-menu-divider{height:1px;background:var(--gray-100);margin:.2rem 0}.image-item.regenerating{opacity:.6}.image-item.deleting{opacity:.3;pointer-events:none}@media (max-width: 768px){.App-header{padding:1rem}.App-header h1{font-size:1.25rem}main{padding:1rem}.generator-form{padding:1.25rem}.generator-form fieldset{grid-template-columns:1fr}.image-gallery,.image-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.browser-controls{flex-direction:column;align-items:stretch}}.image-with-text-container{position:relative;overflow:hidden}.image-with-overlay{display:flex;flex-direction:column}.text-overlay-top{background:linear-gradient(135deg,var(--purple-600),var(--blue-600));color:#fff;font-weight:700;font-size:.9rem;text-align:center;padding:.5rem;font-family:Inter,sans-serif}.text-overlay-bottom{background:var(--gray-50);color:var(--gray-700);font-weight:700;font-size:.9rem;text-align:center;padding:.5rem;border-top:1px solid var(--gray-200);font-family:Inter,sans-serif}.no-translation-text{opacity:.4;font-style:italic}.language-info{font-size:.85rem;font-weight:400;color:var(--gray-400);margin-left:.5rem}.genre-selector label,.language-filters label{font-size:.85rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem;display:block}