.styles-module-scss-module__NgtMoa__container{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out styles-module-scss-module__NgtMoa__fadeIn;display:flex;position:fixed;top:0;left:0}.styles-module-scss-module__NgtMoa__text{color:gold;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffa50099,2px 2px #fff;font-size:5rem;font-weight:900;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards styles-module-scss-module__NgtMoa__popIn;transform:scale(0)}@keyframes styles-module-scss-module__NgtMoa__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes styles-module-scss-module__NgtMoa__popIn{0%{opacity:0;transform:scale(0)rotate(-10deg)}70%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}
.styles-module-scss-module__V1Qt8W__container{z-index:0;pointer-events:none;background-color:#4fc3f7;position:fixed;inset:0;overflow:hidden}.styles-module-scss-module__V1Qt8W__bubble{background-color:#fff6;border:1px solid #fff9;border-radius:9999px;animation-name:styles-module-scss-module__V1Qt8W__rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-50px}@keyframes styles-module-scss-module__V1Qt8W__rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120vh)translate(20px)}}
.styles-module-scss-module__aaAKfG__container{border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;width:fit-content;padding:0;display:flex}.styles-module-scss-module__aaAKfG__error{color:#ef4444;font-size:.875rem}.styles-module-scss-module__aaAKfG__loading{color:#9ca3af;background-color:#f3f4f6;border-radius:.25rem;justify-content:center;align-items:center;font-size:.75rem;animation:2s cubic-bezier(.4,0,.6,1) infinite styles-module-scss-module__aaAKfG__pulse;display:flex}@keyframes styles-module-scss-module__aaAKfG__pulse{0%,to{opacity:1}50%{opacity:.5}}.styles-module-scss-module__aaAKfG__svgContainer{justify-content:center;align-items:center;display:flex}.styles-module-scss-module__aaAKfG__svgContainer text{display:none}.styles-module-scss-module__aaAKfG__svgContainer path{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke:#1a365d}.styles-module-scss-module__aaAKfG__svgContainer g{transition:opacity .5s ease-in-out}.styles-module-scss-module__aaAKfG__svgContainer.styles-module-scss-module__aaAKfG__hiddenRight g[id$=-g6]{opacity:0}.styles-module-scss-module__aaAKfG__svgContainer.styles-module-scss-module__aaAKfG__visibleRight g[id$=-g2]{opacity:1}
.styles-module-scss-module__P9rQZa__container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff4d;border:2px solid #fff9;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .4s,border-color .4s,box-shadow .4s,transform .4s;display:flex;position:relative;overflow:visible;box-shadow:0 0 25px #fff6}@keyframes styles-module-scss-module__P9rQZa__pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.styles-module-scss-module__P9rQZa__correct{background-color:#fffac866;border-color:#ffd700e6;animation:.5s cubic-bezier(.34,1.56,.64,1) styles-module-scss-module__P9rQZa__pop;box-shadow:0 0 40px #ffd70099,0 0 20px #ffdf0066,inset 0 0 30px #fff9}.styles-module-scss-module__P9rQZa__highlightTop{background-color:#fff9;border-radius:50%;width:20%;height:10%;position:absolute;top:15%;left:15%;transform:rotate(-45deg)}.styles-module-scss-module__P9rQZa__highlightBottom{background-color:#fff6;border-radius:50%;width:10%;height:5%;position:absolute;bottom:15%;right:15%;transform:rotate(-45deg)}.styles-module-scss-module__P9rQZa__content{z-index:10;position:relative}
.styles-module-scss-module__zI9gUW__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.styles-module-scss-module__zI9gUW__containerCorrect .styles-module-scss-module__zI9gUW__yomi{color:gold;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.1)}.styles-module-scss-module__zI9gUW__yomi{color:#333;letter-spacing:.05em;filter:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem;display:flex}.styles-module-scss-module__zI9gUW__bubble{z-index:10;justify-content:center;align-items:center;width:9rem;height:9rem;display:flex;position:relative}@media (min-width:768px){.styles-module-scss-module__zI9gUW__bubble{width:12rem;height:12rem}}.styles-module-scss-module__zI9gUW__indexBadge{color:#f9fafb;letter-spacing:.05em;background-color:#0f172ae6;border-radius:9999px;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;padding:0 .375rem;font-size:1.75rem;font-weight:700;display:flex;box-shadow:0 4px 6px #0f172a4d}.styles-module-scss-module__zI9gUW__yomiText{display:inline-block}.styles-module-scss-module__zI9gUW__splitter{justify-content:center;align-items:center;width:100%;display:flex}.styles-module-scss-module__zI9gUW__kanjiText{letter-spacing:.05em;color:#1a365d;text-shadow:0 4px 6px #0f172a26;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;display:flex}@keyframes styles-module-scss-module__zI9gUW__flyUp{0%{transform:translateY(0)}to{transform:translateY(-150vh)}}@keyframes styles-module-scss-module__zI9gUW__flyIn{0%{transform:translateY(150vh)}to{transform:translateY(0)}}@keyframes styles-module-scss-module__zI9gUW__fadeOut{0%{opacity:1}to{opacity:0}}@keyframes styles-module-scss-module__zI9gUW__fadeIn{0%{opacity:0}to{opacity:1}}.styles-module-scss-module__zI9gUW__exitingBubble{animation:1.2s ease-in both styles-module-scss-module__zI9gUW__flyUp}.styles-module-scss-module__zI9gUW__enteringBubble{animation:1.2s ease-out both styles-module-scss-module__zI9gUW__flyIn}.styles-module-scss-module__zI9gUW__exitingYomi{animation:10ms linear forwards styles-module-scss-module__zI9gUW__fadeOut}.styles-module-scss-module__zI9gUW__enteringYomi{opacity:0;animation:.5s ease-out forwards styles-module-scss-module__zI9gUW__fadeIn}
.styles-module-scss-module__IDFHuW__container{transition:all .5s}.styles-module-scss-module__IDFHuW__container.styles-module-scss-module__IDFHuW__appearing{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards styles-module-scss-module__IDFHuW__bubblePopIn}@keyframes styles-module-scss-module__IDFHuW__bubblePopIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
.styles-module-scss-module__CJECgW__container{z-index:100;background-color:#ffffff4d;width:100%;height:24px;position:fixed;top:0;left:0}.styles-module-scss-module__CJECgW__bar{background-color:#4caf50;height:100%;transition:width .1s linear,background-color .3s;position:relative;box-shadow:0 0 10px #4caf5080}.styles-module-scss-module__CJECgW__bar:after{content:"";opacity:.8;background-color:#fff;width:4px;height:100%;position:absolute;top:0;right:0;box-shadow:0 0 5px #fff}.styles-module-scss-module__CJECgW__warning{background-color:#f44336;animation:.5s infinite alternate styles-module-scss-module__CJECgW__blink;box-shadow:0 0 10px #f4433680}@keyframes styles-module-scss-module__CJECgW__blink{0%{opacity:1}to{opacity:.6}}
.Screen-module-scss-module__oRvRuq__container{background-color:#4fc3f7;width:100%;min-height:100vh;position:relative;overflow:hidden}.Screen-module-scss-module__oRvRuq__content{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}@media (min-width:768px){.Screen-module-scss-module__oRvRuq__content{padding:2rem}}.Screen-module-scss-module__oRvRuq__title{text-align:center;color:#333;letter-spacing:.1em;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);width:100%;margin-bottom:0;font-size:2.5rem;font-weight:700;line-height:3rem;position:absolute;top:4rem}@media (min-width:768px){.Screen-module-scss-module__oRvRuq__title{font-size:3rem;line-height:3.5rem;top:6rem}}.Screen-module-scss-module__oRvRuq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;max-width:80rem;display:grid}@media (min-width:768px){.Screen-module-scss-module__oRvRuq__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem}}.Screen-module-scss-module__oRvRuq__cardWrapper{cursor:default}.Screen-module-scss-module__oRvRuq__gridWrapper{width:100%;max-width:80rem;position:relative}.Screen-module-scss-module__oRvRuq__gridOverlay{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.Screen-module-scss-module__oRvRuq__connectionStatus{color:#b45309;z-index:50;background-color:#ffffffe6;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 6px -1px #0000001a}