body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212;color:#fff}.card{border:1px solid #333;padding:16px;border-radius:8px;width:200px;box-shadow:0 2px 4px #00000080;box-sizing:border-box;background-color:#1e1e1e;color:#fff;margin:8px;position:relative}.card.incorrect{border-color:red}.card input{width:calc(100% - 16px);margin-bottom:8px;padding:8px;border:1px solid #333;border-radius:4px;background-color:#2e2e2e;color:#fff;box-sizing:border-box}.card input.input-incorrect{color:red}.card button{background-color:#333;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.card button:hover{background-color:#444}.correct-answers{margin-top:8px;color:#0f0}.difference{margin-top:8px}.card-header{position:absolute;top:8px;right:8px;display:flex;gap:8px}.delete-icon,.volume-icon{width:16px;height:16px;cursor:pointer}.modal{background:#555;color:#fff;padding:20px;border-radius:8px;text-align:center;z-index:1001}.app-container{display:flex;flex-direction:column;align-items:center;padding:16px}.search-container{display:flex;align-items:center;margin-bottom:16px}.search-input{width:300px;padding:12px;border:1px solid #333;border-radius:4px;background-color:#1e1e1e;color:#fff;box-sizing:border-box}.version-select{margin-right:16px;padding:12px;border:1px solid #333;border-radius:4px;background-color:#1e1e1e;color:#fff}.button-container{margin-bottom:16px}.button-container button{margin:0 8px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;background-color:#333;color:#fff}.button-container button:hover{background-color:#444}.card-container{display:flex;flex-wrap:wrap;justify-content:center;padding:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#333;color:#fff;padding:20px;border-radius:8px;text-align:center;z-index:1001}.add-word-modal{width:400px;max-width:90%}.modal input{display:block;margin:10px 0;padding:10px;width:calc(100% - 20px);border:1px solid #ccc;border-radius:4px}.modal button{margin:0 10px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background-color:#444;color:#fff}.modal button:hover{background-color:#555}