:root{--color-background: #242424;--color-text: rgba(255, 255, 255, .87);--color-link: #646cff;--color-button: #12121b;--color-highlight: #4a4b52;--color-error: rgb(62, 24, 24);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--color-background);color:var(--color-text);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{--color-link: #535bf2}input{background:var(--color-highlight);color:var(--color-text);border-width:1px;font-size:inherit;padding:2px .5em}body{margin:0;display:flex;justify-content:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button,.button{border-radius:8px;border:1px solid transparent;padding:.4em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button);color:#fff;cursor:pointer;transition:border-color .25s}button:hover,.button:hover{border-color:var(--color-link)}button:focus,.button:focus,button:focus-visible,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}button svg path{fill:#fff}button.no-bg{background-color:transparent!important;color:#fff}button.no-bg svg path{fill:#fff}table{max-width:100%;overflow-x:auto;border-collapse:collapse}th{font-weight:400}th,td{padding:.2em .4em}@media (prefers-color-scheme: light){:root{--color-background: #ffffff;--color-text: #213547;--color-link: #747bff;--color-button: #314ba0;--color-highlight: #ecf0f9;--color-error: rgb(253, 227, 231)}button,.button{transition:background-color .25s}button:hover,.button:hover{border-color:transparent;background-color:var(--color-text)}button.no-bg{color:var(--color-button)}button.no-bg svg path{fill:var(--color-button)}}#root{width:100vw;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{margin-bottom:2em;position:sticky;top:0;z-index:1;background-color:var(--color-background)}.mode{gap:.4em;padding:.4em 0}.mode input[type=radio]{height:0;width:0;margin:0;padding:0}fieldset{display:flex;flex-flow:row wrap;gap:1em;border:none;margin:0}header fieldset:not(.mode){padding:0;max-height:0;transition:all .25s ease-in-out;overflow:hidden}header.open fieldset:not(.mode){padding:.4em 0;max-height:10em}header fieldset+fieldset{border-top:1px solid var(--color-highlight)}label>input{margin-right:.5em}.verb-list{padding-left:0;display:flex;flex-flow:row wrap;gap:1em;list-style-type:none}.verb-list li,span.irregular{display:inline-block;padding:0 .2em;border-radius:.2em}.irregular{background-color:var(--color-highlight)}h2+fieldset{justify-content:center}.word.speak{cursor:pointer;position:relative}.word.speak:focus:after,.word.speak:hover:after{display:block;position:absolute;top:0;left:calc(100% + .2em);width:1.2em;height:1.2em;content:"";mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z' /%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;background-color:var(--color-text)}h3>span[lang]{font-weight:400}dl{display:flex;align-items:center;justify-content:center;gap:1em}dl dd{margin-left:0;font-size:110%;font-weight:700}dl dd:not(:last-child){margin-right:2em}.conjugations{width:fit-content;margin:auto}thead th:not(:first-child),tbody tr:last-child td{border-bottom:1px solid var(--color-highlight)}tbody th,tbody td:last-child{border-right:1px solid var(--color-highlight)}th{background-color:var(--color-background)}td{font-size:110%}td [lang]{font-size:60%}.test{display:flex;flex-direction:column;gap:.5em;width:fit-content;margin:auto}.question{display:flex;flex-flow:row wrap;justify-content:center;gap:.5em;font-size:120%}.question>span{align-self:center}input{flex-grow:1}input.error{background-color:var(--color-error)}.buttons{display:flex;flex-flow:row wrap;justify-content:center;gap:.5em}.hidden{display:inline-block;padding:.2em .4em;border-radius:.2em;background-color:var(--color-button);color:transparent}.hidden:focus,.hidden:hover{color:#fff}.previous>button{position:relative;top:.4em;padding:.4em;margin-left:.4em}.active,[data-active=true]{background-color:var(--color-link)}.tense{font-style:italic}
