body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f9f9f9;background:#1a1a2e;background:linear-gradient(135deg,#16222a,#3a6073);color:#fff;display:flex;font-family:Arial,sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}button{font-weight:600;transition:transform .2s ease,background-color .2s ease}button:hover{transform:scale(1.05)}button:active{transform:scale(.98)}.flashcard-container{animation:fadeIn .5s ease-in-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 12px 24px #00000026;color:#333;color:#fff;max-width:500px;padding:2rem 2rem 4rem;position:relative;text-align:center;transition:all .3s ease-in-out;width:90%}.flashcard-container input{background:#0003;border:1px solid #ffffff4d;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;margin-top:1rem;padding:.6rem;transition:all .2s ease;width:100%}.flashcard-container button{background:linear-gradient(45deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;margin-top:1rem;padding:.7rem 1.4rem}.flashcard-container button:hover{box-shadow:0 0 15px #f093fb80;transform:scale(1.05)}.flashcard-container .hint{color:#82aaff;font-weight:700;margin-top:1rem}.icon{display:inline-block;height:1.2rem;margin-right:.5rem;vertical-align:middle;width:1.2rem}.icon svg{fill:currentColor;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-screen{align-items:center;background:#0000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center;width:100%}.start-screen h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.mode-description{font-size:1rem;margin-bottom:2rem;max-width:500px}.mode-description p{margin:.3rem 0}.selection-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.selection-column{display:flex;flex-direction:column;gap:1rem}.selection-column button{background:linear-gradient(45deg,#4e54c8,#8f94fb);border:none;border-radius:12px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:1.2rem;padding:.8rem 1.5rem;transition:transform .2s,background-color .2s}.selection-column button:hover{box-shadow:0 8px 15px #0003;transform:translateY(-2px)}button.selected{background:linear-gradient(45deg,#2edc76,#38ef7d)!important;box-shadow:0 8px 15px #2edc764d;transform:translateY(-2px)}button.selected:hover{color:#fff}.mode-icon{font-size:1.2rem;margin-right:.5rem}.progress-container{background-color:#0000004d;border-radius:5px;height:10px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(45deg,#f093fb,#f5576c);height:100%;transition:width .4s ease}.input-area{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.input-area input{flex-grow:1;margin-top:0}.special-chars{display:flex;gap:.3rem}.special-chars button{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-size:1.1rem;line-height:1;margin-top:0;min-width:35px;padding:.5rem}.article-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem;width:100%}.article-buttons button{background:#ffffff26;border:1px solid #ffffff40;color:#fff;font-size:1rem;font-weight:700;margin-top:0;padding:.5rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.wrong-answer{animation:shake .5s ease-in-out;border-color:#f5576c;box-shadow:0 0 20px #f5576cb3}.correct-answer{border-color:#2edc76;box-shadow:0 0 20px #2edc76b3}h1{color:#fff}p{color:#eee}.multiple-choice-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;width:100%}.choice-button{background:#ffffff26;border:1px solid #ffffff40;color:#fff;font-size:1.1rem;margin-top:0;padding:.8rem;transition:background-color .3s,border-color .3s}.choice-button.correct{background:#2edc76b3!important;border-color:#2edc76!important;color:#fff!important}.choice-button.incorrect{background:#f5576cb3!important;border-color:#f5576c!important;color:#fff!important}.timer{align-items:center;background:#0000004d;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:color .3s;width:40px}.flashcard-container .timer.danger,.timer.danger{color:#f5576c}.language-toggle-container{margin-bottom:1rem}.language-toggle-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;margin-top:0;padding:.4rem .8rem}.language-toggle-button:hover{background:#fff3}.action-buttons-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.hard-mode-toggle{background:#0000!important;border:2px solid #8f94fb!important;bottom:1rem;color:#8f94fb!important;font-size:.8rem!important;font-weight:700;margin-top:0!important;padding:.5rem .8rem!important;position:absolute;right:1.5rem}.hard-mode-toggle:hover{background:#8f94fb1a!important;box-shadow:none!important}.floating-back-button{bottom:1.5rem;left:1.5rem;position:fixed}.floating-back-button button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:0;padding:0;width:50px}.floating-back-button button .icon{margin:0}.passive-learning-container{perspective:1000px}.card{cursor:pointer;height:200px;margin-top:1rem;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card.is-flipped{transform:rotateY(180deg)}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-sizing:border-box;display:flex;font-size:1.8rem;font-weight:700;height:100%;justify-content:center;padding:1rem;position:absolute;width:100%}.card-front{background:#ffffff26}.card-back{background:#2edc764d;transform:rotateY(180deg)}.card-navigation{display:flex;justify-content:space-between;margin-top:1.5rem;width:100%}@media (min-width:601px){.flashcard-container{padding:2rem 2rem 4rem;width:90%}.flashcard-container input{font-size:1.2rem}.flashcard-container button{font-size:1rem}.start-screen h1{font-size:2.5rem}.selection-grid{flex-direction:row;gap:2rem}.input-area{align-items:center;flex-direction:row;gap:.5rem}}
/*# sourceMappingURL=main.24873052.css.map*/