@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@font-face{font-family:nasin-nanpa;src:url(/nasin-nanpa.otf)}body{margin:0}*:not(.sitelen-pona){font-family:Inter,sans-serif}body.sitelen-pona .sitelen-pona{font-family:nasin-nanpa,Inter,sans-serif}body.sitelen-pona .latin,body:not(.sitelen-pona) .sitelen-pona{display:none}body.sitelen-pona .sitelen-pona,body:not(.sitelen-pona) .latin{display:unset}#root{max-width:100vh;min-height:100vh;margin-left:auto;margin-right:auto;background:linear-gradient(#ffb,#ffa);color:#00a}#header{background:#00a;padding:1em;font-size:large}#header a,#header,#header select{color:#ffb}#content{padding:1em}#header select{background:#00a;border:1px solid #ffb;border-radius:.5em}.sep{display:inline-block;min-width:1em}.hsep{width:100%;height:2px;background:#00a}.blank{display:inline-block;min-width:2em;border-bottom:2px dotted #00a}.task,.result{margin:1em;padding:1em 2em;border:2px dashed #00a;border-radius:1em}button.option,input.input{width:calc(100% - 1em);padding:1em;margin:.5em;color:#00a;box-sizing:border-box;border:2px solid #00a;border-radius:1em;background:#ffd;transition:all .2s;font-size:large}button.option{cursor:pointer;box-shadow:0 4px #00a3}button.option:active{translate:0 4px;box-shadow:0 0 #00a3}button.small{padding:.5em;width:fit-content}button:disabled{border:2px solid #888;color:#888}.blocks{border-top:2px dashed #00a;border-bottom:2px dashed #00a;min-height:4em}audio{max-width:100%}.pre{white-space:pre-wrap}.solved,.failed{padding:.5em;border-radius:1em;box-sizing:border-box}.solved{background:#bfb;color:#0a0;border:2px solid #0a0}.failed{background:#fbb;color:#a00;border:2px solid #a00}table{border-collapse:collapse;margin:.5em;width:calc(100% - 1em)}table td,table th{border:1px solid #00a;padding:.5em}.title{cursor:pointer;text-decoration:underline}.mascot{width:2em;vertical-align:middle}
