body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-grow:1;margin:0 auto;max-width:960px;padding:20px;text-align:center}nav ul{background-color:#333;display:flex;justify-content:center;list-style-type:none;margin-bottom:20px;padding:0}nav li{margin:0 15px}nav a,nav button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1em;padding:15px 20px;text-decoration:none}nav a:hover,nav button:hover{background-color:#575757}main{padding:20px 0}form{background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;margin:20px auto;max-width:300px;padding:20px}form div{margin-bottom:15px;text-align:left}form label{display:block;font-weight:700;margin-bottom:5px}form input[type=email],form input[type=password],form input[type=text]{border:1px solid #ddd;border-radius:4px;padding:10px;width:calc(100% - 20px)}form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px}form button:hover{background-color:#0056b3}.notification{animation:fadeInOut 3.5s forwards;border-radius:5px;box-shadow:0 2px 10px #0003;color:#fff;font-weight:700;opacity:0;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.notification.info{background-color:#2196f3}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.button-group button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.button-group button:hover{background-color:#0056b3}.correct-answer-display,.status-message{background-color:#e9e9e9;border-radius:5px;color:#333;margin-top:15px;padding:10px}.App{display:flex;flex-direction:column;min-height:100vh}main{box-sizing:border-box;flex-grow:1;margin:0 auto;max-width:960px;padding:20px;width:100%}body{font-family:Hina Mincho,serif}ruby{ruby-position:over}rt{font-size:.6em}rp{display:none}.kanji{color:#000}.furigana{color:blue;font-size:.7em}.katakana{color:#8a2be2}.english{color:green}.hiragana{color:#000}.lyric-line{align-items:baseline;display:flex;flex-wrap:wrap;margin-bottom:.5rem}.lyric-line>span{vertical-align:initial}.lyric-line>br{width:100%}.cyrillic{letter-spacing:normal!important;line-height:1.5!important;text-rendering:optimizeLegibility;word-spacing:normal!important}.cyrillic,.text-gray-700 .cyrillic{font-family:Open Sans,Noto Sans,Arial,sans-serif!important}body{background-color:#f0f2f5;color:#333;font-family:Roboto,sans-serif;line-height:1.6;margin:0;padding:0}.container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:40px auto;max-width:900px;padding:2.5rem}h1,h2{font-weight:500;text-align:center}h1{font-size:2rem;margin-bottom:.5rem}h2{color:#666;font-size:1.5rem;margin-bottom:2rem}#lyrics-container{font-size:1.25rem;line-height:2.5rem}.lyric-line{margin-bottom:1.5rem}.word-link{border-bottom:2px solid #0000;cursor:pointer;display:inline-block;position:relative;transition:all .2s ease}.word-link:hover{border-bottom:2px solid #bee0f1}rt.furigana{font-size:.75rem;line-height:1}rb.kanji{font-size:1.5rem;line-height:1.5rem}.english{font-family:Times New Roman,serif;font-style:italic}.tooltip{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;bottom:150%;box-shadow:0 4px 8px #0000001a;left:50%;min-width:250px;opacity:0;padding:10px;position:absolute;text-align:left;transform:translateX(-50%);transition:visibility .3s,opacity .3s;visibility:hidden;white-space:normal;z-index:10}.word-link.active .tooltip{opacity:1;visibility:visible}.close-tooltip{background:none;border:none;color:#0;cursor:pointer;font-size:1.2rem;font-weight:700;padding:0;position:absolute;right:20px;top:15px}.tooltip-content{display:flex;flex-direction:column}.tooltip-heading{align-items:center;background-color:#ff9300;color:#fff;display:flex;font-size:.8rem;font-weight:400;justify-content:space-between;padding:2px 10px;text-transform:uppercase}.tooltip-note-body{padding:10px}.tooltip-expression{color:#000;display:block}.tooltip-sense{display:block;margin-top:5px}@media (max-width:600px){.tooltip{bottom:120%;box-sizing:border-box;left:50%;margin-left:0;max-width:95vw;min-width:200px;padding:1rem;right:auto;transform:translateX(-50%)}}.language-switcher{display:flex;gap:8px;justify-content:center;margin-bottom:15px;margin-top:15px}.language-switcher button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:.9em;height:38px;justify-content:center;min-width:80px;padding:8px 15px;transition:background-color .2s,border-color .2s}.language-switcher button:hover{background-color:#e0e0e0}.language-switcher button.active{background-color:#007bff;border-color:#007bff;color:#fff}.language-switcher button:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.d210c555.css.map*/