.word-container{display:flex}.word-container .char-container{display:flex;align-content:center;flex-direction:column;justify-content:flex-end}.word-container .char-container .furigana{padding:0}.word-container .char-container .character{display:inline-block;font-weight:600;padding:4px;z-index:1000;margin:5px;border-radius:3px;box-shadow:0 0 0.3em rgba(0,0,0,0.2);text-align:center;font-size:40px;line-height:55px;min-width:65px;transition:all 250ms}@media only screen and (min-width: 500px){.word-container .char-container .character{font-size:60px;line-height:70px}}.word-container .char-container .character.furigana_candidate{font-size:20px;line-height:25px;min-width:20px;color:#f0f0f0}.word-container .char-container .character.kanji_candidate{color:#f0f0f0}.word-container .char-container .character.correct{background-color:#72e067;color:white}.word-container .char-container .character.small{font-size:25px;line-height:35px;box-shadow:0 0 0.1em rgba(0,0,0,0.1);margin:1px;min-width:35px;padding:0}.word-container .char-container .character.furigana_small{font-size:12px;line-height:10px;margin:1px;margin-bottom:0;box-shadow:0 0 0.1em rgba(0,0,0,0.1)}#kkSpinner{text-align:center;padding-top:100px}#kkError{padding:40px;display:none}.introDiv{padding:5px;background-color:#f2f2fe}@media only screen and (min-width: 500px){.introDiv{padding:15px}}.instructions{font-weight:bold;font-style:italic;padding-top:4px;padding-bottom:2px;transition:all 0.2s}.instructions.helpOut{background-color:#fdd7e8;color:#fb4899}.instructions.moveOn{background-color:#d9f8d7;color:#6fc36a}@media only screen and (min-width: 500px){#kkContent{display:flex}}#kkData{margin:10px;display:flex}@media only screen and (min-width: 500px){#kkData{display:block;max-width:250px}}#kkReadingSummary{padding:10px;background-color:#c5d7fd;margin-left:10px}@media only screen and (min-width: 500px){#kkReadingSummary{margin:0;margin-top:10px}}.reading-container{margin:0;margin-bottom:10px;background-color:white;border:1px solid #eee;padding:4px;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2)}@media only screen and (min-width: 500px){.reading-container{margin:10px;margin-left:0}}.reading-summary{font-size:20px;color:#0d0f68;font-weight:500}.reading-summary.small{font-size:16px;line-height:20px}.reading-type{color:#686aa5;font-weight:500}.reading-text{font-weight:bold;padding-left:4px;padding-right:4px;background-color:#f6f1fa;border-radius:4px}.word-container{margin-top:10px}.word-container.small{margin-top:0}.answer-container{margin-top:10px}.answer-container.small{margin-top:0}.ans_correct{background-color:#72e067;color:white;-webkit-text-fill-color:white}.ans_incorrect{color:#f8f8f8;background-color:#eb61d9}.kkmnemonic{color:#641666;padding:5px;font-weight:bold}