*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans Japanese,Museo Sans Rounded}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0;-webkit-appearance:none}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.button_type--blue{background:var(--blue);color:#fff}.button_type--blue.shadow{box-shadow:var(--shadow-blue)}.button_type--blue:hover{background-color:var(--blue400)}.button_type--blue.border_below{border-bottom:3px solid var(--blue800)!important;border-radius:7px!important}.button_type--red{background:var(--red);color:#fff}.button_type--red.shadow{box-shadow:var(--shadow-red)}.button_type--red:hover{background-color:var(--red400)}.button_type--yellow{background:var(--yellow);color:#fff}.button_type--yellow.shadow{box-shadow:var(--shadow-yellow)}.button_type--yellow:hover{background-color:var(--yellow400)}.button_type--green{background:var(--green);color:#fff}.button_type--green.shadow{box-shadow:var(--shadow-green)}.button_type--green:hover{background-color:var(--green400)}.button_type--green.border_below{border-bottom:3px solid var(--green800)!important;border-radius:7px!important}.button_type--purple{background:var(--purple);color:#fff}.button_type--purple.shadow{box-shadow:var(--shadow-purple)}.button_type--purple:hover{background-color:var(--purple400)}.button_type--purple-desat{background:var(--purple-desat);color:#fff}.button_type--purple-desat.shadow{box-shadow:var(--shadow-purple)}.button_type--purple-desat:hover{background-color:var(--purple300)}.button_type--lighter-gray{background:var(--lighter-gray);color:var(--dark-gray)}.button_type--lighter-gray:hover{background-color:var(--light-gray)}.button_type--lighter-gray.shadow{box-shadow:var(--shadow-lighter-gray)}.button_type--light-gray{background:var(--light-gray);color:var(--dark-gray)}.button_type--light-gray:hover{background-color:var(--gray)}.button_type--light-gray.shadow{box-shadow:var(--shadow-lighter-gray)}.button_type--comment-button{background:var(--comment-button);color:var(--dark-gray)}.button_type--comment-button:hover{background-color:var(--gray)}.button_type--comment-button.shadow{box-shadow:var(--shadow-lighter-gray)}.button_type--dark{background:var(--dark);color:#fff}.button_type--dark:hover{background-color:var(--dark-gray)}.button_type--dark.shadow{box-shadow:var(--shadow-lighter-gray)}.button_type--red100{background:var(--red100);color:var(--red)}.button_type--red100.shadow{box-shadow:var(--shadow-red)}.button_type--red100:hover{background-color:var(--red-transparent-hover)}.button_type--red200{background:var(--red-transparent);color:var(--red)}.button_type--red200.shadow{box-shadow:var(--shadow-red)}.button_type--red200:hover{background-color:var(--red-transparent-hover)}.button_type--blue200{background:var(--blue-transparent);color:var(--blue)}.button_type--blue200 :global(.icon){fill:var(--blue)}.button_type--blue200.shadow{box-shadow:var(--shadow-blue)}.button_type--blue200:hover{background-color:var(--blue-transparent-hover)}.button_type--green200{background:var(--green-transparent);color:var(--green)}.button_type--green200 :global(.icon){fill:var(--green)}.button_type--green200.shadow{box-shadow:var(--shadow-green)}.button_type--green200:hover{background-color:var(--green-transparent-hover)}.button_type--yellow200{background:var(--yellow-transparent);color:var(--yellow)}.button_type--yellow200 :global(.icon){fill:var(--yellow)}.button_type--yellow200.shadow{box-shadow:var(--shadow-yellow)}.button_type--yellow200:hover{background-color:var(--yellow-transparent-hover)}.button_type--blue-gradient{background:var(--blue-gradient-hover);color:var(--always-white);transition:1s ease-out}.button_type--blue-gradient :global(.icon){fill:var(--always-white)}.button_type--blue-gradient.shadow{box-shadow:var(--shadow-blue)}.button_type--blue-gradient:hover{background:var(--blue-gradient)}.button_type--background{background:var(--background);color:var(--dark-gray);transition:var(--transition)}.button_type--background:hover{background-color:var(--light-gray)}.button_type_login{background:var(--blue);width:100%;border-radius:1rem;justify-content:center;align-items:center;color:#fff}body,html,#svelte{height:100%;width:100%}.simplebar-scrollbar:before{background:var(--gray)!important;width:5px}#svelte{flex:1 1 auto;display:flex;flex-direction:column}*:focus{outline:none}h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--blue);background:var(--blue-transparent);border-radius:15px}h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--blue);background:var(--blue-transparent);border-radius:15px}p::-moz-selection,span::-moz-selection,ruby::-moz-selection,rb::-moz-selection,rt::-moz-selection{color:var(--blue);background:var(--blue-transparent)}p::selection,span::selection,ruby::selection,rb::selection,rt::selection{color:var(--blue);background:var(--blue-transparent)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.svg__overworld_svg{shape-rendering:optimizespeed;opacity:0}#svg__absolute-beginner,#svg__beginner,#svg__lower-intermediate,#svg__upper-intermediate,#svg__advanced,#svg__master{shape-rendering:optimizeSpeed;opacity:0}html{background:var(--lighter-gray)!important;text-rendering:optimizeLegibility}html,body{overscroll-behavior-y:none}html.no-scroll{overflow:hidden;overscroll-behavior-x:none;overscroll-behavior-y:none}html.no-scroll body{overscroll-behavior-x:none;overscroll-behavior-y:none;overflow:hidden}html.no-scroll .page_wrapper{position:unset;margin:0!important}html.no-scroll-horizontal body{overflow-x:hidden;overflow-y:scroll}.body-hidden{overflow:hidden}h1,h2,h3,h4,h5,h6,b{color:var(--dark-gray)}h1{font-size:var(--text-4xl);line-height:var(--height-4xl);font-weight:900}h2{font-size:var(--text-3xl);line-height:var(--height-3xl);font-weight:900}h3{font-size:var(--text-2xl);line-height:var(--height-2xl);font-weight:700}h4{font-size:var(--text-xl);line-height:var(--height-xl);font-weight:700}#modals{position:fixed;z-index:100;height:100%;width:100%;pointer-events:none}#modals>*{pointer-events:all}.kanji{color:var(--green)}.element{color:var(--yellow)}.part{color:var(--yellow);font-family:MuseoSansRounded,parts,partsF!important}.vocabulary{color:var(--blue)}.reading{color:var(--red)}.highlight{color:var(--blue)}body{font-family:Noto Sans Japanese,MuseoSansRounded,Hiragino Sans GB,parts,partsF;color:var(--medium-gray);-webkit-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale;font-weight:medium;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden}@font-face{font-family:parts;src:url(../../../fonts/parts.woff2) format("woff2");unicode-range:U+31C0-31EF}@font-face{font-family:partsB;src:url(../../../fonts/partsB.woff2) format("woff2");unicode-range:U+31C0-31EF,U+3401,U+3404,U+340c,U+342b,U+342d,U+3431,U+3452,U+34b8,U+34de,U+34e3,U+34e9,U+353f,U+354d,U+3551,U+3575,U+35ca,U+3638,U+3687,U+3692,U+3698,U+36a3,U+3741,U+3774,U+37a2,U+37ad,U+37b7,U+386d,U+386f,U+387f,U+3886,U+38ca,U+38ce,U+39ae,U+39dc,U+3a28,U+3a45,U+3b31,U+3cbd,U+3cc4,U+3e12,U+3e1a,U+3f0c,U+3f5e,U+3f9c,U+3ffd,U+4020,U+409e,U+41a5,U+4286,U+431b,U+43cc-43ce,U+4592,U+45ad,U+45b5,U+4672-4674,U+46bb,U+499a,U+49f9,U+4a57,U+4a6d,U+4a7b,U+4ca8,U+4e06,U+4e1a,U+4e3d,U+4e49,U+4e60-4e61,U+4e8f-4e90,U+4e9a,U+4ea7,U+4ea9,U+4eb2,U+4ebd,U+4ecc,U+4ed1-4ed2,U+4fde,U+5020,U+5151,U+5188,U+519a,U+51a7,U+520d,U+52a1,U+52fd,U+5344,U+5355,U+535d,U+536a,U+53d0,U+53f9,U+5405,U+5415,U+56ec,U+573c,U+5807,U+5903-5904,U+590e,U+5917,U+5ab7,U+5dc2,U+5ddc,U+5ddf,U+5e01,U+5e23,U+5e26,U+5f55,U+620b,U+6237,U+623a,U+6617,U+661b,U+663e,U+66c5,U+66f6,U+6729,U+672f,U+6740,U+6742,U+67e5,U+6b2e,U+6b68,U+6c3d,U+6d30,U+706d,U+708f,U+7154,U+72ca,U+7535,U+7541-7542,U+7555,U+7563,U+76c7,U+7718,U+79c3,U+7a28,U+7ad8,U+7ade,U+7c74,U+7c9c,U+7d6d,U+7f59,U+7f95,U+7fdc,U+80b0,U+8288,U+8408,U+8a38,U+8a8a,U+8c56,U+8cd4,U+8ece,U+8ed7,U+8fcc,U+9040,U+9093,U+9109,U+9203,U+924c,U+95b5,U+96a1,U+96d0,U+96d4,U+97f0,U+981d,U+99e6,U+9b5d,U+9d6d,U+9fa8,U+9fb0-9fb1,U+9fb5-9fba,U+d86b-d86c,U+dc66,U+dccb,U+dce2,U+dcfb,U+ddbc,U+de03,U+de07-de08,U+de6b,U+de8f,U+deb5,U+df04,U+df0b,U+df20,U+df9b,U+fffd}@font-face{font-family:partsF;src:url(../../../fonts/partsF.woff2) format("woff2");unicode-range:U+20000-2A6DF}@font-face{font-family:partsD;src:url(../../../fonts/partsD.woff2) format("woff2");unicode-range:U+31C0-31EF,U+3401,U+3404,U+340c,U+342b,U+342d,U+3431,U+3452,U+34b8,U+34de,U+34e3,U+34e9,U+353f,U+354d,U+3551,U+3575,U+35ca,U+3638,U+3687,U+3692,U+3698,U+36a3,U+3741,U+3774,U+37a2,U+37ad,U+37b7,U+386d,U+386f,U+387f,U+3886,U+38ca,U+38ce,U+39ae,U+39dc,U+3a28,U+3a45,U+3b31,U+3cbd,U+3cc4,U+3e12,U+3e1a,U+3f0c,U+3f5e,U+3f9c,U+3ffd,U+4020,U+409e,U+41a5,U+4286,U+431b,U+43cc-43ce,U+4592,U+45ad,U+45b5,U+4672-4674,U+46bb,U+499a,U+49f9,U+4a57,U+4a6d,U+4a7b,U+4ca8,U+4e06,U+4e1a,U+4e3d,U+4e49,U+4e60-4e61,U+4e8f-4e90,U+4e9a,U+4ea7,U+4ea9,U+4eb2,U+4ebd,U+4ecc,U+4ed1-4ed2,U+4fde,U+5020,U+5151,U+5188,U+519a,U+51a7,U+520d,U+52a1,U+52fd,U+5344,U+5355,U+535d,U+536a,U+53d0,U+53f9,U+5405,U+5415,U+56ec,U+573c,U+5807,U+5903-5904,U+590e,U+5917,U+5ab7,U+5dc2,U+5ddc,U+5ddf,U+5e01,U+5e23,U+5e26,U+5f55,U+620b,U+6237,U+623a,U+6617,U+661b,U+663e,U+66c5,U+66f6,U+6729,U+672f,U+6740,U+6742,U+67e5,U+6b2e,U+6b68,U+6c3d,U+6d30,U+706d,U+708f,U+7154,U+72ca,U+7535,U+7541-7542,U+7555,U+7563,U+76c7,U+7718,U+79c3,U+7a28,U+7ad8,U+7ade,U+7c74,U+7c9c,U+7d6d,U+7f59,U+7f95,U+7fdc,U+80b0,U+8288,U+8408,U+8a38,U+8a8a,U+8c56,U+8cd4,U+8ece,U+8ed7,U+8fcc,U+9040,U+9093,U+9109,U+9203,U+924c,U+95b5,U+96a1,U+96d0,U+96d4,U+97f0,U+981d,U+99e6,U+9b5d,U+9d6d,U+9fa8,U+9fb0-9fb1,U+9fb5-9fba,U+d86b-d86c,U+dc66,U+dccb,U+dce2,U+dcfb,U+ddbc,U+de03,U+de07-de08,U+de6b,U+de8f,U+deb5,U+df04,U+df0b,U+df20,U+df9b,U+fffd}@font-face{font-family:partsC;src:url(../../../fonts/partsC.woff2) format("woff2");unicode-range:U+31C0-31EF,U+3401,U+3404,U+340c,U+342b,U+342d,U+3431,U+3452,U+34b8,U+34de,U+34e3,U+34e9,U+353f,U+354d,U+3551,U+3575,U+35ca,U+3638,U+3687,U+3692,U+3698,U+36a3,U+3741,U+3774,U+37a2,U+37ad,U+37b7,U+386d,U+386f,U+387f,U+3886,U+38ca,U+38ce,U+39ae,U+39dc,U+3a28,U+3a45,U+3b31,U+3cbd,U+3cc4,U+3e12,U+3e1a,U+3f0c,U+3f5e,U+3f9c,U+3ffd,U+4020,U+409e,U+41a5,U+4286,U+431b,U+43cc-43ce,U+4592,U+45ad,U+45b5,U+4672-4674,U+46bb,U+499a,U+49f9,U+4a57,U+4a6d,U+4a7b,U+4ca8,U+4e06,U+4e1a,U+4e3d,U+4e49,U+4e60-4e61,U+4e8f-4e90,U+4e9a,U+4ea7,U+4ea9,U+4eb2,U+4ebd,U+4ecc,U+4ed1-4ed2,U+4fde,U+5020,U+5151,U+5188,U+519a,U+51a7,U+520d,U+52a1,U+52fd,U+5344,U+5355,U+535d,U+536a,U+53d0,U+53f9,U+5405,U+5415,U+56ec,U+573c,U+5807,U+5903-5904,U+590e,U+5917,U+5ab7,U+5dc2,U+5ddc,U+5ddf,U+5e01,U+5e23,U+5e26,U+5f55,U+620b,U+6237,U+623a,U+6617,U+661b,U+663e,U+66c5,U+66f6,U+6729,U+672f,U+6740,U+6742,U+67e5,U+6b2e,U+6b68,U+6c3d,U+6d30,U+706d,U+708f,U+7154,U+72ca,U+7535,U+7541-7542,U+7555,U+7563,U+76c7,U+7718,U+79c3,U+7a28,U+7ad8,U+7ade,U+7c74,U+7c9c,U+7d6d,U+7f59,U+7f95,U+7fdc,U+80b0,U+8288,U+8408,U+8a38,U+8a8a,U+8c56,U+8cd4,U+8ece,U+8ed7,U+8fcc,U+9040,U+9093,U+9109,U+9203,U+924c,U+95b5,U+96a1,U+96d0,U+96d4,U+97f0,U+981d,U+99e6,U+9b5d,U+9d6d,U+9fa8,U+9fb0-9fb1,U+9fb5-9fba,U+d86b-d86c,U+dc66,U+dccb,U+dce2,U+dcfb,U+ddbc,U+de03,U+de07-de08,U+de6b,U+de8f,U+deb5,U+df04,U+df0b,U+df20,U+df9b,U+fffd}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:200;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype");unicode-range:U+3000-30FF,U+FF00-FFEF,U+4E00-9FAF}@font-face{font-family:MuseoSansRounded;font-weight:100;src:url(../../../fonts/MuseoSansRounded100.woff) format("woff")}@font-face{font-family:MuseoSansRounded;font-weight:400;src:url(../../../fonts/MuseoSansRounded300.woff) format("woff")}@font-face{font-family:MuseoSansRounded;font-weight:500;src:url(../../../fonts/MuseoSansRounded500.woff) format("woff")}@font-face{font-family:MuseoSansRounded;font-weight:700;src:url(../../../fonts/MuseoSansRounded700.woff) format("woff")}@font-face{font-family:MuseoSansRounded;font-weight:900;src:url(../../../fonts/MuseoSansRounded900.woff) format("woff")}@font-face{font-family:MuseoSansRounded;font-weight:1000;src:url(../../../fonts/MuseoSansRounded1000.woff) format("woff")}@media only screen and (max-device-width: 900px){html{font-size:90%}}@media (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){html{font-size:90%}}:root{--error: #e25f70;--red: #ed7989;--blue: #66a9e8;--purple: #7e69f0;--yellow: #fdc281;--green: #73ce9d;--kanji: #73ce9d;--element: #fdc281;--reading: #ed7989;--vocabulary: #66a9e8;--blue100: #f4f9fd;--blue200: #e9f2fc;--blue300: #bcd8f5;--blue400: #90bfee;--blue500: #68a6e6;--blue600: #378be1;--blue700: #1e71c8;--blue800: #17589b;--blue900: #113f6f;--green100: #f4fbf7;--green200: #e5f6ec;--green300: #bfe9d2;--green400: #99dbb8;--green500: #75cc9d;--green600: #4dc183;--green700: #39a26a;--green800: #2c7d51;--green900: #1f5738;--red100: #fdf2f3;--red200: #fbe0e3;--red300: #f9d2d7;--red400: #f3a5b0;--red500: rgb(235, 123, 138);--red600: #e74b61;--red700: #e11e39;--red800: #b4182e;--red900: #871222;--yellow100: #fff8f0;--yellow200: #fff3e6;--yellow300: #fedbb4;--yellow400: #fedbb4;--yellow500: #fcc282;--yellow600: #fcaa4f;--yellow700: #fb921d;--yellow800: #e27804;--yellow900: #b05d03;--purple100: #f5f3fc;--purple200: #e9e2f8;--purple300: #d5caf2;--purple400: #b5a1e8;--purple500: #9577de;--purple600: #754fd4;--purple700: #592fc1;--purple800: #462598;--purple900: #331b6f;--red-transparent: rgba(235, 123, 138, .1);--yellow-transparent: rgba(253, 194, 129, .1);--green-transparent: rgba(115, 206, 157, .1);--blue-transparent: rgba(102, 166, 232, .1);--purple-transparent: rgba(149, 119, 222, .1);--red-transparent-hover: rgba(235, 123, 138, .15);--yellow-transparent-hover: rgba(253, 194, 129, .15);--green-transparent-hover: rgba(115, 206, 157, .15);--blue-transparent-hover: rgba(102, 166, 232, .15);--purple-transparent-hover: rgba(149, 119, 222, .15);--always-white: #fff;--text-xxs: .625rem;--height-xxs: .75rem;--text-xs: .75rem;--height-xs: 1rem;--text-sm: .875rem;--height-sm: 1.325rem;--text-base: 1rem;--height-base: 1.25rem;--text-lg: 1.125rem;--height-lg: 1.75rem;--text-xl: 1.25rem;--height-xl: 1.75rem;--text-2xl: 1.5rem;--height-2xl: 2rem;--text-3xl: 1.875rem;--height-3xl: 2.25rem;--text-4xl: 2.25rem;--height-4xl: 2.5rem;--text-5xl: 3rem;--height-5xl: 3.5rem;--text-6xl: 3.75rem;--height-6xl: 4.25rem;--text-8xl: 5.75rem;--height-8xl: 7.25rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-5: all .5s cubic-bezier(.4, 0, .2, 1);--background: #232526;--input-bg: #232526;--session-bg: #2d3031;--modal-bg: #2d3031;--card-bg: #2d3031;--alt-dark-bg: #2d3031;--nav-shadow: 0px 0px 0px rgba(139, 147, 156, 0);--blue-gradient: linear-gradient(90deg, #378BE1, #90BFEE);--blue-gradient-hover: linear-gradient(90deg, #217EDE, #7AB2EB);--white: #2d3031;--lighter-gray: #1d1f20;--lighter-gray-text: #e9f2fc;--light-gray: #353d44;--gray: #c2c8cf;--medium-gray: #8b939c;--dark-gray: #eaedf3;--dark: #fff;--light-gray-border: 1px solid transparent;--comment-text: #c2c8cf;--comment-button: #404344;--slate-gray: #0f172a;--black: #0A0A0B;--black2: #18181a;--border-1: linear-gradient(to top, #345eeb, #7e69f0, 70%, #de4759);--drop-shadow-1: 0px 0px 0px rgba(0, 0, 0, 0);--drop-shadow-2: 0px 0px 0px rgba(0, 0, 0, 0);--drop-shadow-toggle: 0px 0px 3px rgba(0, 0, 0, .2);--drop-shadow-modern: 0px 0px 0px 0px rgba(102, 166, 232, 0);--drop-shadow-modern-darker: 0px 0px 20px 10px rgba(23, 89, 155, 0);--text-shadow-1: 0px 4px 10px #000000;--shadow-red: 0px 4px 10px rgba(237, 121, 138, 0);--shadow-blue: 0px 4px 10px rgba(102, 166, 232, 0);--shadow-green: 0px 4px 10px rgba(115, 206, 157, 0);--shadow-purple: 0px 4px 10px rgba(126, 105, 240, 0);--shadow-yellow: 0px 4px 10px rgba(253, 194, 129, 0);--shadow-lighter-gray: 0px 4px 10px rgba(242, 244, 248, 0);--progress-shadow-blue: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-red: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-yellow: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-green: 0px 2px 20px rgba(0, 0, 0, 0);--modal-background: rgba(44, 49, 51, .5);--login-gradient: linear-gradient(90.24deg, rgb(24, 26, 27) 20%, rgba(24, 26, 27, .7) 65.84%, rgba(24, 26, 27, 0) 88.15%);--login-gradient-mobile: linear-gradient(45.24deg, rgb(24, 26, 27) 41.46%, rgba(24, 26, 27, .7) 65.84%, rgba(24, 26, 27, 0) 88.15%);--cloud-background-url: url(/images/bg_tiled_dark_mode.png)}:root{--error: #e25f70;--red: #ed7989;--blue: #66a9e8;--purple: #7e69f0;--yellow: #fdc281;--green: #73ce9d;--kanji: #73ce9d;--element: #fdc281;--reading: #ed7989;--vocabulary: #66a9e8;--blue100: #f4f9fd;--blue200: #e9f2fc;--blue300: #bcd8f5;--blue400: #90bfee;--blue500: #68a6e6;--blue600: #378be1;--blue700: #1e71c8;--blue800: #17589b;--blue900: #113f6f;--green100: #f4fbf7;--green200: #e5f6ec;--green300: #bfe9d2;--green400: #99dbb8;--green500: #75cc9d;--green600: #4dc183;--green700: #39a26a;--green800: #2c7d51;--green900: #1f5738;--red100: #fdf2f3;--red200: #fbe0e3;--red300: #f9d2d7;--red400: #f3a5b0;--red500: #eb7b8a;--red600: #e74b61;--red700: #e11e39;--red800: #b4182e;--red900: #871222;--yellow100: #fff8f0;--yellow200: #fff3e6;--yellow300: #fedbb4;--yellow400: #fedbb4;--yellow500: #fcc282;--yellow600: #fcaa4f;--yellow700: #fb921d;--yellow800: #e27804;--yellow900: #b05d03;--purple100: #f5f3fc;--purple200: #e9e2f8;--purple300: #d5caf2;--purple400: #b5a1e8;--purple500: #9577de;--purple600: #754fd4;--purple700: #592fc1;--purple800: #462598;--purple900: #331b6f;--red-transparent: rgba(235, 123, 138, .1);--yellow-transparent: rgba(253, 194, 129, .1);--green-transparent: rgba(115, 206, 157, .1);--blue-transparent: rgba(102, 166, 232, .1);--purple-transparent: rgba(149, 119, 222, .1);--red-transparent-hover: rgba(235, 123, 138, .15);--yellow-transparent-hover: rgba(253, 194, 129, .15);--green-transparent-hover: rgba(115, 206, 157, .15);--blue-transparent-hover: rgba(102, 166, 232, .15);--purple-transparent-hover: rgba(149, 119, 222, .15);--always-white: #fff;--text-xxs: .625rem;--height-xxs: .75rem;--text-xs: .75rem;--height-xs: 1rem;--text-sm: .875rem;--height-sm: 1.325rem;--text-base: 1rem;--height-base: 1.25rem;--text-lg: 1.125rem;--height-lg: 1.75rem;--text-xl: 1.25rem;--height-xl: 1.75rem;--text-2xl: 1.5rem;--height-2xl: 2rem;--text-3xl: 1.875rem;--height-3xl: 2.25rem;--text-4xl: 2.25rem;--height-4xl: 2.5rem;--text-5xl: 3rem;--height-5xl: 3.5rem;--text-6xl: 3.75rem;--height-6xl: 4.25rem;--text-8xl: 5.75rem;--height-8xl: 7.25rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-5: all .5s cubic-bezier(.4, 0, .2, 1);--background: #232526;--input-bg: #232526;--session-bg: #2d3031;--modal-bg: #2d3031;--card-bg: #2d3031;--alt-dark-bg: #2d3031;--nav-shadow: 0px 0px 0px rgb(139 147 156 / 0%);--blue-gradient: linear-gradient(90deg, #378BE1, #90BFEE);--blue-gradient-hover: linear-gradient(90deg, #217EDE, #7AB2EB);--white: #2d3031;--lighter-gray: #1d1f20;--lighter-gray-text: #e9f2fc;--light-gray: #353d44;--gray: #c2c8cf;--medium-gray: #8b939c;--dark-gray: #eaedf3;--dark: #fff;--light-gray-border: 1px solid transparent;--comment-text: #c2c8cf;--comment-button: #404344;--slate-gray: #0f172a;--black: #0A0A0B;--black2: #18181a;--border-1: linear-gradient(to top, #345eeb, #7e69f0, 70%, #de4759);--drop-shadow-1: 0px 0px 0px rgba(0, 0, 0, 0);--drop-shadow-2: 0px 0px 0px rgba(0, 0, 0, 0);--drop-shadow-toggle: 0px 0px 3px rgba(0, 0, 0, .2);--drop-shadow-modern: 0px 0px 0px 0px rgb(102, 166, 232, 0);--drop-shadow-modern-darker: 0px 0px 20px 10px rgb(23, 89, 155, 0), --text-shadow-1: 0px 4px 10px #000000;--shadow-red: 0px 4px 10px rgb(237, 121, 138, 0);--shadow-blue: 0px 4px 10px rgba(102, 166, 232, 0);--shadow-green: 0px 4px 10px rgba(115, 206, 157, 0);--shadow-purple: 0px 4px 10px rgba(126, 105, 240, 0);--shadow-yellow: 0px 4px 10px rgb(253, 194, 129, 0);--shadow-lighter-gray: 0px 4px 10px rgba(242, 244, 248, 0);--progress-shadow-blue: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-red: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-yellow: 0px 2px 20px rgba(0, 0, 0, 0);--progress-shadow-green: 0px 2px 20px rgba(0, 0, 0, 0);--modal-background: rgba(44, 49, 51, .5);--login-gradient: linear-gradient(90.24deg, rgba(24, 26, 27, 1) 20%, rgba(24, 26, 27, .7) 65.84%, rgba(24, 26, 27, 0) 88.15%);--login-gradient-mobile: linear-gradient(45.24deg, rgba(24, 26, 27, 1) 41.46%, rgba(24, 26, 27, .7) 65.84%, rgba(24, 26, 27, 0) 88.15%);--cloud-background-url: url(/images/bg_tiled_dark_mode.png)}.menu-icon.svelte-75g5fd.svelte-75g5fd{position:fixed;top:0;right:0;padding:1.25rem;background-color:var(--background);border-bottom-left-radius:1rem;cursor:pointer;z-index:20}.menu-icon.svelte-75g5fd .icon{transition:var(--transition-5)}.menu-icon.svelte-75g5fd:hover .icon{fill:var(--medium-gray)}.navigation.svelte-75g5fd.svelte-75g5fd{position:fixed;top:0;right:0;z-index:1;width:15rem;padding:1.25rem 2.5rem 2.5rem;border-bottom-left-radius:1rem;font-size:var(--text-xl);line-height:var(--height-xl);background-color:var(--background);transition:var(--transition);opacity:0;display:none}.navigation.active.svelte-75g5fd.svelte-75g5fd{display:flex;opacity:1}.navigation.svelte-75g5fd ul.svelte-75g5fd{list-style-type:none;display:flex;flex-direction:column;gap:1.25rem}.navigation.svelte-75g5fd ul li.svelte-75g5fd{width:100%}.navigation.svelte-75g5fd ul li a.svelte-75g5fd{transition:var(--transition-5);color:var(--gray)}.navigation.svelte-75g5fd ul li a.svelte-75g5fd:hover{color:var(--medium-gray)}.navigation.svelte-75g5fd ul li a.active.svelte-75g5fd{color:var(--blue)}.navigation.svelte-75g5fd ul li .sub-pages-title.svelte-75g5fd{cursor:pointer;color:var(--gray)}.navigation.svelte-75g5fd ul li .sub-pages-title.svelte-75g5fd:hover{color:var(--medium-gray)}.navigation.svelte-75g5fd ul li .sub-pages.svelte-75g5fd{margin-top:1.25rem;padding-left:1.25rem}@media (min-width: 48em){.menu-icon.svelte-75g5fd.svelte-75g5fd{display:none}.navigation.svelte-75g5fd.svelte-75g5fd{display:flex!important;opacity:1!important;left:0;position:fixed;max-width:12.5rem;border-radius:0;border-right:1px solid var(--light-gray);height:100%}}.icon-wrapper.svelte-1wffqct{flex-shrink:0}article.svelte-1wffqct{padding:.75rem 1.5rem;border-radius:15px;display:flex;align-items:center;margin:0 1rem 1rem auto;width:30rem;background-color:var(--modal-bg);box-shadow:var(--drop-shadow-2)}.text.svelte-1wffqct{margin-left:1rem}button.svelte-1wffqct{color:#fff;background:transparent;border:0 none;padding:0;margin:0 0 0 auto;line-height:1;flex-shrink:0;font-size:1rem}.toasts-wrapper.svelte-12lq4wf.svelte-12lq4wf{position:fixed;top:0;left:0;right:0;width:100%;display:flex;margin-top:1rem;justify-content:center;flex-direction:column;z-index:1000;user-select:none;pointer-events:none}.toasts-wrapper.svelte-12lq4wf .toast-text.svelte-12lq4wf{font-weight:500;font-size:var(--text-md);line-height:var(--height-md);color:var(--darker-gray)}.toasts-wrapper.svelte-12lq4wf .font-bold.svelte-12lq4wf{color:var(--dark);font-weight:500}.main-wrapper.svelte-8c4ma6.svelte-8c4ma6{height:100%;width:100%;display:flex;position:relative}.main-wrapper.svelte-8c4ma6 .content.svelte-8c4ma6{padding:1.25rem;width:100%;height:100%}@media (min-width: 48em){.main-wrapper.hasNavigation .content.svelte-8c4ma6.svelte-8c4ma6{position:absolute;max-width:calc(100% - 12.5rem);padding:1.25rem;left:12.5rem}}