*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#333;background:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content}svg{align-self:center;width:250px;height:250px}#app-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;overflow:hidden}header{text-align:center;padding:15px;background:#1b263b;color:#f4e3d7;font-size:1.2rem;font-weight:700}main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:10px;gap:10px}#kanji-animation-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eef2f3;border:1px solid #ddd;border-radius:8px;overflow:hidden}.kanji-animation{display:flex;flex-direction:column}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.flashcard{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.kanji-character{font-size:3rem;color:#c24b01;text-align:center;margin-bottom:10px;font-weight:400}text{font-size:6px;stroke:#c24b01;stroke-width:.5}.kanji-meaning{font-size:1.2rem;color:#1b263b;text-align:center;margin-bottom:10px}.kanji-readings{font-size:1rem;color:#444;margin-bottom:10px;text-align:center}.kanji-examples{display:flex;flex-direction:column;justify-content:space-around;align-items:left;font-size:.9rem;color:#666;margin-top:10px;list-style:none}#controls{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}button{padding:10px 15px;border:none;border-radius:5px;background:#5a1bd4;color:#f4e3d7;font-size:1rem;cursor:pointer;transition:background-color .3s;flex:1}#choose-btn{background:#c24b01}#choose-btn:hover{background-color:#ff8c42}button:hover{background-color:#1b263b}.hidden{width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;visibility:hidden;position:absolute;top:0;left:0}ul{display:flex;overflow:hidden;flex-wrap:wrap;align-items:center;justify-content:space-around}li{display:flex}#kanji-table{background:#fff;padding:10px;border-radius:10px;width:inherit;max-height:80%;overflow-y:auto;text-align:center}#kanji-list{list-style:none;padding:0;margin:10px 0}#kanji-list li{display:flex;align-items:center;justify-content:center;margin:5px;padding:10px;background:#f4f4f4;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:24px}#kanji-list li:hover{background:#ddd}#close-popup{margin-top:10px;padding:10px 20px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}#close-popup:hover{background:#555}footer{text-align:center;padding:10px;background:#1b263b;color:#fff;font-size:.9rem}@media (min-width: 768px){#app-container{max-width:600px;border-radius:8px;box-shadow:0 4px 6px #0000001a}header{font-size:1.5rem;padding:20px}.kanji-character{font-size:4rem}.kanji-meaning{font-size:1.4rem}.kanji-readings{font-size:1.2rem}.kanji-examples{font-size:1rem}button{padding:10px 20px;font-size:1rem;flex:unset}#controls{gap:20px}}@media (min-width: 1024px){.kanji-character{font-size:5rem}.kanji-meaning{font-size:1.6rem}}