:root{--input-size:48px;--color-bg:#323437;--color-fg:#d1d0c5;--color-fg-dimmed:#646669;--color-danger:#ca4754;--color-fg-accent:#e2b714}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-fg);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}h1{color:var(--color-fg-dimmed);font-size:2rem}.controlls{gap:8px;display:flex}.input{height:var(--input-size);background:#f8f9fa;border:1px solid #aaa;border-radius:5px;outline:none;padding:16px;font-size:1em}.input:disabled{background:#f0f4f8}.button{width:var(--input-size);height:var(--input-size);cursor:pointer;background:var(--color-fg-dimmed);color:var(--color-bg);border:none;border-radius:50%;outline:none;padding:10px;box-shadow:0 4px 6px #0000001a}.button:hover,.button:focus{background:var(--color-fg)}.display{border-radius:5px;width:80%;max-width:700px;height:3.2em;padding:10px;font-size:2em;overflow:hidden}.word-wrapper{transition:all .1s;position:relative}.word-wrapper span{height:1.2em;margin-bottom:10px;display:inline-block}.app{flex-direction:column;align-items:center;gap:.5em;display:flex}html{background-color:#add5ff;font-size:20px}.debug{font-size:14px;position:fixed;top:0;left:0}.word-wrapper span[style*="background-color: red"]{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.stats{color:var(--color-fg-accent);gap:5px;display:flex}.word__correct{color:var(--color-fg)}.word__pending{color:var(--color-fg-dimmed)}.word__incorrect{color:#dc3545}.word__current{background-color:var(--color-fg-dimmed)}.word__current.word__incorrect{background-color:var(--color-danger);color:inherit}
/*# sourceMappingURL=index.11e934ce.css.map */