*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;color:#fff}header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stats{display:flex;justify-content:center;gap:30px;font-size:1.2em;background:#fff3;padding:15px;border-radius:10px;backdrop-filter:blur(10px)}.game-container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;margin-bottom:20px}.word-display{text-align:center;margin-bottom:30px}.phonetic{font-size:1.5em;color:#666;margin-bottom:10px;font-style:italic}.word{font-size:3em;font-weight:700;color:#333;margin-bottom:30px;letter-spacing:2px;transition:all .3s ease}.word.correct{color:#27ae60;transform:scale(1.1)}.word.incorrect{color:#e74c3c;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.instructions{text-align:center;margin-bottom:30px;color:#667eea}.instructions .subtitle{color:#666;font-size:.9em;margin-top:5px}.typing-display{font-size:2.5em;font-weight:700;margin:20px 0;text-align:center;letter-spacing:3px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:2px}.char{transition:all .2s ease;position:relative;padding:2px 4px;border-radius:4px;font-family:Courier New,monospace}.char.pending{color:#ddd;background:transparent}.char.current{color:#667eea;background:#667eea1a;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.char.correct{color:#27ae60;background:#27ae601a;transform:scale(1.1)}.char.incorrect{color:#e74c3c;background:#e74c3c1a;animation:shake .3s ease-in-out}.current-input{font-size:1.2em;color:#666;text-align:center;margin:10px 0;min-height:30px;font-family:Courier New,monospace;letter-spacing:1px}.japanese-translation{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:10px;margin-bottom:15px;font-size:1.2em;text-align:center;box-shadow:0 4px 15px #667eea4d;display:none}.japanese-translation.show{display:block;animation:fadeIn .5s}.status-message{text-align:center;color:#667eea;font-size:1.2em;margin:20px 0;min-height:30px}.typing-display.success{animation:successPulse .6s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.audio-btn{padding:15px;font-size:1.5em;background:#667eea;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.audio-btn:hover{background:#5a6fd8}.audio-btn:disabled{background:#ccc;cursor:not-allowed}.meaning-section{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:20px;display:none}.meaning-section.show{display:block;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.word-info h3{color:#667eea;font-size:1.8em;margin-bottom:5px}.word-info p{color:#666;font-style:italic;margin-bottom:15px}.meanings{text-align:left}.meaning-item{margin-bottom:15px;padding:15px;background:#fff;border-radius:10px;border-left:4px solid #667eea}.meaning-item .part-of-speech{color:#667eea;font-weight:700;margin-bottom:5px}.meaning-item .definition{color:#333;margin-bottom:5px;line-height:1.5}.meaning-item .example{color:#666;font-style:italic;margin-left:15px}.meaning-item .japanese-translation{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:12px;border-radius:8px;margin:10px 0;font-size:.95em;line-height:1.6}.meaning-item .detailed-explanation{margin-top:8px;padding:8px;background:#ffffff1a;border-radius:5px;font-size:.9em}.meaning-item .kanji-display{margin-top:5px;font-weight:700;font-size:1.1em}.meaning-item .translation-notes{margin-top:5px;font-size:.85em;opacity:.9}.meaning-item .english{color:#333;margin-bottom:5px}.meaning-item .japanese-example{color:#2c3e50;font-weight:700;padding:5px;background:#667eea1a;border-radius:5px;margin:3px 0}.japanese-basic{font-size:1.3em;font-weight:700;margin-bottom:5px}.japanese-kanji{font-size:1.1em;opacity:.9}@media (max-width: 768px){.japanese-translation{font-size:1.1em;padding:12px}.meaning-item .japanese-translation{font-size:.9em;padding:10px}}.controls{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn{padding:12px 24px;font-size:1.1em;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px)}.btn-hint{background:#f39c12;color:#fff}.btn-hint:hover{background:#e67e22;transform:translateY(-2px)}.settings{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000001a}.settings h3{color:#667eea;margin-bottom:15px;font-size:1.3em}.setting-group{display:flex;flex-direction:column;gap:15px}.setting-group label{display:flex;align-items:center;gap:10px;font-size:1.1em;color:#333}.setting-group input[type=checkbox]{width:20px;height:20px}.setting-group select{padding:8px;font-size:1em;border:1px solid #ddd;border-radius:5px;background:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:400px;width:90%}.result-stats{margin:20px 0}.result-stats p{font-size:1.2em;margin:10px 0;color:#333}@media (max-width: 600px){#app{padding:10px}.game-container{padding:20px}.word{font-size:2em}#typing-input{width:100%;max-width:300px}.stats{flex-direction:column;gap:10px;font-size:1em}.controls{flex-direction:column;align-items:center}}