*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4ecdc4,#44a08d);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.app-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700}.loading{color:#2c3e50;font-size:1.5rem;padding:50px}.loading,.menu{text-align:center}.menu{padding:40px 20px}.menu h2{color:#2c3e50;font-size:2rem;margin-bottom:40px}.menu-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.menu-button{border:none;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;min-width:200px;padding:20px 40px;transition:all .3s ease}.menu-button.learning{background:linear-gradient(135deg,#44a08d,#093637)}.menu-button.learning:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.menu-button.test{background:linear-gradient(135deg,#d4a574,#b8860b)}.menu-button.test:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.menu-button.articles{background:linear-gradient(135deg,#9b59b6,#6c3483)}.menu-button.articles:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.test-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:15px;margin:0 auto;max-width:500px;padding:40px 20px;text-align:center}.test-settings h2{color:#2c3e50;font-size:2rem}.test-count-selector,.test-settings h2{margin-bottom:30px}.test-count-selector label{color:#2c3e50;display:block;font-size:1.2rem;font-weight:600;margin-bottom:15px}.count-buttons{display:flex;gap:15px;justify-content:center}.count-buttons button{background:#fff;border:3px solid #44a08d;border-radius:10px;color:#44a08d;cursor:pointer;font-size:1.3rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.count-buttons button:hover{background:#44a08d;color:#fff;transform:scale(1.05)}.count-buttons button.active{background:#44a08d;box-shadow:0 4px 15px #44a08d66;color:#fff}.settings-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.back-button,.start-button{border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-button{background:linear-gradient(135deg,#44a08d,#093637);color:#fff}.start-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.back-button{background:#fffc;color:#2c3e50}.back-button:hover{background:#fff;transform:translateY(-2px)}.group-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:15px;margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.group-selector h2{color:#2c3e50;font-size:2rem;margin-bottom:30px}.groups-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.group-button{align-items:center;background:#fffc;border:3px solid #ffffff80;border-radius:12px;color:#2c3e50;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:8px;padding:20px;transition:all .3s ease}.group-button:hover{background:#fff;border-color:#44a08d;box-shadow:0 6px 20px #44a08d4d;transform:translateY(-3px)}.group-button.all{background:linear-gradient(135deg,#44a08d,#093637);border-color:#44a08d;color:#fff}.group-button.all:hover{background:linear-gradient(135deg,#093637,#44a08d)}.group-count{font-size:.9rem;font-weight:500;opacity:.8}.no-groups{font-size:1.2rem;padding:30px}.no-groups,.selected-group-info{color:#2c3e50;margin-bottom:20px}.selected-group-info{background:#44a08d33;border-radius:10px;font-size:1.1rem;font-weight:600;padding:15px;text-align:center}@media (max-width:768px){.app-header{flex-direction:column;gap:15px}.app-header h1{font-size:2rem}.menu-buttons{align-items:center;flex-direction:column}.menu-button{max-width:300px;width:100%}.groups-list{grid-template-columns:1fr}}.language-selector{display:flex;gap:10px}.lang-button{background:#fff3;border:2px solid #ffffff80;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.lang-button:hover{background:#ffffff4d;transform:translateY(-2px)}.lang-button.active{background:#ffffffe6;border-color:#44a08d;box-shadow:0 2px 10px #44a08d4d;color:#44a08d}.learning-mode{margin:0 auto;max-width:800px;padding:20px}.group-indicator{border-radius:10px;color:#2c3e50;font-size:1.1rem;font-weight:600;padding:10px 20px;text-align:center}.group-indicator,.word-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;margin-bottom:20px}.word-card{border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.word-header{margin-bottom:30px;text-align:center}.german-word{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:15px}.translation{color:#44a08d;font-size:1.8rem;font-weight:600}.image-container{align-items:center;background:#ffffff4d;border-radius:15px;display:flex;height:400px;justify-content:center;margin-bottom:30px;overflow:hidden;width:100%}.word-image{height:100%;object-fit:cover;width:100%}.retry-button{background:#44a08d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .3s ease}.retry-button:hover{background:#093637;transform:translateY(-2px)}.navigation{align-items:center;display:flex;gap:20px;justify-content:space-between}.nav-button{background:#fffc;border:none;border-radius:12px;color:#44a08d;cursor:pointer;font-size:1.5rem;font-weight:700;min-width:60px;padding:15px 25px;transition:all .3s ease}.nav-button:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.word-counter{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:600;text-align:center}@media (max-width:768px){.german-word{font-size:2rem}.translation{font-size:1.4rem}.image-container{height:300px}}.test-mode{margin:0 auto;max-width:800px;padding:20px}.test-progress{margin-bottom:30px}.progress-fill{background:linear-gradient(90deg,#44a08d,#093637)}.test-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.test-image-container{align-items:center;background:#ffffff4d;border-radius:15px;display:flex;height:400px;justify-content:center;margin-bottom:30px;overflow:hidden;width:100%}.test-image{height:100%;object-fit:cover;width:100%}.test-question{margin-bottom:30px;text-align:center}.test-question p{color:#2c3e50;font-size:1.5rem;font-weight:600}.test-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.option-button{background:#fffc;border:3px solid #ffffff80;border-radius:12px;color:#2c3e50;cursor:pointer;font-size:1.3rem;font-weight:600;padding:20px;transition:all .3s ease}.option-button:hover{background:#fff;border-color:#44a08d;box-shadow:0 6px 20px #44a08d4d;transform:translateY(-3px)}.option-button:active{transform:translateY(-1px)}@media (max-width:768px){.test-image-container{height:300px}.test-options{grid-template-columns:1fr}.option-button{font-size:1.1rem;padding:15px}}.results{margin:0 auto;max-width:800px;padding:20px}.results-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px}.results-card h2{color:#2c3e50;font-size:2.5rem;margin-bottom:30px;text-align:center}.results-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:40px}.stat-item{border-radius:15px;min-width:120px;padding:20px;text-align:center}.stat-item.correct{background:#44a08d4d}.stat-item.incorrect{background:#dc35454d}.stat-item.total{background:#ffffff4d}.stat-value{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{color:#2c3e50;font-size:1.1rem;font-weight:600}.percentage-circle{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:30px;text-align:center;width:200px}.percentage-value{color:#44a08d;font-size:3rem;font-weight:700;margin-bottom:10px}.percentage-message{color:#2c3e50;font-size:1.2rem;font-weight:600}.results-details{margin-bottom:30px}.results-details h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;text-align:center}.details-list{background:#fff3;border-radius:10px;max-height:400px;overflow-y:auto;padding:10px}.detail-item{align-items:center;background:#ffffff4d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.detail-item.correct{border-left:4px solid #44a08d}.detail-item.incorrect{border-left:4px solid #dc3545}.detail-word{color:#2c3e50;font-size:1.1rem;font-weight:600}.detail-answer{color:#2c3e50;font-size:1rem}.back-button{background:linear-gradient(135deg,#44a08d,#093637);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;margin:30px auto 0;padding:15px 40px;transition:all .3s ease}.back-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.results-card{padding:20px}.results-card h2{font-size:2rem}.results-stats{align-items:center;flex-direction:column}.percentage-circle{height:150px;width:150px}.percentage-value{font-size:2rem}}.article-training{margin:0 auto;max-width:800px;padding:20px;position:relative}.back-btn-top{background:#fffc;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:10}.back-btn-top:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.training-progress{margin-bottom:30px}.progress-bar{background:#ffffff4d;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#d4a574,#b8860b);height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-size:1.1rem;font-weight:600;text-align:center}.article-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.article-image-container{align-items:center;background:#ffffff4d;border-radius:15px;display:flex;height:400px;justify-content:center;margin-bottom:30px;overflow:hidden;width:100%}.article-image{height:100%;object-fit:cover;width:100%}.image-error,.image-loading{color:#2c3e50;font-size:1.2rem;padding:20px;text-align:center}.article-word{margin-bottom:30px;text-align:center}.article-word h2{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:15px}.article-word .translation{color:#44a08d;font-size:1.8rem;font-weight:600}.article-question{margin-bottom:30px;text-align:center}.article-question p{color:#2c3e50;font-size:1.5rem;font-weight:600}.article-options{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.article-button{background:#fffc;border:3px solid #ffffff80;border-radius:12px;color:#2c3e50;cursor:pointer;font-size:2rem;font-weight:700;min-width:120px;padding:20px 40px;position:relative;transition:all .3s ease}.article-button:hover:not(:disabled){background:#fff;border-color:#d4a574;box-shadow:0 6px 20px #d4a5744d;transform:translateY(-3px)}.article-button:disabled{cursor:not-allowed;opacity:.7}.article-button.correct{background:#44a08d;border-color:#44a08d;color:#fff}.article-button.incorrect{background:#dc3545;border-color:#dc3545;color:#fff}.result-icon{font-size:1.2rem;position:absolute;right:10px;top:5px}.result-message{border-radius:10px;font-size:1.2rem;font-weight:600;margin-top:20px;padding:15px;text-align:center}.result-message.correct{background:#44a08d4d;color:#155724}.result-message.incorrect{background:#dc35454d;color:#721c24}.no-words{background:#fff3;border-radius:15px;color:#2c3e50;font-size:1.5rem;margin-bottom:20px;padding:50px;text-align:center}.back-btn{background:#fffc;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:20px auto 0;padding:12px 30px;transition:all .3s ease}.back-btn:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}@media (max-width:768px){.article-word h2{font-size:2rem}.article-word .translation{font-size:1.4rem}.article-image-container{height:300px}.article-options{align-items:center;flex-direction:column}.article-button{max-width:200px;width:100%}}
/*# sourceMappingURL=main.cae69a4d.css.map*/