:root{--default-bg: #2196f3;--default-text: white;--highlight-bg: #007bff;--highlight-text: white;--error-bg: #f44336;--success-bg: #4caf50;--neutral-bg: #ddd;--neutral-text: black;--arrow-blue: rgba(0, 0, 255, .3);--animation-duration: 1s}.container{display:flex;flex-direction:column;align-items:center}.flow-container{display:flex;align-items:center;flex-wrap:wrap}.box{border:1px solid #ddd;padding:10px;border-radius:8px;width:180px;text-align:center;transition:background-color var(--animation-duration)}.box textarea{height:60px}.key-container{display:flex;align-items:center;justify-content:space-around;width:100%;margin:20px}.key-box{border:1px solid #ddd;padding:10px;border-radius:8px;width:150px;text-align:center;margin:10px}.arrow{width:40px;height:40px}.user-icon{width:50px;height:50px;fill:var(--neutral-bg)}.reload-icon{width:20px;height:20px;fill:var(--neutral-text)}.button{margin:5px;padding:10px 20px;font-size:16px;background-color:var(--highlight-bg);color:var(--highlight-text);border:none;border-radius:5px;cursor:pointer}.reload-button{display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;margin:0 20px}.reload-button .reload-icon{margin-right:10px}.reload-button,.reset-button{background-color:var(--neutral-bg);color:var(--neutral-text)}.highlighted{background-color:var(--default-bg);color:var(--default-text)}.no-match{background-color:var(--error-bg);color:var(--highlight-text)}.match,.success{background-color:var(--success-bg);color:var(--highlight-text)}.top-left-buttons{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.bottom-buttons{display:flex;flex-direction:row;align-items:flex-start;margin-top:20px}:root{--animation-duration: 2.5s}@keyframes reveal{0%{width:0}to{width:100%}}.arrow-color--initial{fill:var(--neutral-bg)}.arrow-color--final{fill:var(--highlight-bg)}@media (max-width: 930px){.flow-container{flex-direction:column}.arrow{transform:rotate(90deg)}}@media (max-width: 620px){.key-container{flex-direction:column}.key-container .reload-button{order:-1}}