.flashcard-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.flashcard{border:2px solid var(--color-border);padding:35px 40px;background-color:var(--bg-card);border-radius:12px;box-shadow:0 6px 16px #0000001f;margin:0;text-align:center;transition:border-color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease;width:100%;max-width:580px;min-height:300px;position:relative;box-sizing:border-box;animation:slideInUp .4s ease-out}.flashcard-action-buttons{position:absolute;top:15px;right:15px;display:flex;flex-direction:row;align-items:center;gap:8px;z-index:2}.flashcard-action-button{background:#ffffff1a;border:1px solid var(--color-border);border-radius:50%;padding:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:1.1em;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flashcard-action-button:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #00000026;border-color:var(--color-primary);background:#fff3}.flashcard-action-button:active{transform:translateY(0) scale(1);box-shadow:0 2px 4px #0000001a}.flashcard-action-button.mark-hard{color:#ffc107}.flashcard-action-button.mark-hard.marked{color:#28a745;background:var(--bg-hint)}.flashcard-action-button.edit-word,.flashcard-action-button.show-details{color:var(--text-muted)}.flashcard-switch-button{position:absolute!important;top:15px!important;left:15px!important;background:#ffffff1a;border:1px solid var(--color-border);border-radius:50%;padding:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:1em;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;color:var(--text-muted);margin:0!important;transform:none!important}.flashcard-switch-button:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #00000026;border-color:var(--color-primary);background:#fff3;color:var(--text-body)}.flashcard-switch-button:active{transform:translateY(0) scale(1);box-shadow:0 2px 4px #0000001a}.flashcard-word{font-size:2.8rem;font-weight:700;margin:25px 30px;color:var(--text-heading);min-height:1.3em;transition:color .3s ease;line-height:1.15;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-align:center}.flashcard--correct{animation:flash-correct-vivid .6s ease-out;border-color:var(--color-success)}.flashcard--incorrect{animation:flash-incorrect .6s ease-out;border-color:var(--color-danger)}@keyframes flash-correct-vivid{0%,to{background-color:var(--bg-card);border-color:var(--color-success);color:var(--text-body)}50%{background-color:var(--color-success);color:var(--text-button);border-color:var(--color-success)}}@keyframes flash-incorrect{0%,to{background-color:var(--bg-card);border-color:var(--color-danger)}50%{background-color:var(--bg-feedback-incorrect);border-color:var(--color-danger)}}.answer-form{margin-top:25px;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;margin-left:auto;margin-right:auto}.answer-input{display:block;width:100%;max-width:400px;padding:16px 20px;font-size:1.3rem;font-weight:400;line-height:1.5;color:var(--text-body);background-color:var(--bg-card);background-clip:padding-box;border:2px solid var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease,transform .2s ease;flex-grow:1;min-width:200px;margin:0 auto;text-align:center}.answer-input:focus{color:var(--text-body);background-color:var(--bg-card);border-color:var(--color-primary);outline:0;box-shadow:0 0 0 .25rem #0d6efd80}.answer-input::placeholder{color:var(--text-muted);opacity:.7;transition:color .3s ease}.answer-form-buttons{display:flex;gap:12px;width:100%;justify-content:center;margin-bottom:15px}.secondary-buttons{display:flex;gap:12px;width:100%;justify-content:center;margin-top:0}.secondary-buttons button{flex:1;max-width:180px}.new-card-button{background-color:var(--color-primary);color:var(--text-button);border:1px solid var(--color-primary);padding:12px 24px;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014;min-width:120px}.new-card-button:hover{background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.new-card-button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg);cursor:not-allowed;opacity:.6}.hint-display{margin-top:20px;padding:12px 15px;background-color:var(--bg-hint);border-radius:4px;font-size:.9rem;color:var(--text-muted);text-align:left;min-height:2.5em;border-top:1px solid var(--color-border);font-style:normal;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word}.hint-display strong{font-weight:700;color:var(--text-body);transition:color .3s ease}.hint-display em{color:var(--text-muted);margin:0 3px;font-style:italic;transition:color .3s ease}.hint-display span[style*="color:orange"]{color:var(--color-warning);font-weight:700}@media (max-width: 480px){.hint-display{font-size:.85rem;padding:10px 12px;min-height:3em;line-height:1.4}}.feedback-area{margin-top:15px;padding:0;border-radius:8px;width:100%;max-width:500px;box-sizing:border-box;background:none;border:none;overflow:hidden;box-shadow:0 4px 12px #00000026}.feedback-header{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-darker) 100%);color:var(--text-button);padding:10px 16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px}.feedback-title{font-size:.95rem;font-weight:600;margin:0;display:flex;align-items:center;gap:6px}.feedback-icon{font-size:1rem}.feedback-message{display:none}.feedback-correct-answer{background-color:var(--bg-card);padding:12px 16px;text-align:center;border-bottom:1px solid var(--color-border-light)}.correct-answer-label{font-size:.7rem;font-weight:700;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.correct-answer-text{font-size:1.1rem;font-weight:600;color:var(--text-heading);margin:0;padding:6px 10px;background-color:var(--bg-hint);border-radius:6px;border-left:3px solid var(--color-success)}.feedback-actions{background-color:var(--bg-card);padding:12px 16px;display:flex;gap:8px}.feedback-area button{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-darker) 100%);color:var(--text-button);border:none;padding:10px 16px;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;flex:1}.feedback-area button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003;background:linear-gradient(135deg,var(--color-secondary-darker) 0%,var(--color-secondary) 100%)}.feedback-area button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.feedback-area .next-card-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%)}.feedback-area .next-card-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-darker) 0%,var(--color-primary) 100%)}@media (max-width: 480px){.feedback-area{margin-top:12px;max-width:100%}.feedback-header{padding:8px 12px;min-height:36px}.feedback-title{font-size:.9rem}.feedback-correct-answer{padding:10px 12px}.correct-answer-text{font-size:1rem;padding:5px 8px}.feedback-actions{padding:10px 12px;gap:6px}.feedback-area button{padding:8px 12px;font-size:.85rem}}@media (min-width: 481px){.feedback-message{display:block!important;font-size:.8rem;margin:0;opacity:.9;font-weight:400}.feedback-header{flex-direction:column;gap:2px}}body[data-theme=dark] .feedback-header{box-shadow:0 2px 8px #0000004d}body[data-theme=dark] .feedback-area{box-shadow:0 6px 20px #0006}body[data-theme=dark] .feedback-area button{box-shadow:0 4px 12px #0003}.flashcard-details-revealed{margin-top:25px;padding:20px;background:linear-gradient(145deg,var(--bg-hint),var(--bg-card));border-radius:12px;border:1px solid var(--color-border-light);box-shadow:0 4px 12px #00000014;text-align:left;transition:all .3s ease;max-height:180px;overflow-y:auto}.flashcard-details-revealed .detail-item{background-color:var(--bg-card);margin-bottom:12px;padding:14px 16px;border-radius:8px;border-left:4px solid var(--color-primary);box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.flashcard-details-revealed .detail-item:last-child{margin-bottom:0}.flashcard-details-revealed .detail-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.flashcard-details-revealed .detail-item strong{display:block;color:var(--color-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;transition:color .3s ease}.flashcard-details-revealed .detail-value{color:var(--text-body);font-size:1rem;line-height:1.4;font-weight:500}.flashcard-details-revealed .detail-item:first-child{border-left-color:var(--color-success);background:linear-gradient(135deg,var(--bg-card),var(--bg-feedback-correct))}.flashcard-details-revealed .category-detail{border-left-color:var(--color-warning)}.flashcard-details-revealed .notes-detail{border-left-color:var(--color-secondary)}.flashcard-details-revealed .notes-detail .detail-value{background-color:var(--bg-hint);padding:12px;border-radius:6px;font-style:italic;line-height:1.5;white-space:pre-wrap}@media (max-width: 480px){.flashcard-action-buttons{top:12px;right:12px;gap:6px}.flashcard-action-button{width:32px;height:32px;font-size:1em;padding:6px}.flashcard-switch-button{top:12px;left:12px;width:32px;height:32px;font-size:.9em;padding:6px}.flashcard{padding:25px 30px}.flashcard-word{font-size:2.4rem;margin:20px 25px}.answer-form{gap:20px;max-width:100%}.answer-form-buttons{margin-bottom:12px}.secondary-buttons{gap:10px}.secondary-buttons button{min-width:unset;padding:16px 20px;font-size:1.1rem;flex:1}.submit-button{width:100%;min-width:unset;padding:16px 24px;font-size:1.1rem}.flashcard-details-revealed{margin-top:20px;padding:16px;border-radius:10px}.flashcard-details-revealed .detail-item{padding:12px 14px;margin-bottom:10px}.flashcard-details-revealed .detail-item strong{font-size:.8rem;margin-bottom:4px}.flashcard-details-revealed .detail-value{font-size:.95rem}}:root{--celebration-learning: #ffc107;--celebration-familiar: #0d6efd;--celebration-mastered: #8b5cf6;--celebration-glow: rgba(255, 255, 255, .8)}body[data-theme=dark]{--celebration-learning: #f59e0b;--celebration-familiar: #3b82f6;--celebration-mastered: #a855f7;--celebration-glow: rgba(255, 255, 255, .6)}.flashcard--level-up-learning{animation:celebrateLevelUp 2s ease-out;border-color:var(--celebration-learning)!important}.flashcard--level-up-familiar{animation:celebrateLevelUp 2s ease-out;border-color:var(--celebration-familiar)!important}.flashcard--level-up-mastered{animation:celebrateLevelUp 2s ease-out;border-color:var(--celebration-mastered)!important}@keyframes celebrateLevelUp{0%{transform:scale(1);box-shadow:0 6px 16px #0000001f}15%{transform:scale(1.03);box-shadow:0 0 0 4px var(--celebration-glow),0 12px 24px #0003}30%{transform:scale(1.01);box-shadow:0 0 0 8px var(--celebration-glow),0 16px 32px #00000040}45%{transform:scale(1.02);box-shadow:0 0 0 4px var(--celebration-glow),0 12px 24px #0003}to{transform:scale(1);box-shadow:0 6px 16px #0000001f}}.milestone-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--milestone-bg-color);color:var(--text-button);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:150;pointer-events:none;box-shadow:0 4px 12px #0000004d;animation:milestoneFlash 2s ease-out forwards}.milestone-flash--learning{--milestone-bg-color: var(--celebration-learning)}.milestone-flash--familiar{--milestone-bg-color: var(--celebration-familiar)}.milestone-flash--mastered{--milestone-bg-color: var(--celebration-mastered)}@keyframes milestoneFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 480px){.milestone-flash{font-size:.8rem;padding:6px 12px}@keyframes celebrateLevelUp{0%{transform:scale(1);box-shadow:0 4px 12px #0000001f}15%{transform:scale(1.02);box-shadow:0 0 0 3px var(--celebration-glow),0 8px 16px #0003}30%{transform:scale(1.01);box-shadow:0 0 0 5px var(--celebration-glow),0 12px 20px #00000040}to{transform:scale(1);box-shadow:0 4px 12px #0000001f}}}@media (prefers-reduced-motion: reduce){.flashcard--level-up-learning,.flashcard--level-up-familiar,.flashcard--level-up-mastered{animation:none;border-color:var(--celebration-learning)!important}.milestone-flash{animation:milestoneFlashReduced 1s ease-out forwards}@keyframes milestoneFlashReduced{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.search-modal-content{background-color:var(--bg-container);padding:25px;border-radius:8px;box-shadow:0 5px 15px #0003;width:100%;max-width:550px;max-height:80vh;display:flex;flex-direction:column;color:var(--text-body);transition:background-color .3s ease,color .3s ease}.search-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:20px;transition:border-bottom-color .3s ease}.search-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-heading);transition:color .3s ease}.search-modal-close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;padding:0 5px;color:var(--text-muted);transition:color .3s ease}.search-modal-close-btn:hover{color:var(--text-body)}.search-input-container{position:relative;margin-bottom:20px;display:flex}.search-input{width:100%;padding:10px 35px 10px 15px;font-size:1rem;border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;background-color:var(--bg-card);color:var(--text-body);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.search-input::placeholder{color:var(--text-muted);opacity:.7;transition:color .3s ease}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem var(--color-primary-focus-shadow, rgba(13, 110, 253, .25));outline:none}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0 5px;line-height:1;transition:color .3s ease}.search-clear-btn:hover{color:var(--text-body)}.search-results-container{flex-grow:1;overflow-y:auto;min-height:100px;max-height:400px}.search-results-list{list-style:none;padding:0;margin:0}.search-result-item{padding:10px 5px;border-bottom:1px solid var(--color-border-light);cursor:pointer;color:var(--text-body);transition:background-color .2s ease-in-out,color .3s ease,border-bottom-color .3s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background-color:var(--bg-hint);color:var(--text-heading);outline:none}.search-no-results,.search-prompt{color:var(--text-muted);text-align:center;margin-top:20px;font-style:italic;transition:color .3s ease}.search-no-results-container{text-align:center;margin-top:20px}.add-word-from-search-btn{background-color:var(--color-primary);color:var(--text-button, white);border:1px solid var(--color-primary-darker, var(--color-primary));padding:12px 20px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:15px;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,transform .1s ease;box-shadow:0 2px 4px #0000001a}.add-word-from-search-btn:hover{background-color:var(--color-primary-darker, var(--color-primary));transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-word-from-search-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.add-word-from-search-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.word-edit-modal-content{display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.word-edit-form{display:flex;flex-direction:column;flex-grow:1;min-height:0}.word-form-scrollable-area{overflow-y:auto;flex-grow:1;padding:5px 15px 15px}.form-error-message{color:var(--color-danger);text-align:center;margin-bottom:10px;font-size:.9rem;transition:color .3s ease}.word-edit-form .form-group{margin-bottom:15px}.word-edit-form label{display:block;margin-bottom:5px;font-weight:600;font-size:.9rem;color:var(--text-muted);transition:color .3s ease}.word-edit-form input[type=text],.word-edit-form textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:1rem;background-color:var(--bg-card);color:var(--text-body);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.word-edit-form textarea{resize:vertical;min-height:60px}.word-edit-form input[type=text]:focus,.word-edit-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem var(--color-primary-focus-shadow);outline:none}.word-form-actions{display:flex;justify-content:space-between;align-items:center;padding:15px;border-top:1px solid var(--color-border-light);flex-shrink:0;background-color:var(--bg-container);transition:background-color .3s ease,border-top-color .3s ease}.word-form-actions .form-actions-right{display:flex;gap:10px}.word-form-actions button{padding:.5rem 1rem;font-size:.95rem;border-radius:.25rem;cursor:pointer;border:1px solid transparent;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.button-delete{background-color:var(--color-danger);color:var(--text-button, white);border-color:var(--color-danger-darker)}.button-delete:hover:not(:disabled){background-color:var(--color-danger-darker);border-color:var(--color-danger-darker)}.button-cancel{background-color:var(--color-secondary);color:var(--text-button, white);border-color:var(--color-secondary-darker)}.button-cancel:hover:not(:disabled){background-color:var(--color-secondary-darker);border-color:var(--color-secondary-darker)}.button-save{background-color:var(--color-primary);color:var(--text-button, white);border-color:var(--color-primary-darker)}.button-save:hover:not(:disabled){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}@media (max-width: 480px){.word-form-actions{flex-direction:column-reverse;gap:10px}.word-form-actions .form-actions-right{display:flex;width:100%;justify-content:flex-end}.word-form-actions .form-actions-right button{flex-grow:1;max-width:calc(50% - 5px)}.word-form-actions .button-delete{width:100%}}.word-details-modal-content{max-height:90vh;width:100%;max-width:600px;transition:background-color .3s ease,color .3s ease}.word-details-title{font-weight:700;color:var(--color-primary);transition:color .3s ease}.word-details-scrollable-area{overflow-y:auto;flex-grow:1;padding:0 5px 15px;line-height:1.5;color:var(--text-body)}.detail-section{margin-bottom:18px;padding-bottom:12px;border-bottom:1px dotted var(--color-border-light);transition:border-bottom-color .3s ease}.detail-section:last-child{margin-bottom:0;border-bottom:none}.detail-label{display:block;font-weight:600;color:var(--text-muted);font-size:.85rem;margin-bottom:3px;text-transform:uppercase;transition:color .3s ease}.detail-value{margin:0;padding-left:5px;font-size:.95rem;color:var(--text-body);transition:color .3s ease}.detail-value.notes-value{white-space:pre-wrap;background-color:var(--bg-hint);padding:8px;border-radius:4px;transition:background-color .3s ease}.detail-value.category-value{font-style:italic}.tatoeba-examples-container .examples-button-modal{background-color:var(--color-success);color:var(--text-button, white);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:5px;transition:background-color .15s ease-in-out}.tatoeba-examples-container .examples-button-modal:hover{background-color:var(--color-success-darker)}.tatoeba-examples-container .loading-text,.tatoeba-examples-container .examples-error-text{font-style:italic;margin-top:10px;color:var(--text-muted);transition:color .3s ease}.tatoeba-examples-container .examples-error-text{color:var(--color-danger)}.example-sentences-list-modal{list-style:none;padding-left:0;margin-top:10px}.example-sentences-list-modal li{margin-bottom:12px;padding:8px;background-color:var(--bg-hint);border-left:3px solid var(--color-primary);border-radius:0 4px 4px 0;transition:background-color .3s ease,border-left-color .3s ease}.example-sentences-list-modal .example-spa-modal{margin:0 0 4px;font-weight:500;color:var(--text-body);font-size:.95rem;transition:color .3s ease}.example-sentences-list-modal .example-eng-modal{margin:0;font-style:italic;color:var(--text-muted);font-size:.85rem;transition:color .3s ease}.settings-modal-shell{max-width:500px;max-height:75vh;display:flex;flex-direction:column;transition:background-color .3s ease}.settings-modal-scrollable-area{overflow-y:auto;flex-grow:1;padding:15px 20px;line-height:1.6;color:var(--text-body)}.settings-section{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dotted var(--color-border-light);transition:border-bottom-color .3s ease}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-section-title{display:block;font-weight:700;color:var(--color-primary);font-size:1.1rem;margin-bottom:12px;transition:color .3s ease}.setting-item{margin-bottom:10px}.admin-toggle-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--text-body);transition:color .3s ease}.admin-toggle-checkbox{margin-right:10px;transform:scale(1.3);accent-color:var(--color-primary);transition:accent-color .3s ease}.setting-description{font-size:.85rem;color:var(--text-muted);margin-top:5px;margin-left:0;line-height:1.4;transition:color .3s ease}.button-export-settings{background-color:var(--color-success);color:var(--text-button, white);border:1px solid var(--color-success-darker);padding:10px 15px;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.button-export-settings:hover{background-color:var(--color-success-darker)}.settings-modal-actions{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid var(--color-border-light);flex-shrink:0;background-color:var(--bg-container);transition:background-color .3s ease,border-top-color .3s ease}.button-close-settings{background-color:var(--color-secondary);color:var(--text-button, white);border:none;padding:.5rem 1rem;font-size:.95rem;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.button-close-settings:hover{background-color:var(--color-secondary-darker)}.button-theme-toggle{padding:10px 15px;font-size:.95rem;border-radius:4px;cursor:pointer;font-weight:600;background-color:var(--color-secondary);color:var(--text-button, white);border:1px solid var(--color-secondary-darker);transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex;align-items:center;gap:8px}.button-theme-toggle:hover{background-color:var(--color-secondary-darker)}.button-add-word-settings{background-color:var(--color-primary);color:var(--text-button, white);border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.button-add-word-settings:hover{background-color:var(--color-primary-darker)}.matching-game-container{width:100%;max-width:700px;margin:20px auto;padding:20px;background-color:var(--bg-container);border:1px solid var(--color-border);border-radius:8px;color:var(--text-body);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.matching-game-error p,.matching-game-message p{text-align:center;font-style:italic;color:var(--text-muted);margin-bottom:15px}.matching-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--color-border-light)}.matching-game-header h2{margin:0;color:var(--text-heading);font-size:1.8rem}.matching-game-score{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.matching-game-board{display:flex;justify-content:space-around;gap:20px;margin-bottom:20px}.matching-column{flex:1;background-color:var(--bg-card);padding:15px;border-radius:6px;border:1px solid var(--color-border-light);min-height:200px;transition:background-color .3s ease,border-color .3s ease}.matching-column h3{margin-top:0;margin-bottom:15px;text-align:center;color:var(--text-heading);border-bottom:1px solid var(--color-border);padding-bottom:8px}.matching-column ul{list-style:none;padding:0;margin:0}.match-item{padding:10px 12px;margin-bottom:8px;border:1px solid var(--color-border);background-color:var(--bg-app);border-radius:4px;cursor:pointer;text-align:center;transition:background-color .2s ease,border-color .2s ease,opacity .3s ease}.match-item:last-child{margin-bottom:0}.match-item.selected{border-color:var(--color-primary);background-color:var(--color-primary-lighter, #cfe2ff);font-weight:700}.match-item.matched{background-color:var(--color-disabled-bg);color:var(--text-muted);opacity:.6;cursor:default;border-color:var(--color-border-light)}.match-item.matched:hover{background-color:var(--color-disabled-bg)}.matching-game-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--color-border-light)}.matching-game-button{padding:.6rem 1rem;font-size:.95rem}.matching-game-exit-button{background-color:var(--color-secondary)}.matching-game-exit-button:hover{background-color:var(--color-secondary-darker)}.match-item.incorrect-selection{background-color:#ea8890!important;border:3px solid red!important;color:#000!important;transform:scale(1.1);animation:shake-incorrect .5s ease-in-out}.fill-blank-game-container{width:100%;max-width:700px;margin:20px auto;padding:20px;background-color:var(--bg-container);border:1px solid var(--color-border);border-radius:8px;color:var(--text-body);text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.fill-blank-game-container.game-message-container p{margin-bottom:15px}.fill-blank-game-container.game-message-container button{margin:5px}.fill-blank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--color-border-light)}.fill-blank-header h2{margin:0;color:var(--text-heading);font-size:1.8rem}.fill-blank-score{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.question-area{margin-bottom:20px}.sentence-display{font-size:.9rem;color:var(--text-muted);margin-bottom:10px;line-height:1.4}.sentence-display strong{color:var(--text-body)}.sentence-with-blank{font-size:1.2rem;margin-bottom:25px;padding:15px;background-color:var(--bg-card);border:1px solid var(--color-border-light);border-radius:6px;line-height:1.6;min-height:3em;transition:background-color .3s ease,border-color .3s ease}.blank-placeholder{font-weight:700;color:var(--color-primary);letter-spacing:1px}.choices-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.choice-button{padding:10px 20px;font-size:1rem;background-color:var(--color-secondary);color:var(--text-button);border:1px solid var(--color-secondary-darker);border-radius:6px;cursor:pointer;min-width:100px;transition:background-color .15s ease-in-out,opacity .2s ease}.choice-button:hover:not(:disabled){background-color:var(--color-secondary-darker)}.choice-button:disabled{opacity:.6;cursor:not-allowed}.feedback-message{margin-top:15px;padding:10px;border-radius:4px;font-weight:700}.feedback-message.correct{background-color:var(--bg-feedback-correct);color:var(--text-feedback-correct);border:1px solid var(--color-success-darker)}.feedback-message.incorrect{background-color:var(--bg-feedback-incorrect);color:var(--text-feedback-incorrect);border:1px solid var(--color-danger-darker)}.feedback-message.incorrect em{display:block;font-weight:400;font-size:.9em;margin-top:5px}.fill-blank-controls{display:flex;justify-content:space-around;align-items:center;margin-top:25px;padding-top:15px;border-top:1px solid var(--color-border-light)}.exit-button{background-color:var(--color-secondary)}.exit-button:hover{background-color:var(--color-secondary-darker)}.loading-text{font-style:italic;color:var(--text-muted)}:root{--color-primary: #0d6efd;--color-secondary: #6c757d;--color-success: #198754;--color-danger: #D90429;--color-warning: #ffc107;--color-light: #f8f9fa;--color-white: #ffffff;--color-dark: #212529;--color-muted: #6c757d;--color-border: #dee2e6;--color-border-light: #f1f1f1;--color-primary-darker: #0b5ed7;--color-secondary-darker: #5a6268;--color-danger-darker: #a0041e;--color-success-darker: #157347;--color-primary-lighter: #e0eif9;--color-disabled-bg: #cccccc;--color-disabled-text: #6c757d;--bg-app: var(--color-light);--bg-container: var(--color-white);--bg-card: var(--color-white);--bg-hint: #e9ecef;--bg-error: #f8d7da;--bg-feedback-incorrect: #f8d7da;--bg-feedback-correct: #d4edda;--text-body: var(--color-dark);--text-heading: var(--color-dark);--text-muted: var(--color-muted);--text-error: #842029;--text-feedback-incorrect: #842029;--text-feedback-correct: #155724;--text-button: var(--color-white);--font-family-sans-serif: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body[data-theme=dark]{--color-primary: #3b82f6;--color-primary-darker: #2563eb;--color-secondary: #808B96;--color-secondary-darker: #566573;--color-success: #22c55e;--color-success-darker: #16a34a;--color-danger: #ef4444;--color-danger-darker: #dc2626;--color-warning: #f59e0b;--color-primary-lighter: #2c3e50 --color-light: #4A5568;--color-white: #CBD5E0;--color-dark: #1A202C;--color-muted: #A0AEC0;--color-border: #4A5568;--color-border-light: #3f4a59;--color-disabled-bg: #3f4a59;--color-disabled-text: #718096;--bg-app: #171923;--bg-container: #1A202C;--bg-card: #2D3748;--bg-hint: #27303F;--bg-error: #5f2120;--bg-feedback-incorrect: #5f2120;--bg-feedback-correct: #1c4532;--text-body: #CBD5E0;--text-heading: #E2E8F0;--text-error: #fecaca;--text-feedback-incorrect: #fecaca;--text-feedback-correct: #a7f3d0;--text-button: #FFFFFF}html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family-sans-serif);line-height:1.5;color:var(--text-body);background-color:var(--bg-app);transition:background-color .3s ease,color .3s ease}button,input,textarea,select{font-family:inherit;color:var(--text-body);transition:background-color .3s ease,color .3s ease,border-color .3s ease}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7;transition:color .3s ease}.App{max-width:700px;margin:2rem auto;padding:25px;display:flex;flex-direction:column;align-items:center;gap:25px;position:relative}h1{font-size:2.25rem;font-weight:700;margin:0 0 10px;color:var(--text-heading);transition:color .3s ease}.score-stacks-container{display:flex;gap:15px;justify-content:center;align-items:stretch;width:100%;max-width:450px;margin:0}.stack{text-align:center;flex:1;background-color:var(--bg-card);padding:12px 8px;border-radius:6px;box-shadow:0 2px 4px #00000014;border:1px solid var(--color-border);min-width:100px;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,background-color .3s ease,border-color .3s ease}.stack:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.stack-label{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.cards{display:flex;align-items:center;justify-content:center;min-height:40px}.card-icon{font-size:1.5rem;margin-right:6px;line-height:1}.stack-count{font-size:1.5rem;font-weight:700;line-height:1;transition:color .3s ease}.correct-stack .stack-count{color:var(--color-success)}.incorrect-stack .stack-count{color:var(--color-danger)}.hard-words-stack .stack-count{color:var(--color-warning)}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%;max-width:550px;margin:0}button{display:inline-block;font-weight:700;line-height:1.5;color:var(--text-button);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-secondary);border:1px solid transparent;padding:.6rem 1.1rem;font-size:.95rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg);cursor:not-allowed;opacity:.65}button:not(:disabled):hover{background-color:var(--color-secondary-darker);border-color:var(--color-secondary-darker)}button:focus-visible{outline:0;box-shadow:0 0 0 .25rem #6c757d80}.controls button:first-of-type,.hint-button,.error-area button,.hard-words-view>button{background-color:var(--color-secondary);border-color:var(--color-secondary)}.controls button:first-of-type:hover:not(:disabled),.hint-button:hover:not(:disabled),.error-area button:hover:not(:disabled),.hard-words-view>button:hover{background-color:var(--color-secondary-darker);border-color:var(--color-secondary-darker)}.controls button:first-of-type:focus-visible,.hint-button:focus-visible,.error-area button:focus-visible,.hard-words-view>button:focus-visible{box-shadow:0 0 0 .25rem #6c757d80}.controls button:last-of-type,.submit-button{background-color:var(--color-primary);border-color:var(--color-primary)}.controls button:last-of-type:hover:not(:disabled),.submit-button:hover:not(:disabled){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.controls button:last-of-type:focus-visible,.submit-button:focus-visible{box-shadow:0 0 0 .25rem #0d6efd80}.submit-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);color:var(--text-button);border:none;padding:14px 28px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026;min-width:140px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background:linear-gradient(135deg,var(--color-primary-darker) 0%,var(--color-primary) 100%)}.submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.submit-button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;opacity:.6}.hint-button{background:var(--bg-card);color:var(--text-body);border:2px solid var(--color-border);padding:12px 24px;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014;min-width:120px}.hint-button:hover:not(:disabled){background-color:var(--bg-hint);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hint-button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg);cursor:not-allowed;transform:none;opacity:.5}@media (max-width: 480px){.submit-button,.hint-button{width:100%;min-width:unset;padding:16px 24px;font-size:1.1rem}}.hard-words-view li button{display:inline-block;background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.2rem;padding:0 5px;line-height:1;margin:0;font-weight:700;border-radius:50%;transition:color .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hard-words-view li button:hover{color:var(--color-danger-darker);background-color:transparent}.hard-words-view li button:focus-visible{outline:0;box-shadow:0 0 0 .25rem #d9042980}.App>p{font-style:italic;color:var(--text-muted);font-size:1rem;transition:color .3s ease}.error-area{margin:0;color:var(--text-error);border:1px solid var(--color-danger);padding:12px 15px;border-radius:4px;background-color:var(--bg-error);width:100%;max-width:500px;box-sizing:border-box;text-align:center;font-size:.95rem;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.error-area p{margin:0 0 10px;font-weight:700}.hard-words-view{padding:20px;border:1px solid var(--color-border);margin-top:0;background-color:var(--bg-card);border-radius:8px;width:100%;max-width:550px;box-sizing:border-box;color:var(--text-body);text-align:left;box-shadow:0 3px 7px #0000001a;transition:background-color .3s ease,color .3s ease,border-color .3s ease;display:flex;flex-direction:column;max-height:80vh}.hard-words-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-shrink:0}.hard-words-view .hard-words-view-header h2,.hard-words-view-title{margin-top:0;margin-bottom:0;text-align:left;flex-grow:1;font-size:1.5rem;color:var(--text-muted);transition:color .3s ease}.hard-words-view-close-btn-top{background:none;border:none;font-size:1.8em;line-height:1;padding:0 0 0 10px;cursor:pointer;color:var(--text-muted);transition:color .3s ease}.hard-words-view-close-btn-top:hover{color:var(--text-body)}.hard-words-empty-message{font-style:italic;text-align:center;color:var(--text-muted);transition:color .3s ease;flex-grow:1;display:flex;align-items:center;justify-content:center}.hard-words-view ul{list-style:none;padding:0;margin:0 0 20px;overflow-y:auto;flex-grow:1;min-height:0}.hard-words-view li{border-bottom:1px solid var(--color-border-light);padding:10px 5px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1rem;transition:border-bottom-color .3s ease}.hard-words-view li span{flex-grow:1}.hard-words-view li span strong{font-weight:700}.hard-words-item-remove-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.2em;padding:0 5px;line-height:1;font-weight:700;transition:color .15s ease-in-out}.hard-words-item-remove-btn:hover{color:var(--color-danger-darker)}.button-back-to-practice{display:block;margin:auto auto 0;padding:10px 20px;background-color:var(--color-secondary);color:var(--text-button);border:1px solid var(--color-secondary-darker);font-weight:700;border-radius:.25rem;flex-shrink:0}.button-back-to-practice:hover{background-color:var(--color-secondary-darker)}.score-flash-incorrect{animation:flash-red-score 1s ease-out;display:inline-block;vertical-align:middle;border-radius:4px;padding:1px 4px;margin:-1px -4px}@keyframes flash-red-score{0%,to{color:var(--color-danger);background-color:transparent;transform:scale(1);box-shadow:none;padding:1px 4px;margin:-1px -4px}50%{color:var(--text-button);background-color:var(--color-danger);transform:scale(1.15);box-shadow:0 0 10px #d90429cc;padding:1px 4px;margin:-1px -4px}}.add-word-form .form-group{margin-bottom:15px}.add-word-form label{display:block;margin-bottom:5px;font-weight:700;font-size:.9rem;color:var(--text-muted);transition:color .3s ease}.add-word-form input[type=text],.add-word-form textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:1rem;background-color:var(--bg-card);color:var(--text-body);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease}.add-word-form textarea{resize:vertical;min-height:60px}.add-word-form input[type=text]:focus,.add-word-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem #0d6efd40;outline:none}.version-overlay{position:absolute;bottom:8px;right:12px;font-size:.7rem;color:var(--text-muted);opacity:.6;font-weight:500;pointer-events:none;z-index:10;background:var(--bg-container);padding:2px 6px;border-radius:3px;transition:opacity .3s ease,color .3s ease,background-color .3s ease}.version-overlay:hover{opacity:.9}@media (max-width: 480px){.version-overlay{bottom:6px;right:8px;font-size:.65rem}}.verb-conjugation-game-container{width:100%;max-width:700px;margin:20px auto;padding:20px;background-color:var(--bg-container);border:1px solid var(--color-border);border-radius:8px;color:var(--text-body);text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.verb-conjugation-game-container.loading-container,.verb-conjugation-game-container.no-verbs-container,.verb-conjugation-game-container.completed-container{padding:2rem}.verb-conjugation-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--color-border-light)}.verb-conjugation-game-header h2{margin:0;color:var(--text-heading);font-size:1.8rem}.verb-conjugation-exit-button{background-color:var(--color-danger);color:var(--text-button);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out}.verb-conjugation-exit-button:hover{background-color:var(--color-danger-darker)}.verb-conjugation-score-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;background-color:var(--bg-card);border-radius:4px;border:1px solid var(--color-border-light);font-size:.9rem;transition:background-color .3s ease,border-color .3s ease}.verb-conjugation-score{font-weight:700}.verb-conjugation-score .correct{color:var(--color-success)}.verb-conjugation-score .incorrect{color:var(--color-danger)}.verb-conjugation-progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;margin-bottom:1.5rem;overflow:hidden;transition:background-color .3s ease}.verb-conjugation-progress-fill{height:100%;background-color:var(--color-success);transition:width .3s ease}.verb-conjugation-question-area{background-color:var(--bg-card);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:background-color .3s ease,border-color .3s ease}.verb-conjugation-question-text{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:var(--text-heading);transition:color .3s ease}.verb-conjugation-english-meaning{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);transition:color .3s ease}.verb-conjugation-english-meaning strong{color:var(--text-body);transition:color .3s ease}.verb-conjugation-answer-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--color-border);border-radius:4px;background-color:var(--bg-card);color:var(--text-body);margin-bottom:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease}.verb-conjugation-answer-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .25rem #0d6efd40;outline:none}.verb-conjugation-answer-input:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.verb-conjugation-answer-input::placeholder{color:var(--text-muted);opacity:.7}.verb-conjugation-button-area{display:flex;gap:.5rem;justify-content:flex-start}.verb-conjugation-check-button{background-color:var(--color-primary);color:var(--text-button);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out}.verb-conjugation-check-button:hover:not(:disabled){background-color:var(--color-primary-darker)}.verb-conjugation-check-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.verb-conjugation-next-button{background-color:var(--color-success);color:var(--text-button);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out}.verb-conjugation-next-button:hover{background-color:var(--color-success-darker)}.verb-conjugation-feedback{padding:1rem;border-radius:4px;margin-top:1rem;transition:background-color .3s ease,border-color .3s ease}.verb-conjugation-feedback.correct{background-color:var(--bg-feedback-correct);border:1px solid var(--color-success);color:var(--text-feedback-correct)}.verb-conjugation-feedback.incorrect{background-color:var(--bg-feedback-incorrect);border:1px solid var(--color-danger);color:var(--text-feedback-incorrect)}.verb-conjugation-feedback-title{font-weight:700;margin-bottom:.5rem}.verb-conjugation-feedback-details{font-size:.9rem}.verb-conjugation-feedback-details div{margin:.25rem 0}.verb-conjugation-feedback-details strong{font-weight:600}.verb-conjugation-user-answer{color:var(--color-danger)}.verb-conjugation-correct-answer{color:var(--color-success-darker)}.verb-conjugation-full-form{color:var(--text-muted);font-style:italic;margin-top:.25rem}.verb-conjugation-instructions{margin-top:1rem;font-size:.8rem;color:var(--text-muted);text-align:center;transition:color .3s ease}.verb-conjugation-loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:verb-conjugation-spin 1s linear infinite;margin-bottom:1rem}@keyframes verb-conjugation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verb-conjugation-loading-text{font-style:italic;color:var(--text-muted);margin-bottom:1rem;transition:color .3s ease}.verb-conjugation-no-verbs-title{font-size:1.2rem;margin-bottom:1rem;color:var(--text-heading);transition:color .3s ease}.verb-conjugation-no-verbs-message{color:var(--text-muted);margin-bottom:1rem;line-height:1.5;transition:color .3s ease}.verb-conjugation-no-verbs-hint{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem;transition:color .3s ease}.verb-conjugation-completed-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-heading);transition:color .3s ease}.verb-conjugation-final-score{font-size:1.2rem;margin:1rem 0}.verb-conjugation-final-score div{margin:.5rem 0}.verb-conjugation-accuracy{font-weight:700;margin-top:.5rem;color:var(--color-primary);transition:color .3s ease}.verb-conjugation-completion-message{color:var(--text-muted);margin-bottom:2rem;transition:color .3s ease}.verb-conjugation-completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.verb-conjugation-play-again-button{background-color:var(--color-primary);color:var(--text-button);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out}.verb-conjugation-play-again-button:hover{background-color:var(--color-primary-darker)}.verb-conjugation-back-button{background-color:var(--color-secondary);color:var(--text-button);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .15s ease-in-out}.verb-conjugation-back-button:hover{background-color:var(--color-secondary-darker)}.app-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin-bottom:6px;min-height:28px;padding:0}.hard-mode-indicator{background-color:var(--bg-card);border:1px solid var(--color-warning);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px;margin-right:12px;transition:all .2s ease}.app-header-buttons{display:flex;align-items:center;gap:6px}.app-header-button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;opacity:.7;transition:all .2s cubic-bezier(.4,0,.2,1)}.app-header-button:hover:not(:disabled){color:var(--text-body);background-color:var(--bg-hint);opacity:1;transform:translateY(-1px)}.app-header-button:disabled{opacity:.3;cursor:not-allowed}.app-header-button.extract,.app-header-button.stats{font-size:1em}.app-header-button.settings{font-size:1.1em}@media (max-width: 480px){.app-header{margin-bottom:4px;min-height:24px}.app-header-buttons{gap:4px}.app-header-button{width:24px;height:24px;padding:4px;opacity:.6}.app-header-button:hover:not(:disabled){opacity:.9}.hard-mode-indicator{padding:3px 6px;font-size:.65rem;margin-right:8px}}.app-header-button.search{font-size:1.2em;width:32px;height:32px;margin-right:auto}@media (max-width: 480px){.app-header-button.search{width:28px;height:28px;font-size:1.1em}}.floating-games-container{position:fixed;bottom:30px;right:20px;z-index:250;display:flex;flex-direction:column;align-items:flex-end}.floating-games-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);border:none;color:var(--text-button);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 20px #00000040;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:251}.floating-games-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #00000059}.floating-games-button:active{transform:translateY(0) scale(.98)}.floating-games-button.menu-open{transform:rotate(45deg);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-darker) 100%)}.controller-icon{transition:transform .3s ease}.floating-games-button.menu-open .controller-icon{transform:rotate(-45deg)}.games-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:249;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.games-menu{position:absolute;bottom:70px;right:0;background-color:var(--bg-container);border:1px solid var(--color-border);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s cubic-bezier(.4,0,.2,1);z-index:252}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.game-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;color:var(--text-body);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;text-align:left}.game-menu-item:hover:not(:disabled){background-color:var(--bg-hint);transform:translate(-2px)}.game-menu-item:disabled{opacity:.5;cursor:not-allowed}.game-icon{font-size:1.1rem;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-label{flex-grow:1;white-space:nowrap}.flashcard-control{font-size:.85rem;opacity:.8}.flashcard-control .game-icon{font-size:1rem}.flashcard-control:hover:not(:disabled){opacity:1;background-color:var(--bg-card)}.menu-divider{height:1px;background-color:var(--color-border);margin:6px 8px;opacity:.5}@media (max-width: 480px){.floating-games-container{bottom:25px;right:20px}.floating-games-button{width:52px;height:52px;font-size:1.4rem}.games-menu{bottom:65px;right:0;min-width:180px;padding:6px}.game-menu-item{padding:10px 12px;gap:10px;font-size:.85rem}.game-icon{font-size:1rem;width:18px}.flashcard-control{font-size:.8rem}.flashcard-control .game-icon{font-size:.9rem}}@media (min-width: 481px) and (max-width: 768px){.games-menu{min-width:220px}.floating-games-container{bottom:30px;right:22px}.floating-games-button{width:56px;height:56px}}@media (min-width: 769px){.floating-games-container{bottom:35px;right:25px}.floating-games-button{width:58px;height:58px}.games-menu{min-width:240px}}@media (prefers-reduced-motion: reduce){.floating-games-button,.games-menu,.game-menu-item{animation:none;transition:none}.floating-games-button:hover{transform:none}}.stats-modal-content{max-width:500px;max-height:80vh;display:flex;flex-direction:column;background-color:var(--bg-container);transition:background-color .3s ease}.stats-modal-scrollable-area{overflow-y:auto!important;flex-grow:1;padding:15px 20px;line-height:1.6;color:var(--text-body);transition:color .3s ease}.stats-view-toggle{display:flex;border-bottom:1px solid var(--color-border-light);background-color:var(--bg-container);transition:background-color .3s ease,border-bottom-color .3s ease}.stats-toggle-btn{flex:1;padding:12px 20px;background:none;border:none;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease;border-bottom:2px solid transparent}.stats-toggle-btn:hover{color:var(--text-body);background-color:var(--bg-hint)}.stats-toggle-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--bg-hint)}.stats-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.stats-empty-icon{font-size:3rem;margin-bottom:20px;opacity:.6}.stats-empty-message{color:var(--text-muted);font-style:italic;margin-bottom:25px;line-height:1.5;transition:color .3s ease}.stats-section{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dotted var(--color-border-light);transition:border-bottom-color .3s ease}.stats-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.stats-section-title{margin:0 0 15px;color:var(--color-primary);font-size:1.1rem;font-weight:700;transition:color .3s ease}.stats-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats-metric{display:flex;flex-direction:column;gap:3px}.stats-metric-label{font-size:.9rem;color:var(--text-muted);font-weight:600;transition:color .3s ease}.stats-metric-value{font-size:1rem;color:var(--text-body);font-weight:500;transition:color .3s ease}.stats-answer-breakdown{display:flex;gap:20px!important;justify-content:center;margin:10px 0!important}.stats-answer-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stats-answer-icon{font-size:1.2rem!important;line-height:1}.stats-answer-count{font-size:1.3rem!important;font-weight:700;color:var(--text-body);transition:color .3s ease}.stats-answer-item.correct .stats-answer-count{color:var(--color-success)}.stats-answer-item.incorrect .stats-answer-count{color:var(--color-danger)}.stats-answer-label{font-size:.9rem;color:var(--text-muted);font-weight:500;transition:color .3s ease}.stats-game-types{display:flex;flex-direction:column;gap:8px}.stats-game-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--bg-hint);border-radius:6px;border:1px solid var(--color-border-light);transition:background-color .3s ease,border-color .3s ease}.stats-game-name{font-size:.95rem;color:var(--text-body);font-weight:500;transition:color .3s ease}.stats-game-score{font-size:.9rem;color:var(--text-muted);transition:color .3s ease}.stats-game-score strong{color:var(--text-body);font-weight:600;transition:color .3s ease}.stats-modal-actions{display:flex;justify-content:center;gap:15px;padding:20px;border-top:1px solid var(--color-border-light);flex-shrink:0;background-color:var(--bg-container);transition:background-color .3s ease,border-top-color .3s ease}.stats-new-session-button{background-color:var(--color-primary);color:var(--text-button, white);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background-color .15s ease-in-out}.stats-new-session-button:hover{background-color:var(--color-primary-darker)}.stats-close-button{background-color:var(--color-secondary);color:var(--text-button, white);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background-color .15s ease-in-out}.stats-close-button:hover{background-color:var(--color-secondary-darker)}@media (max-width: 480px){.stats-overview-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-metric{gap:2px}.stats-metric-label{font-size:.8rem}.stats-metric-value{font-size:.95rem}.stats-answer-breakdown{gap:20px}.stats-modal-actions{flex-direction:column;gap:10px}.stats-new-session-button,.stats-close-button{width:100%}.stats-game-item{flex-direction:column;text-align:center;gap:8px}.stats-toggle-btn{padding:10px 15px;font-size:.85rem}}.vocab-extraction-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:310;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vocab-extraction-modal{width:95vw;height:95vh;max-width:1200px;background-color:var(--bg-container);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}.vocab-extraction-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-light);background-color:var(--bg-container);border-radius:12px 12px 0 0;flex-shrink:0;transition:background-color .3s ease,border-bottom-color .3s ease}.vocab-extraction-header h2{margin:0;font-size:1.5rem;color:var(--text-heading);font-weight:600;transition:color .3s ease}.vocab-extraction-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:color .2s ease,background-color .2s ease}.vocab-extraction-close:hover{color:var(--text-body);background-color:var(--bg-hint)}.vocab-extraction-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.vocab-input-section{flex-shrink:0}.vocab-input-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-body);transition:color .3s ease}.vocab-text-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;line-height:1.5;background-color:var(--bg-card);color:var(--text-body);resize:vertical;min-height:120px;font-family:inherit;transition:all .3s ease}.vocab-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0d6efd40}.vocab-input-actions{display:flex;gap:12px;margin-top:12px}.vocab-analyze-btn{background-color:var(--color-primary);color:var(--text-button);border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.vocab-analyze-btn:hover:not(:disabled){background-color:var(--color-primary-darker)}.vocab-analyze-btn:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.vocab-clear-btn{background-color:var(--color-secondary);color:var(--text-button);border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.vocab-clear-btn:hover:not(:disabled){background-color:var(--color-secondary-darker)}.vocab-stats-section h3{margin:0 0 16px;color:var(--text-heading);font-size:1.25rem;transition:color .3s ease}.vocab-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.vocab-stat{background-color:var(--bg-card);padding:16px;border-radius:8px;text-align:center;border:1px solid var(--color-border-light);transition:all .3s ease}.vocab-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:4px;transition:color .3s ease}.vocab-stat-label{font-size:.875rem;color:var(--text-muted);transition:color .3s ease}.vocab-results-section{flex:1}.vocab-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.vocab-results-header h3{margin:0;color:var(--text-heading);font-size:1.25rem;transition:color .3s ease}.vocab-selection-actions{display:flex;gap:8px}.vocab-select-all,.vocab-clear-selection{background:none;border:1px solid var(--color-border);color:var(--text-muted);padding:6px 12px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.vocab-select-all:hover,.vocab-clear-selection:hover{border-color:var(--color-primary);color:var(--color-primary)}.vocab-words-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:8px;border:1px solid var(--color-border-light);border-radius:6px;background-color:var(--bg-card);transition:all .3s ease}.vocab-word-item{padding:10px 12px;border:1px solid var(--color-border-light);border-radius:4px;cursor:pointer;background-color:var(--bg-container);transition:all .2s ease}.vocab-word-item:hover{border-color:var(--color-primary);background-color:var(--bg-hint)}.vocab-word-item.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--text-button)}.vocab-word-main{display:flex;justify-content:space-between;align-items:center}.vocab-word-text{font-weight:500;font-size:.95rem}.vocab-word-count{font-size:.8rem;opacity:.7;background-color:#0000001a;padding:2px 6px;border-radius:10px;font-weight:600}.vocab-word-item.selected .vocab-word-count{background-color:#fff3}.vocab-action-section{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--bg-hint);border-radius:6px;border:1px solid var(--color-border-light);transition:all .3s ease}.vocab-selected-count{font-weight:600;color:var(--text-body);transition:color .3s ease}.vocab-add-selected{background-color:var(--color-success);color:var(--text-button);border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.vocab-add-selected:hover{background-color:var(--color-success-darker, #1e7e34)}.vocab-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);transition:color .3s ease}.vocab-empty-icon{font-size:3rem;margin-bottom:16px}.vocab-empty-state h3{color:var(--text-heading);margin-bottom:8px;transition:color .3s ease}.vocab-empty-state p{margin:0;line-height:1.5}@media (max-width: 768px){.vocab-extraction-modal{width:98vw;height:98vh;border-radius:8px}.vocab-extraction-content{padding:16px;gap:20px}.vocab-extraction-header{padding:16px 20px}.vocab-extraction-header h2{font-size:1.25rem}.vocab-stats-grid{grid-template-columns:repeat(2,1fr)}.vocab-words-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vocab-results-header{flex-direction:column;align-items:stretch}.vocab-selection-actions{justify-content:center}.vocab-action-section{flex-direction:column;gap:12px;text-align:center}}