body{background:#f8e9ac;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:beige;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Noto Sans JP,sans-serif;justify-content:center;min-height:100vh;padding:20px}body:before{content:"";z-index:-1}.splash-screen,body:before{height:100%;left:0;position:fixed;top:0;width:100%}.splash-screen{align-items:center;animation:splashFadeOut 5s ease-in-out forwards;display:flex;justify-content:center;z-index:9999}.splash-logo{animation:logoGrowAndFade 5s linear forwards;height:auto;max-width:500px;position:relative;width:70%;z-index:1}@keyframes logoGrowAndFade{0%{opacity:1;transform:scale(.7)}70%{opacity:1;transform:scale(2.5)}to{opacity:0;transform:scale(3.5)}}@keyframes splashFadeOut{0%{opacity:1;visibility:visible}90%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.container{margin-top:60px;max-width:800px;position:relative;width:100%}.language-toggle{background:#d4af37;border:1px solid #d4af37;border-radius:20px;color:#1a202c;cursor:pointer;font-weight:600;padding:8px 16px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.language-toggle:hover{background:#c19b28;transform:translateY(-2px)}.progress-container{margin-bottom:30px}.progress-bar{background:#fff3;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#6c5d94;border-radius:10px;height:100%;transition:width .5s ease}.progress-text{color:#1a202c;font-size:14px;font-weight:500;margin-top:10px;text-align:center}.question-card{animation:fadeIn .5s ease;background:#fff;border:1px solid #2c5f2d1a;border-radius:8px;box-shadow:0 10px 30px #2f2f2f1a;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-text{color:#1a202c;font-size:24px;font-weight:600;line-height:1.5;margin-bottom:30px}.options-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.option-button{align-items:center;background:#fff;border:2px solid #2c5f2d33;border-radius:6px;color:#1a202c;cursor:pointer;display:flex;font-size:16px;padding:20px;text-align:left;transition:all .3s ease}.option-button:hover{background:#2c5f2d0d;border-color:#2c5f2d;transform:translateX(5px)}.option-button.selected{background:#2c5f2d;border-color:#2c5f2d;color:#fff}.option-label{align-items:center;background:#fff;border-radius:50%;display:inline-flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:15px;width:32px}.option-button.selected .option-label{background:#ffffff4d;color:#fff}.option-text{flex:1 1;line-height:1.5}.gender-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.gender-option{flex-direction:column;padding:30px 20px;text-align:center}.gender-icon{color:#2c5f2d;display:block;font-size:64px;font-weight:300;margin-bottom:10px}.gender-option .option-text{font-size:16px;font-weight:600}.name-input{border:2px solid #2c5f2d33;border-radius:6px;color:#1a202c;font-size:18px;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.name-input:focus{border-color:#2c5f2d;box-shadow:0 0 0 3px #2c5f2d1a;outline:none}.submit-button{background:#2c5f2d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:#234d24;box-shadow:0 10px 30px #2c5f2d4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.result-card{animation:fadeIn .5s ease;background:#fff;border:1px solid #2c5f2d1a;border-radius:8px;box-shadow:0 10px 30px #2f2f2f1a;padding:50px;text-align:center}.result-title{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:30px}.kanji-display{margin:40px 0}.kanji-name{color:#2c5f2d;font-size:120px;font-weight:700;line-height:1.2;margin-bottom:20px}.pronunciation{color:#8b4513;font-size:24px;margin-bottom:10px}.explanation{background:#f5f5dc4d;border:1px solid #2c5f2d1a;border-radius:6px;color:#1a202c;font-size:18px;line-height:1.8;margin:30px 0;padding:20px;text-align:justify;white-space:pre-wrap}.kanji-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:40px 0}.kanji-detail{background:#f5f5dc4d;border:1px solid #2c5f2d1a;border-radius:6px;padding:25px;text-align:center}.kanji-detail h3{color:#2c5f2d;font-size:64px;margin-bottom:15px}.meaning{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:10px}.pronunciation-detail{color:#718096;font-size:14px;margin:5px 0}.matching-scores{display:none;margin:40px 0}.matching-scores h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px}.score-bars{display:flex;flex-direction:column;gap:15px}.score-bar{align-items:center;display:flex;gap:15px}.score-label{color:#4a5568;font-size:14px;font-weight:500;text-align:right;width:100px}.score-bar-bg{background:#e2e8f0;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:100%;transition:width 1s ease}.score-value{color:#667eea;font-size:16px;font-weight:700;text-align:left;width:50px}.share-button{background:#dc143c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:30px;padding:16px;transition:all .3s ease;width:100%}.share-button:hover{background:#b81030;box-shadow:0 10px 30px #dc143c4d;transform:translateY(-2px)}.error,.loading{text-align:center}.error,.loading,.loading-overlay{color:#fff;font-size:20px;font-weight:600}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a202cb3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-overlay .loader{margin-bottom:30px}.spinner{animation:spin 1s linear infinite;border:4px solid #d4af374d;border-radius:50%;border-top-color:#d4af37;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{line-height:1.6;margin-top:20px;padding:0 40px;text-align:center}.loading-message{color:#ffffffe6;font-size:14px;margin-top:10px;padding:0 20px}.footer{color:#1a202c;font-size:14px;margin-top:60px;opacity:.7;padding:30px 20px;text-align:center;width:100%}.footer p{margin:0}@media (max-width:768px){.language-toggle{font-size:14px;padding:6px 12px;right:10px;top:10px}.question-card,.result-card{padding:30px 20px}.question-text{font-size:20px}.option-button{font-size:14px;padding:15px}.kanji-name{font-size:80px}.pronunciation{font-size:18px}.kanji-details{gap:20px;grid-template-columns:1fr}.kanji-detail h3{font-size:48px}.score-label{font-size:12px;width:80px}}
/*# sourceMappingURL=main.71ee9847.css.map*/