.flashcard-container{color:#1a1a1a;min-height:auto;height:auto;overflow:visible}.flashcard-hidden-container{position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;width:500px;max-width:100%;height:0;overflow:hidden;z-index:-1}.flashcard-hidden-card{margin-bottom:20px}.flashcard-hidden-card .card{min-height:auto}.flashcard-hidden-card .card,.flashcard-hidden-card .card-back,.flashcard-hidden-card .card-front{position:relative;height:auto}.flashcard-container h2{color:var(--color-primary);margin-bottom:20px;font-size:2rem}.flashcard-header{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.flashcard-shuffle-btn{align-self:center}.flashcard-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}@media (min-width:769px){.flashcard-header{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.flashcard-header .page-title,.flashcard-header .page-title h2{margin-bottom:0}.flashcard-shuffle-btn{align-self:auto}}.flashcard-controls .btn{min-width:120px;padding:12px 24px;font-size:1rem}.flashcard-progress .progress-bar{width:100%;height:8px;background:var(--color-border-light);border-radius:4px;margin-bottom:10px;overflow:hidden}.flashcard-progress .progress-fill{height:100%;background:var(--gradient-primary-horizontal);transition:width .3s ease}.flashcard-progress .progress-text{text-align:center;color:var(--color-text-dark);margin-bottom:30px;font-weight:600}.card-wrapper{perspective:1000px;margin:30px auto;max-width:500px;cursor:pointer}.card-wrapper.fill-mode{cursor:default}.card{position:relative;width:100%;min-height:400px;transform-style:preserve-3d;transition:transform .6s}.card.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;box-shadow:0 8px 32px var(--shadow-black-dark);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0}.card-front{background:var(--gradient-primary);color:#fff}.card-back{background:var(--gradient-primary-reverse);color:#fff;transform:rotateY(180deg)}.card-content{text-align:center;padding:40px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.word-kanji{font-size:3.5rem;font-weight:700;margin-top:0;text-shadow:2px 2px 4px var(--shadow-black-dark);line-height:1.2}.word-hiragana,.word-kanji{margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.word-hiragana{font-size:2rem;opacity:.95}.word-meaning{font-size:2.5rem;font-weight:600;margin-bottom:15px;text-shadow:2px 2px 4px var(--shadow-black-dark);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.2}.word-type{font-size:1.2rem;opacity:.8;text-transform:uppercase;background:var(--color-white-overlay-20);padding:8px 16px;border-radius:20px;display:inline-block}.card-hint{font-size:1rem;opacity:.8;margin-top:30px;font-style:italic}.fill-card{cursor:default}.fill-input-container{margin-top:30px;flex-direction:column;gap:10px}.fill-input-container,.fill-input-wrapper{width:100%;display:flex;align-items:center}.fill-input-wrapper{position:relative;max-width:400px}.fill-input{width:100%;padding:16px 50px 16px 20px;font-size:1.2rem;border:3px solid var(--color-white-overlay-50);border-radius:12px;background:var(--color-white-overlay-20);color:#fff;text-align:center;transition:all .3s ease;box-sizing:border-box}.fill-input::-moz-placeholder{color:var(--color-white-overlay-70)}.fill-input::placeholder{color:var(--color-white-overlay-70)}.fill-input:focus{outline:none;border-color:var(--color-white-overlay-90);background:var(--color-white-overlay-30);box-shadow:0 4px 12px var(--shadow-black-dark)}.fill-input:disabled{opacity:.7;cursor:not-allowed}.fill-result-icon{position:absolute;right:15px;font-size:1.5rem;font-weight:700;pointer-events:none;animation:fadeIn .2s ease}.fill-result-icon.correct{color:var(--color-success)}.fill-result-icon.incorrect{color:var(--color-danger)}.correct-answer-hint{font-size:.9rem;opacity:.9;color:var(--color-white-overlay-90);text-align:center;margin-top:5px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card-navigation{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.btn{padding:12px 24px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:var(--color-secondary-dark);transform:translateY(-2px)}.btn-nav{background:var(--color-primary);color:#fff}.btn-nav:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.empty-message{text-align:center;color:var(--color-text-lightest);font-size:1.2rem;padding:40px}@media (max-width:768px){.flashcard-container{padding:0 10px}.flashcard-container h2{font-size:1.5rem;margin-bottom:6px}.flashcard-controls{gap:4px;margin-bottom:4px}.flashcard-controls .btn{padding:6px 12px;font-size:.85rem;min-width:auto}.flashcard-progress .progress-text{margin-bottom:8px;font-size:.9rem}.card-wrapper{margin:8px auto;max-width:100%;width:calc(100% - 0px)}.card{min-height:350px}.word-kanji{font-size:2rem;margin-bottom:6px}.word-hiragana{font-size:1.3rem;margin-bottom:6px}.word-meaning{font-size:1.4rem;margin-bottom:5px;line-height:1.3}.word-type{font-size:.9rem;padding:4px 8px}.card-content{padding:12px 8px;justify-content:center}.card-hint{font-size:.85rem;margin-top:8px}.card-navigation{gap:4px;margin-top:8px;padding:0}.btn{padding:4px 8px;font-size:.85rem;min-width:auto}}@media (max-width:480px){.flashcard-container{padding:0 10px}.flashcard-container h2{font-size:1.3rem;margin-bottom:6px}.flashcard-controls{gap:4px;align-items:center}.flashcard-controls .btn{padding:5px 10px;font-size:.8rem;min-width:auto}.flashcard-progress .progress-text{margin-bottom:8px;font-size:.85rem}.card-wrapper{margin:8px auto;width:calc(100% - 0px)}.card{min-height:320px}.word-kanji{font-size:1.6rem;margin-bottom:6px}.word-hiragana{font-size:1.1rem;margin-bottom:6px}.word-meaning{font-size:1.1rem;margin-bottom:5px;line-height:1.4}.word-type{font-size:.8rem;padding:4px 8px}.card-content{padding:12px 8px;justify-content:center}.card-hint{font-size:.8rem;margin-top:8px}.card-navigation{gap:4px;margin-top:6px;padding:0}.btn{padding:4px 8px;font-size:.8rem;min-width:auto}}