:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{color:#eee;background:#202020;height:100%;margin:0}#app{min-height:100vh}.screen{text-align:center;max-width:640px;margin:10vh auto;padding:2rem}.screen form label{text-align:left;margin:.75rem 0;display:block}.screen input,.screen select{box-sizing:border-box;width:100%;margin-top:.25rem;padding:.5rem;display:block}.screen button{cursor:pointer;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem}.error-screen{color:#ff8080}.hl{color:#ffbf00;font-weight:700}.header-task{color:#4de6e6}.header-practice,.header-main{color:#ffe633}.instructions-screen p{text-align:center;line-height:1.6}.canvas-host{width:100vw;height:100vh}