@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700;800&family=Roboto+Flex:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Google Sans,Roboto Flex,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.5}body{background:var(--md-sys-color-surface-container,#f2ecf4);color:var(--md-sys-color-on-surface,#1c1b1e);min-height:100vh;transition:background-color .25s,color .15s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant,#cac4d0);border-radius:3px}::selection{background:var(--md-sys-color-primary-container,#eaddff);color:var(--md-sys-color-on-primary-container,#21005d)}:focus-visible{outline:2px solid var(--md-sys-color-primary,#6750a4);outline-offset:2px}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.char{font-family:Roboto Mono,Fira Code,Noto Sans SC,monospace;transition:color 50ms;display:inline-block}.char-pending{color:var(--md-sys-color-on-surface-variant);opacity:.35}.char-correct{color:var(--md-sys-color-on-surface)}.char-incorrect{color:var(--md-sys-color-error);text-decoration:underline;-webkit-text-decoration-color:var(--md-sys-color-error);text-decoration-color:var(--md-sys-color-error);text-underline-offset:3px;text-decoration-thickness:2px}.char-extra{color:var(--md-sys-color-error);opacity:.65}.char-cursor{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:2px;margin:0 -.5px;padding:0 1px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}