@import"https://fonts.googleapis.com/css2?family=Fjalla+One&family=Noto+Sans+Mono:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";nav{margin:0;padding:0;display:flex;justify-content:flex-end;align-items:baseline;align-content:flex-end;gap:.2rem .2rem}nav>ul{flex-flow:row wrap;list-style-type:none;display:flex;justify-content:center;align-items:baseline;align-content:flex-end;gap:.2rem .2rem}nav>ul>li{flex-flow:row wrap;margin:0;padding:0;font-weight:500}.auth_message{color:#00fa9a}.auth_error{color:#f33}input.auth_email,input.auth_password{width:270px}button.auth{padding:.15em 1.2em;border-radius:6px;border:1px solid transparent;border-color:var(--space-purple);font-family:Quicksand,Ubuntu;background-color:#ddd;color:#333;cursor:pointer;transition:background-color .24s}button.auth:hover{background-color:var(--space-purple);color:#fff;font-weight:700}@media(prefers-color-scheme:dark){button.auth{background-color:#333;color:#fff}}@font-face{font-family:local_Fjalla_One;src:local("Fjalla One")}@font-face{font-family:local_Ubuntu_Condensed;src:local("Ubuntu Condensed")}@font-face{font-family:local_Ubuntu;src:local(Ubuntu)}@font-face{font-family:local_Noto_Sans;src:local("Noto Sans")}@font-face{font-family:local_Ubuntu_Mono;src:local("Ubuntu Mono")}@font-face{font-family:local_Noto_Sans_Mono;src:local("Noto Sans Mono")}:root{--margin-top-unit: 9px;--margin-left-unit: 15px;--space-purple: #88f;--dark-space-purple: #116;--default-color: hotpink;font-family:local_Ubuntu,Ubuntu,local_Noto_Sans,Noto Sans,sans-serif;font-size:15px;background-color:#fff;color:#000}@media(max-width:600px){:root{--margin-left-unit: 3px}}body{min-width:300px}div#root{margin:0 12px}::-moz-selection{background:#aaa;color:#000}::selection{background:#aaa;color:#000}h1,h2,h3,h4,h5,h6{white-space:pre-wrap;font-family:local_Fjalla_One,Fjalla One,local_Ubuntu_Condensed,Ubuntu Condensed,sans-serif;font-weight:400}.openable>span{cursor:pointer}h1{font-size:2.4em}h2{font-size:1.5em}h3,h4,h5,h6{margin:1em 0;font-size:1em}h1.title{color:var(--dark-space-purple)}h1.partition>span,h2.partition>span,h3.partition>span,h4.partition>span,h5.partition>span,h6.partition>span{opacity:.9;background-color:#166;color:#fff}h1.step,h2.step,h3.step,h4.step,h5.step,h6.step{color:#166}h1.fork,h1{color:#000}h2.fork,h2{color:#111}h3.fork,h3{color:#333}h4.fork,h4{color:#555}h5.fork,h5{color:#777}h6.fork,h6{color:#999}a{color:#099}span.quiz_mode{font-weight:700;color:#000}@media(prefers-color-scheme:dark){:root{background-color:#000;color:#fff}h1.title{color:var(--space-purple)}h1.step,h2.step,h3.step,h4.step,h5.step,h6.step{color:#8ff}h1.fork,h1{color:#fff}h2.fork,h2{color:#ccc}h3.fork,h3{color:#bbb}h4.fork,h4{color:#999}h5.fork,h5{color:#777}h6.fork,h6{color:#555}span.quiz_mode{color:#ade}a{color:#aff}}button.open_close{margin:0 0 0 9px;border-radius:6px;border:0;padding:0 3px;vertical-align:middle;background-color:#7cc;color:#000;opacity:1;font-family:local_Ubuntu,Ubuntu,local_Noto_Sans,Noto Sans,sans-serif;font-size:12px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}h1:hover button.open_close,h2:hover button.open_close,h3:hover button.open_close,h4:hover button.open_close,h5:hover button.open_close,h6:hover button.open_close{background-color:#3ff;color:#000}button.open_close:focus{outline:none}div.box div.box_head button.open_close{background-color:#d2ffff6b}div.box div.box_head:hover button.open_close{background-color:#d2ffffcf}div.overview{margin-left:calc(6*var(--margin-left-unit))}section.grouping{margin-top:calc(var(--margin-top-unit))}section.grouping.closed{opacity:.6;transition:opacity .3s}div.preamble{opacity:.75;white-space:pre-wrap;margin-top:4.5px;margin-left:calc(6*var(--margin-left-unit))}div.box div.box_head,div.box.open div.box_body{margin-left:calc(6*var(--margin-left-unit))}div.box div.box_head{margin-top:3px;border:2px solid var(--default-color);border-radius:6px;padding:0 6px;transition:border-radius .18s;line-height:1.5em;max-height:1.8em;overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:pointer;color:#000;background-color:var(--default-color);-webkit-user-select:none;user-select:none}div.box div.box_head:hover,div.box.open div.box_head{line-height:1.5em;max-height:none;white-space:pre-wrap}div.box.open div.box_head{border-radius:6px 6px 0 0}sup{vertical-align:top;position:relative;top:-.45em}sub{vertical-align:bottom;position:relative;top:.45em}div.box.open div.box_body{border:2px solid var(--default-color);border-top:none;border-radius:0 0 6px 6px}div.box div.box_head>span.category{margin-left:0;margin-right:4.2px;text-transform:uppercase;font-size:.72em;opacity:.51}div.box_body{font-family:Ubuntu}div.box_body section.quiz{padding:24px 12px;border-bottom:2px solid var(--default-color)}div.box_body section.quiz:last-child{border:none}div.box_body section.quiz button{vertical-align:middle;min-height:2.1em;margin:3px;border-radius:6px;border:1.2px solid var(--default-color);box-shadow:1.5px 1.5px var(--default-color);-webkit-box-shadow:1.5px 1.5px var(--default-color);-moz-box-shadow:1.5px 1.5px var(--default-color);background-color:#fff;color:#000;font-family:Ubuntu;font-size:.9em}div.box_body section.quiz button:disabled{cursor:not-allowed!important}div.box_body section.quiz button:disabled>span{opacity:.3}div.box_body section.quiz section.instruction_and_choices{margin:0 0 30px;border-left:3px solid #777;padding-left:12px}div.box_body section.quiz section.instruction{font-family:Quicksand,Ubuntu;font-weight:700}div.box_body section.quiz section.choices button.choice{cursor:move}div.box_body section.quiz section.choices button.choice:disabled{color:#aaa!important;border-color:#aaa!important;box-shadow:1.5px 1.5px #aaa!important;-webkit-box-shadow:1.5px 1.5px #aaa!important;-moz-box-shadow:1.5px 1.5px #aaa!important}div.box_body section.quiz section.choices{padding-top:6px}div.box_body section.quiz section.slots{margin:0}div.box_body section.quiz section.slots ul{margin:0}div.box_body section.quiz section.slots div.paragraph{margin-top:.9em}div.box_body section.quiz section.slots div.line{min-height:2.1em;line-height:1.8em}div.box_body section.quiz section.slots button.slot{min-width:150px;padding:0 6px;border:0}div.box_body section.quiz section.slots button.slot.empty{border:none!important;box-shadow:inset 1.8px 1.8px 3px #777!important;-webkit-box-shadow:inset 1.8px 1.8px 3px #777!important;-moz-box-shadow:inset 1.8px 1.8px 3px #777!important}div.box_body section.quiz section.slots button.slot.not_empty{border:1.2px solid var(--default-color);box-shadow:1.5px 1.5px var(--default-color);-webkit-box-shadow:1.5px 1.5px var(--default-color);-moz-box-shadow:1.5px 1.5px var(--default-color);cursor:pointer}div.box_body section.quiz section.quiz_buttons{margin-top:30px;border-left:3px solid #777;padding-left:12px;font-family:Quicksand,Ubuntu;font-weight:700;display:flex;justify-content:flex-start;align-items:baseline;align-content:flex-start;gap:.2em .2em}div.box_body section.quiz section.quiz_buttons span.correct{padding:0 3px;background-color:#00ff7f;color:#000}div.box_body section.quiz section.quiz_buttons span.incorrect{padding:0 3px;background-color:#ff4500;color:#000}div.box_body section.quiz section.quiz_buttons section button{color:var(--default-color);flex-flow:row wrap;cursor:pointer}div.box_body section.quiz section.quiz_buttons section.encouraged button{font-weight:700}div.box_body section.quiz section.quiz_buttons section.discouraged button{border-color:gray!important;box-shadow:1.5px 1.5px gray!important;-webkit-box-shadow:1.5px 1.5px gray!important;-moz-box-shadow:1.5px 1.5px gray!important;color:gray!important}div.box_body section.quiz section.choices button.choice:active:not(:disabled),div.box_body section.quiz section.slots button.slot.not_empty:active:not(:disabled),div.box_body section.quiz section.quiz_buttons section button:active:not(:disabled),div.box_body section.quiz section.quiz_buttons section.encouraged button:active:not(:disabled),div.box_body section.quiz section.quiz_buttons section.discouraged button:active:not(:disabled){box-shadow:none!important;transform:translate(.9px) translateY(.9px)}div.box_body section.quiz section.quiz_buttons section button{-webkit-user-select:none;user-select:none}div.box.goal div.box_head,div.box.approach div.box_head,div.box.tool div.box_head{border-color:#6cd;background-color:#6cd}div.box.open.goal div.box_body,div.box.open.goal div.box_body section.quiz,div.box.open.approach div.box_body,div.box.open.approach div.box_body section.quiz,div.box.open.tool div.box_body,div.box.open.tool div.box_body section.quiz{border-color:#6cd}div.box.open.goal div.box_body section.quiz button,div.box.open.goal div.box_body section.quiz button.slot.not_empty,div.box.open.approach div.box_body section.quiz button,div.box.open.approach div.box_body section.quiz button.slot.not_empty,div.box.open.tool div.box_body section.quiz button,div.box.open.tool div.box_body section.quiz button.slot.not_empty{border-color:#6cd;box-shadow:1.5px 1.5px #6cd;-webkit-box-shadow:1.5px 1.5px #6cd;-moz-box-shadow:1.5px 1.5px #6cd}div.box.open.goal div.box_body section.quiz section.quiz_buttons section button,div.box.open.approach div.box_body section.quiz section.quiz_buttons section button,div.box.open.tool div.box_body section.quiz section.quiz_buttons section button{color:#3ab}div.box.axiom div.box_head{border-color:#76c;background-color:#76c}div.box.open.axiom div.box_body,div.box.open.axiom div.box_body section.quiz{border-color:#76c}div.box.open.axiom div.box_body section.quiz button,div.box.open.axiom div.box_body section.quiz button.slot.not_empty{border-color:#76c;box-shadow:1.5px 1.5px #76c;-webkit-box-shadow:1.5px 1.5px #76c;-moz-box-shadow:1.5px 1.5px #76c}div.box.open.axiom div.box_body section.quiz section.quiz_buttons section button{color:#329}div.box.definition div.box_head{border-color:#39e;background-color:#39e}div.box.open.definition div.box_body,div.box.open.definition div.box_body section.quiz{border-color:#39e}div.box.open.definition div.box_body section.quiz button,div.box.open.definition div.box_body section.quiz button.slot.not_empty{border-color:#39e;box-shadow:1.5px 1.5px #39e;-webkit-box-shadow:1.5px 1.5px #39e;-moz-box-shadow:1.5px 1.5px #39e}div.box.open.definition div.box_body section.quiz section.quiz_buttons section button{color:#37a}div.box.good div.box_head,div.box.meh div.box_head,div.box.bad div.box_head,div.box.gooduse div.box_head,div.box.baduse div.box_head,div.box.property div.box_head{border-color:#9d5;background-color:#9d5}div.box.open.good div.box_body,div.box.open.good div.box_body section.quiz,div.box.open.meh div.box_body,div.box.open.meh div.box_body section.quiz,div.box.open.bad div.box_body,div.box.open.bad div.box_body section.quiz,div.box.open.gooduse div.box_body,div.box.open.gooduse div.box_body section.quiz,div.box.open.baduse div.box_body,div.box.open.baduse div.box_body section.quiz,div.box.open.property div.box_body,div.box.open.property div.box_body section.quiz{border-color:#9d5}div.box.open.good div.box_body section.quiz button,div.box.open.good div.box_body section.quiz button.slot.not_empty,div.box.open.meh div.box_body section.quiz button,div.box.open.meh div.box_body section.quiz button.slot.not_empty,div.box.open.bad div.box_body section.quiz button,div.box.open.bad div.box_body section.quiz button.slot.not_empty,div.box.open.gooduse div.box_body section.quiz button,div.box.open.gooduse div.box_body section.quiz button.slot.not_empty,div.box.open.baduse div.box_body section.quiz button,div.box.open.baduse div.box_body section.quiz button.slot.not_empty,div.box.open.property div.box_body section.quiz button,div.box.open.property div.box_body section.quiz button.slot.not_empty{border-color:#9d5;box-shadow:1.5px 1.5px #9d5;-webkit-box-shadow:1.5px 1.5px #9d5;-moz-box-shadow:1.5px 1.5px #9d5}div.box.open.good div.box_body section.quiz section.quiz_buttons section button,div.box.open.meh div.box_body section.quiz section.quiz_buttons section button,div.box.open.bad div.box_body section.quiz section.quiz_buttons section button,div.box.open.gooduse div.box_body section.quiz section.quiz_buttons section button,div.box.open.baduse div.box_body section.quiz section.quiz_buttons section button,div.box.open.property div.box_body section.quiz section.quiz_buttons section button{color:#6b9a3b}div.box.example div.box_head,div.box.resource div.box_head{border-color:#ec3;background-color:#ec3}div.box.open.example div.box_body,div.box.open.example div.box_body section.quiz,div.box.open.resource div.box_body,div.box.open.resource div.box_body section.quiz{border-color:#ec3}div.box.open.example div.box_body section.quiz button,div.box.open.example div.box_body section.quiz button.slot.not_empty,div.box.open.resource div.box_body section.quiz button,div.box.open.resource div.box_body section.quiz button.slot.not_empty{border-color:#ec3;box-shadow:1.5px 1.5px #ec3;-webkit-box-shadow:1.5px 1.5px #ec3;-moz-box-shadow:1.5px 1.5px #ec3}div.box.open.example div.box_body section.quiz section.quiz_buttons section button,div.box.open.resource div.box_body section.quiz section.quiz_buttons section button{color:#b90}div.box.note div.box_head,div.box.history div.box_head{border-color:#999;background-color:#999}div.box.open.note div.box_body,div.box.open.note div.box_body section.quiz,div.box.open.history div.box_body,div.box.open.history div.box_body section.quiz{border-color:#999}div.box.open.note div.box_body section.quiz button,div.box.open.note div.box_body section.quiz button.slot.not_empty,div.box.open.history div.box_body section.quiz button,div.box.open.history div.box_body section.quiz button.slot.not_empty{border-color:#999;box-shadow:1.5px 1.5px #999;-webkit-box-shadow:1.5px 1.5px #999;-moz-box-shadow:1.5px 1.5px #999}div.box.open.note div.box_body section.quiz section.quiz_buttons section button,div.box.open.history div.box_body section.quiz section.quiz_buttons section button{color:#777}div.box.idea div.box_head{border-color:#bcd;background-color:#bcd}div.box.open.idea div.box_body,div.box.open.idea div.box_body section.quiz{border-color:#bcd}div.box.open.idea div.box_body section.quiz button,div.box.open.idea div.box_body section.quiz button.slot.not_empty{border-color:#bcd;box-shadow:1.5px 1.5px #bcd;-webkit-box-shadow:1.5px 1.5px #bcd;-moz-box-shadow:1.5px 1.5px #bcd}div.box.open.idea div.box_body section.quiz section.quiz_buttons section button{color:#789}ol,ul{margin:0;padding-left:1em}table{border-collapse:collapse}th{font-weight:700}th,td{border:1px solid #aaa;padding:0 6px;text-align:left;vertical-align:top}th.center,td.center{text-align:center}th.left,td.left{text-align:left}th.right,td.right{text-align:right}@media(prefers-color-scheme:dark){th,td{border-color:#333}}span.changeable{color:#933}span.negative{text-transform:uppercase;font-size:.9em}figure{margin:6px 0}img{max-width:min(100%,72vw,720px)}span.caption{margin-left:6px}code{margin:0;white-space:pre-wrap;font-family:local_Ubuntu_Mono,Ubuntu Mono,local_Noto_Sans_Mono,Noto Sans Mono,monospace}div.overview code,div.box.open div.box_body code{padding:0 3px;border-radius:3px;background-color:#00000026}@media(prefers-color-scheme:dark){div.overview code,div.box.open div.box_body code{background-color:#ffffff26}}div.box.open div.box_body div.code_input,div.box.open div.box_body div.code_output{padding:6px 9px;font-family:local_Ubuntu_Mono,Ubuntu Mono,local_Noto_Sans_Mono,Noto Sans Mono,monospace;color:#000;-webkit-user-select:text;user-select:text}div.box.open div.box_body div.code_input.no_output{border-radius:3px}div.box.open div.box_body div.code_input{margin:3px 0 0;border-radius:3px 3px 0 0;background-color:#ddd}div.box.open div.box_body div.code_output{margin:0;border-radius:0 0 3px 3px;background-color:#dff}div.box.open div.box_body div.code_input code,div.box.open div.box_body div.code_output code{margin:0;padding:0;line-height:1.5em;white-space:pre-wrap;display:block;background-color:#0000}div.hanja{border-radius:8px;margin:0;padding:0;overflow:hidden;font-family:local_Noto_Sans,Noto Sans,sans-serif;background-color:#fff;color:#333}div.hanja>p{margin-left:18px}div.hanja>div.hanja_more_info{padding:2px 6px;font-size:16px;color:#333}div.hanja>div.hanja_more_info svg{fill:#333}div.hanja>iframe.hanja_moreinfo{margin:0;border:0;padding:0}div.hanja>svg.image{background-color:#fff;cursor:grab}div.hanja>svg.image:active{cursor:grabbing}div.hanja>svg.image path.link{fill:none;stroke:#ddd;stroke-width:1px}g.node.clickable{cursor:crosshair}g.node.clickable:active{cursor:grabbing}g.node>g.level rect{rx:2px;stroke:#aaa;fill:#fff;fill-opacity:0;stroke-width:1px}g.node>g.level text{text-anchor:middle;alignment-baseline:middle;font-size:16px;fill:#888}g.node>g.level:nth-of-type(1) text{fill:#333}g.node>g.level:nth-of-type(2) text{fill:#f30}g.node>g.level:nth-of-type(3) text{fill:#d90}g.node>g.level:nth-of-type(4) text{fill:#693}g.node>g.level:nth-of-type(5) text{fill:#389}g.node>g.level:nth-of-type(6) text{fill:#87e}g.node>g.level:nth-of-type(7) text{fill:#ca56a7}g.node>g.level:nth-of-type(8) text{fill:#666}g.node>g.level:nth-of-type(9) text{fill:#955}g>g.character>text{text-anchor:middle;alignment-baseline:hanging;font-size:15px;fill:#000}g>text.radical,g.radical>text,g>g.character.clickable,g>text.radical.clickable,g>text.meaning.clickable,g>text.sound.clickable{cursor:crosshair}g>text.radical:active,g.radical>text:active,g>g.character.clickable:active,g>text.radical.clickable:active,g>text.meaning.clickable:active,g>text.sound.clickable:active{cursor:grabbing}g>text.radical,g.radical>text,g>text.meaning,g>text.sound{alignment-baseline:hanging;font-size:10px;font-family:local_Quicksand,Quicksand,local_Noto_Sans,Noto Sans,sans-serif;cursor:crosshair}g>text.radical{text-anchor:end;fill:#000}g.radical>text{text-anchor:start;fill:#000}g>text.meaning,g>text.sound{text-anchor:middle;fill:#333}g>text.children_count{text-anchor:middle;alignment-baseline:hanging;font-size:8px;fill:#333;font-family:local_Quicksand,Quicksand,local_Noto_Sans,Noto Sans,sans-serif}g>text.children_count.clickable{animation:color_animation 1.5s linear infinite}@keyframes color_animation{0%{fill-opacity:.3}50%{fill-opacity:1}99%{fill-opacity:.3}}g>text.children_count.clickable{cursor:crosshair}g>text.children_count.clickable:active{cursor:grabbing}@media(prefers-color-scheme:dark){div.hanja{background-color:#333;color:#fff}div.hanja>svg.image{background-color:#333}div.hanja>svg.image path.link{stroke:#555}g.node>g.level:nth-of-type(1) text{fill:#fff}g>g.character>text{fill:#fff}g>text.radical{fill:#fff}g.radical>text{fill:#fff}g>text.meaning,g>text.sound{fill:#ddd}g>text.children_count{fill:#ddd}div.hanja>div.hanja_more_info{color:#ddd}div.hanja>div.hanja_more_info svg{fill:#ddd}}